:root{color-scheme:dark;background:#070b23}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#club{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none;-webkit-tap-highlight-color:transparent}#club:focus-visible{outline:2px solid #66eee9;outline-offset:-2px}
[hidden]{display:none!important}
#entrance{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 28% 25%,#24215488,transparent 55%),radial-gradient(ellipse at 80% 85%,#0c454655,transparent 55%),#070b23}
#enter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:min(100%,480px);min-height:300px;padding:44px 24px;border:1px solid #fff2a7;border-radius:48px;background:radial-gradient(ellipse at 35% 12%,#fff1a0,#ffd551 65%,#edab28);color:#39240f;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 18px 70px #ffc84a24,inset 0 2px 0 #fff8d0;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
#enter span{font-size:clamp(24px,5vw,36px);font-weight:600;letter-spacing:-.04em}#enter strong{font-size:clamp(48px,10vw,76px);line-height:1.05;font-weight:800;letter-spacing:-.055em}#enter svg{width:32px;height:32px;margin-top:24px}#enter:hover{transform:translateY(-3px);box-shadow:0 24px 90px #ffc84a38,inset 0 2px 0 #fff8d0}#enter:active{transform:scale(.98)}#enter:focus-visible{outline:3px solid #66eee9;outline-offset:8px}#enter:disabled{cursor:wait} @media(max-height:430px){#enter{min-height:0;padding:20px}#enter svg{margin-top:12px}}@media(prefers-reduced-motion:reduce){#enter{transition:none}#enter:hover,#enter:active{transform:none}}
#audio{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:52px;height:52px;display:grid;place-items:center;border:1px solid #b8c5ee55;border-radius:50%;background:#0c163cbb;color:#fff7e9;backdrop-filter:blur(12px);cursor:pointer;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent}#audio svg{width:23px;height:23px}#audio:hover{background:#223052}#audio:focus-visible{outline:3px solid #66eee9;outline-offset:4px}#audio[aria-pressed=true]{color:#66eee9}#audio .waves,#audio[aria-pressed=true] .slash{display:none}#audio[aria-pressed=true] .waves{display:block}#audio:disabled{cursor:wait;opacity:.7}@media(prefers-reduced-motion:reduce){#audio{transition:none}}