.site{--bg:#0e0e10;--ink:#f4f2ee;--ink-dim:#908f98;--ink-faint:#5c5b64;--line:#f4f2ee24;--line-soft:#f4f2ee12;--accent:#ff4e96;--accent-deep:#e44383;--cyan:#5dc8d8;--gold:#fed766;--gutter:clamp(20px, 5.5vw, 72px);--measure:1320px;--px:0px;--py:0px;overscroll-behavior:none;touch-action:pan-y;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden auto}.site a{color:inherit}.site ::selection{background:var(--accent);color:#12070c}.site-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}.site-backdrop i{transform:translate3d(calc(var(--px) * .5), calc(var(--py) * .5), 0);background-image:radial-gradient(circle,#f4f2ee16 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:-8%}.site-backdrop b{border:1px solid var(--line-soft);will-change:transform;border-radius:50%;display:block;position:absolute}.site-backdrop b:first-of-type{width:78vmax;height:78vmax;transform:translate3d(calc(var(--px) * 1.6), calc(var(--py) * 1.6), 0);top:-26vmax;right:-30vmax}.site-backdrop b:nth-of-type(2){width:46vmax;height:46vmax;transform:translate3d(calc(var(--px) * -2.4), calc(var(--py) * -2.4), 0);border-color:#ff4e9629;bottom:-14vmax;left:-18vmax}.site-backdrop b:nth-of-type(3){width:22vmax;height:22vmax;transform:translate3d(calc(var(--px) * 3.4), calc(var(--py) * 3.4), 0);border-color:#5dc8d829;bottom:9vh;right:13vw}.site-head,.site-foot,.route>*{z-index:1;width:min(var(--measure), 100%);padding-inline:max(var(--gutter), env(safe-area-inset-left));margin-inline:auto;position:relative}.site-head{justify-content:space-between;align-items:center;gap:16px;padding-block:clamp(18px,3vw,30px);display:flex}.wordmark{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:11px;font-size:clamp(13px,3.4vw,15px);font-weight:700;text-decoration:none;display:inline-flex}.wordmark-mark{width:auto;height:38px;transition:transform .3s cubic-bezier(.2,.8,.25,1);display:block}@media (width<=419px){.wordmark-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.wordmark:hover .wordmark-mark{transform:rotate(14deg)}.site-nav{align-items:center;gap:clamp(16px,4vw,32px);font-size:clamp(13px,3.4vw,15px);font-weight:500;display:flex}.site-nav a{color:var(--ink-dim);padding-block:6px;text-decoration:none;transition:color .16s;position:relative}.site-nav a:after{content:"";background:var(--accent);transform-origin:0;height:1.5px;transition:transform .22s cubic-bezier(.2,.8,.25,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.display{letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(4rem,13.5vw,8.5rem);font-weight:700;line-height:.84}.display .dot{color:var(--accent)}.kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 clamp(18px,4vw,26px);font-size:11px;font-weight:700}.lead{color:#c9c7c2;max-width:36ch;margin:0;font-size:clamp(1.0625rem,4.4vw,1.375rem);font-weight:400;line-height:1.45}.hero{gap:clamp(28px,6vw,40px);padding-block:clamp(24px,6vw,56px) clamp(48px,9vw,96px);display:grid}.hero-copy{gap:clamp(22px,5vw,30px);display:grid;position:relative;container-type:inline-size}.hero-copy>.gate{position:relative}.hero-art{aspect-ratio:16/10;transform:translate3d(calc(var(--px) * .9), calc(var(--py) * .9), 0);margin:0;position:relative}.hero-art img{height:auto;display:block;position:absolute}.hero-crew{width:84%;bottom:0;left:-3%}.hero-record{width:21%;transform:translate3d(calc(var(--px) * 2.6), calc(var(--py) * 2.6), 0);animation:7s ease-in-out infinite alternate record-hover;top:6%;right:2%}@keyframes record-hover{0%{translate:0 -2%;rotate:-7deg}to{translate:0 2%;rotate:7deg}}@keyframes record-spin{to{transform:rotate(360deg)}}.cta{gap:12px;display:grid}@container (width>=600px){.cta{grid-template-columns:repeat(3,minmax(0,1fr))}.cta .btn{padding-inline:22px}.cta .join{padding-left:22px}}.btn{min-height:64px;font:inherit;letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;padding:0 28px;font-size:clamp(1rem,4vw,1.125rem);font-weight:700;transition:transform .16s cubic-bezier(.2,.8,.25,1),background .16s,border-color .16s,color .16s;display:inline-flex}.btn .hud-icon{--icon:24px;transition:transform .2s cubic-bezier(.2,.8,.25,1)}.btn:hover .hud-icon,.btn:active .hud-icon{transform:translate(4px)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-accent{background:var(--accent);color:#12070c}.btn-accent:hover:not(:disabled){background:#ff6ba7}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--ink)}.gate{--at-brand:#28e6ff;gap:14px;display:grid}.btn-audiotool{background:var(--at-brand);color:#04222b;justify-content:center;width:100%}.btn-audiotool:hover:not(:disabled){background:#6eeeff}.btn-at-label{align-items:center;gap:12px;display:inline-flex}.gate-note{max-width:46ch;color:var(--ink-faint);font-size:.875rem;line-height:1.5}.gate-note strong{color:var(--ink-dim);font-weight:700}.gate-note a{color:var(--ink-dim);border-bottom:1px solid var(--line);white-space:nowrap;text-decoration:none}.gate-note a:hover{color:var(--ink);border-bottom-color:var(--accent)}.gate-error{color:#ffa9cb;font-size:.9375rem;line-height:1.5}.gate-error button{color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.signed-in{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;display:flex}.signed-in svg{color:var(--cyan);flex:none}.signed-in strong{color:var(--ink-dim);font-weight:700}.signed-in button{color:var(--ink-faint);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:.8125rem;text-decoration:underline}.signed-in button:hover{color:var(--ink)}.join{--go:48px;min-height:64px;padding:0 calc((64px - 2px - var(--go)) / 2) 0 28px;border:1px solid var(--line);cursor:text;background:#f4f2ee0f;border-radius:999px;align-items:center;gap:10px;transition:border-color .16s,background .16s;display:inline-flex;box-shadow:inset 0 2px 8px #00000073}.join:hover{border-color:#f4f2ee52}.join:focus-within{border-color:var(--ink);background:#f4f2ee16}.join input{width:5.6em;min-width:0;color:var(--ink);caret-color:var(--accent);font:inherit;letter-spacing:.24em;text-transform:uppercase;background:0 0;border:0;flex:auto;align-self:stretch;padding:0;font-size:clamp(1rem,4vw,1.125rem);font-weight:700}.join input::placeholder{color:var(--ink-dim);letter-spacing:0;text-transform:none;opacity:1;font-weight:500}.join input:focus,.join input:focus-visible{outline:none}.join button{width:var(--go);height:var(--go);border:1px solid var(--line);color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .16s,border-color .16s,color .16s,transform .16s cubic-bezier(.2,.8,.25,1);display:grid}.join button .hud-icon{--icon:24px}.join button:disabled{cursor:default}.join[data-complete] button:not(:disabled){background:var(--accent);border-color:var(--accent);color:#12070c}.join[data-complete] button:not(:disabled):hover{background:#ff6ba7}.join button:active:not(:disabled){transform:scale(.94)}.site-error{color:#ffa9cb;border:1px solid #ff4e9666;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;font-size:.9375rem;line-height:1.4;display:flex}.site-error button{color:var(--ink);font:inherit;text-underline-offset:3px;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.watch{padding-block:0 clamp(44px,9vw,72px)}.watch-frame{--round:clamp(14px, 2.4vw, 24px);aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--round);clip-path:inset(0 round var(--round));isolation:isolate;background:#000;position:relative;overflow:hidden}.watch-frame iframe,.watch-cover{border-radius:calc(var(--round) - 1px);border:0;width:100%;height:100%;position:absolute;inset:0}.watch-frame iframe{background:#000;width:calc(100% + 2px);height:calc(100% + 2px);inset:-1px}.watch-cover{cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.watch-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.watch-play{--icon:clamp(26px, 4vw, 40px);aspect-ratio:1;background:var(--accent);color:#12070c;border-radius:50%;place-items:center;width:clamp(64px,10vw,104px);transition:transform .16s cubic-bezier(.2,.8,.25,1),background .16s;display:grid;position:relative}.watch-play .hud-icon{translate:2%}.watch-cover:hover .watch-play{background:#ff6ba7;transform:scale(1.06)}.watch-cover:active .watch-play{transform:scale(.94)}.site .watch-cover:focus-visible{outline-offset:-4px;border-radius:inherit}.hack{border-top:1px solid var(--line-soft);gap:14px;padding-block:clamp(44px,9vw,72px);display:grid}.hack .kicker{color:var(--gold);margin:0}.hack p{letter-spacing:-.015em;max-width:30ch;margin:0;font-size:clamp(1.0625rem,4.2vw,1.5rem);line-height:1.4}.hack p a{border-bottom:1.5px solid #fed76680;text-decoration:none;transition:border-color .16s}.hack p a:hover{border-color:var(--gold)}.entered{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:4px;display:flex}.entered>span{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:700}.challenges{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.challenges a{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:38px;padding:0 16px;font-size:.875rem;font-weight:700;text-decoration:none;transition:border-color .16s,color .16s;display:inline-flex}.challenges li:first-child a{color:var(--gold);border-color:#fed76680}.challenges a:hover{border-color:var(--gold)}.about{gap:clamp(44px,8vw,76px);padding-block:clamp(16px,4vw,40px) clamp(48px,9vw,90px);display:grid}.about-intro{gap:clamp(22px,5vw,30px);display:grid;position:relative}.about-record{height:auto;display:none}.about-body{color:#c9c7c2;gap:1.1em;max-width:62ch;font-size:clamp(1rem,4vw,1.125rem);line-height:1.6;display:grid}.about-body h2{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.5rem,6vw,2.25rem);font-weight:700;line-height:1}.about-body p{margin:0}.about-body strong{color:var(--ink);font-weight:500}.about-body a{color:var(--ink);border-bottom:1.5px solid var(--accent-deep);text-decoration:none}.about-body a:hover{border-bottom-color:var(--accent)}.license-list{margin:0;padding:0;list-style:none;display:grid}.license-list li{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;padding-block:12px;display:flex}.license-list li:last-child{border-bottom:1px solid var(--line-soft)}.license-list strong{font-weight:700}.license-list li>:last-child{color:var(--ink-dim);font-size:.9375rem}.privacy [id]{scroll-margin-top:clamp(20px,5vw,40px)}.about-body a[href^=mailto\:]{overflow-wrap:anywhere}.site-foot{padding-block:clamp(24px,5vw,34px);padding-bottom:max(clamp(24px, 5vw, 34px), env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:10px 26px;font-size:12px;display:flex}.site-foot a{text-decoration:none}.site-foot a:hover{color:var(--ink)}.route{view-transition-name:page}.site-head{view-transition-name:chrome}@media (prefers-reduced-motion:no-preference){::view-transition-old(page){animation:.16s both page-out}::view-transition-new(page){animation:.36s cubic-bezier(.2,.8,.25,1) both page-in}.site[data-viewtransitions=off] .route{animation:.36s cubic-bezier(.2,.8,.25,1) both page-in}}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}}.site :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}@media (prefers-reduced-motion:reduce){.hero-record,.about-record{animation:none}.watch-play,.btn,.btn .hud-icon{transition:none}}@media (width>=620px) and (width<=899px){.hero-art{max-width:560px}}@media (width>=900px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(24px,3vw,44px) clamp(56px,7vw,96px)}.hero-art{aspect-ratio:5/4}.hero-crew{width:100%;left:0}.hero-record{width:25%;top:-3%;right:-7%}.btn{min-height:70px;padding:0 28px}.hack{grid-template-columns:1fr auto;align-items:end;column-gap:40px}.hack .kicker{grid-column:1/-1}.hack .entered{justify-content:flex-end;margin:0}.join{--go:54px;min-height:70px;padding-right:calc((70px - 2px - var(--go)) / 2)}.about-body:has(h2){grid-template-columns:minmax(0,16ch) minmax(0,60ch);column-gap:clamp(32px,5vw,64px);max-width:none}.about-body:has(h2)>*{grid-column:2}.about-body h2{grid-area:span 3/1}.about-record{width:clamp(170px,19vw,260px);transform:translate3d(calc(var(--px) * 2.2), calc(var(--py) * 2.2), 0);animation:26s linear infinite record-spin;display:block;position:absolute;top:6%;right:2%}}.curtain{--bg:#0e0e10;--ink:#f4f2ee;--ink-dim:#908f98;--ink-faint:#5c5b64;--line:#f4f2ee24;--line-soft:#f4f2ee12;--accent:#ff4e96;z-index:50;padding:24px max(16px, env(safe-area-inset-left));background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;cursor:progress;opacity:0;will-change:opacity;place-items:center;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;animation:.2s cubic-bezier(.2,.8,.25,1) both curtain-in;display:grid;position:fixed;inset:0;overflow:hidden}.curtain.is-leaving{opacity:.995;animation:.38s cubic-bezier(.4,0,.2,1) both curtain-out}@keyframes curtain-in{0%{opacity:0}to{opacity:.995}}.curtain.is-quiet .curtain-kicker,.curtain.is-quiet .curtain-words,.curtain.is-quiet .curtain-bar,.curtain.is-quiet .curtain-steps{visibility:hidden}@keyframes curtain-out{0%{opacity:.995}to{opacity:0}}.curtain-backdrop{pointer-events:none;position:absolute;inset:0}.curtain-backdrop i{background-image:radial-gradient(circle,#f4f2ee16 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:-8%}.curtain-backdrop b{border:1px solid var(--line-soft);border-radius:50%;position:absolute}.curtain-backdrop b:first-of-type{width:78vmax;height:78vmax;top:-26vmax;right:-30vmax}.curtain-backdrop b:nth-of-type(2){border-color:#ff4e9629;width:46vmax;height:46vmax;bottom:-14vmax;left:-18vmax}.curtain-body{text-align:center;justify-items:center;width:min(100%,720px);display:grid;position:relative}.curtain-mark{aspect-ratio:1;width:clamp(112px,30vw,164px);margin-bottom:clamp(22px,5vw,34px);position:relative}.curtain-head{width:100%;height:100%;display:block}.curtain-vinyl{aspect-ratio:1;will-change:transform;width:49.22%;animation:1.8s linear infinite curtain-spin;position:absolute;top:35.94%;left:25.39%}.curtain-vinyl svg{width:100%;height:100%;display:block}@keyframes curtain-spin{to{transform:rotate(360deg)}}.curtain-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 clamp(12px,3vw,18px);font-size:11px;font-weight:700}.curtain-words{letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(2.4rem,9vw,5.25rem);font-weight:700;line-height:.9;animation:.32s cubic-bezier(.2,.8,.25,1) both curtain-word}.curtain-dot{color:var(--accent)}@keyframes curtain-word{0%{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:none}}.curtain-bar{background:var(--line);border-radius:2px;width:min(100%,420px);height:2px;margin-top:clamp(26px,6vw,40px);position:relative;overflow:hidden}.curtain-bar i{background:var(--accent);transform-origin:0;transition:transform .5s cubic-bezier(.2,.8,.25,1);position:absolute;inset:0}.curtain-steps{letter-spacing:.24em;text-transform:uppercase;gap:clamp(14px,4vw,26px);margin:16px 0 0;padding:0;font-size:11px;font-weight:700;list-style:none;display:flex}.curtain-steps li{color:var(--ink-faint);align-items:center;gap:8px;transition:color .3s;display:inline-flex}.curtain-steps li:before{content:"";border:1px solid;border-radius:50%;width:6px;height:6px;transition:background-color .3s,border-color .3s}.curtain-steps li.is-now{color:var(--ink)}.curtain-steps li.is-now:before{border-color:var(--accent)}.curtain-steps li.is-done{color:var(--ink-dim)}.curtain-steps li.is-done:before{background:var(--accent);border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.curtain-vinyl{animation-duration:7.2s}.curtain-words{animation:none}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f4f2ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#f4f2ee24;--muted:#908f98;--accent:#ff4e96;background:#0e0e10;font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow:hidden}html,body{touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,svg,canvas{-webkit-user-drag:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.game-shell{touch-action:none;overscroll-behavior:none;background:#0e0e10;position:fixed;inset:0;overflow:hidden}.game-shell.is-backstage{pointer-events:none}.game-shell.is-unpainted{visibility:hidden}.pressure-edge{z-index:9;pointer-events:none;opacity:var(--pressure);will-change:opacity;transition:opacity .4s;position:absolute;inset:0}.pressure-edge:before{content:"";background:radial-gradient(#0000 52%,#ffa02847 78%,#ffa0289e 100%);position:absolute;inset:0}.pressure-edge.is-overtime:before{animation:edge-beat var(--beat,.5s) ease-out infinite;will-change:opacity;background:radial-gradient(#0000 44%,#ff285057 74%,#ff2850c7 100%)}@keyframes edge-beat{0%{opacity:1}to{opacity:.55}}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:11px 18px;font-weight:700;transition:background .15s,border-color .15s,opacity .15s}.primary-button{color:#10070c;background:#f4f2ee}.secondary-button{color:#f4f2ee;border-color:var(--line);background:0 0}.secondary-button:hover{border-color:#f4f2ee}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.integration-card,.notice-card{border:1px solid var(--line);background:#0e0e10d1;border-radius:20px}.integration-card{justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.integration-card p,.notice-card p{color:var(--muted);max-width:500px;margin:5px 0 0;font-size:12px}.notice-card{padding:15px 18px}.integration-actions{flex-wrap:wrap;gap:8px;display:flex}.integration-ready{color:var(--muted);font-size:12px;font-weight:700}.status-dot{background:#55545c;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-dot.authenticated,.status-dot.project-ready{background:#67efac}.status-dot.error{background:var(--accent)}.audiotool-compact{position:relative}.integration-dot{border:1px solid var(--line);color:#f4f2ee;letter-spacing:.04em;cursor:pointer;background:#0e0e10d1;border-radius:50%;width:clamp(46px,12vw,58px);height:clamp(46px,12vw,58px);font-size:13px;font-weight:700;transition:border-color .16s}.integration-dot:hover{border-color:#f4f2ee}.integration-dot.project-ready{border-color:#67efac}.integration-popover{border:1px solid var(--line);background:#0e0e10f5;border-radius:20px;width:280px;padding:16px;position:absolute;top:calc(100% + 8px);right:0}.integration-popover p{color:var(--muted);font-size:12px;line-height:1.45}.modal-backdrop{z-index:40;background:#0a0a0ce0;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.icon-button{border:1px solid var(--line);color:#f4f2ee;cursor:pointer;background:0 0;border-radius:50%;width:38px;height:38px;font-size:18px}.audiotool-diagnostics{background:#0c0d15;border:1px solid #2c2e3b;border-radius:10px;width:100%;margin-top:12px;font-size:11px}.audiotool-diagnostics summary{cursor:pointer;color:#8c8ea2;letter-spacing:.06em;padding:8px 11px;font-weight:800}.audiotool-diagnostics dl{margin:0;padding:4px 11px 10px}.audiotool-diagnostics dl>div{border-top:1px solid #1d1f2a;grid-template-columns:120px 1fr;gap:8px;padding:3px 0;display:grid}.audiotool-diagnostics dt{color:#6e7084}.audiotool-diagnostics dd{color:#d4d5e2;word-break:break-all;margin:0}.audiotool-diagnostics dl>div.bad dd{color:#ff9db1}.audiotool-diagnostics .chip{margin:0 11px 11px 0}.chip{color:#c9cad8;cursor:pointer;background:#20222e;border:1px solid #353746;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700}.chip.on{color:#11121a;background:#f6f6fb;border-color:#f6f6fb}.probe-error{color:#ff9db1;font-size:12px}.probe-running{color:#8c8ea2;font-size:12px}.browser-shell{background:#07080f;padding-bottom:40px;position:fixed;inset:0;overflow:auto}.browser-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px clamp(14px,3vw,30px);display:flex}.browser-header h1{letter-spacing:.02em;margin:0 0 5px;font:700 22px/1 Space Grotesk,system-ui,sans-serif}.browser-header small,.browser-header code{color:#75778b;font-size:11px}.browser-header a{text-decoration:none;display:inline-block}.browser-query{border-bottom:1px solid var(--line);gap:10px;padding:16px clamp(14px,3vw,30px);display:grid}.browser-presets{flex-wrap:wrap;gap:7px;display:flex}.browser-query label{letter-spacing:.12em;color:#75778b;gap:5px;font-size:10px;font-weight:800;display:grid}.browser-query textarea,.browser-query input{color:#fff;resize:vertical;background:#0b0c14;border:1px solid #303241;border-radius:10px;width:100%;padding:9px 11px;font:500 12px ui-monospace,SFMono-Regular,Menlo,monospace}.browser-row{grid-template-columns:2fr 1.4fr .6fr auto;align-items:end;gap:10px;display:grid}.browser-results{padding:0 clamp(14px,3vw,30px) 20px;overflow:auto}.browser-results table{border-collapse:collapse;width:100%;margin-top:12px;font-size:12px}.browser-results th{text-align:left;color:#6e7084;letter-spacing:.1em;background:#07080f;border-bottom:1px solid #262835;padding:8px 9px;font-size:10px;position:sticky;top:0}.browser-results td{border-bottom:1px solid #16171f;padding:7px 9px}.browser-results tr{cursor:pointer}.browser-results tr:hover td{background:#10111a}.browser-results tr.on td{background:#171a26}.browser-results td.ok{color:#7cf2bd}.browser-results td.warn{color:#ffb46b}.browser-results td.tags{color:#6e7084}.browser-detail{border-left:1px solid var(--line);z-index:5;background:#0c0d15;width:min(380px,100%);padding:22px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.browser-detail h2{margin:0 0 6px;font:700 19px/1.2 Space Grotesk,system-ui,sans-serif}.browser-detail>code{color:#4e5063;word-break:break-all;font-size:10px}.browser-detail p{color:#8c8ea2;font-size:12px;line-height:1.5}.browser-detail dl{grid-template-columns:auto 1fr;gap:5px 12px;margin:16px 0;font-size:11px;display:grid}.browser-detail dt{color:#6e7084}.browser-detail dd{color:#d4d5e2;margin:0}.browser-formats{gap:7px;margin:12px 0;display:grid}.browser-formats>div{align-items:center;gap:7px;display:flex}.browser-formats strong{color:#8c8ea2;min-width:62px;font-size:11px}@media (width<=900px){.browser-row{grid-template-columns:1fr 1fr}.browser-detail{border-left:0;border-top:1px solid var(--line);width:auto;position:static}}.world-word{z-index:10;transform-origin:50% 100%;pointer-events:none;white-space:nowrap;-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;gap:10px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-weight:700;display:flex;position:absolute;top:0;left:0}.world-word b{color:#f4f2ee;background:#0e0e10db;border-radius:42px;height:84px;padding:0 30px;font-size:46px;line-height:84px;display:block}.world-word i{background:var(--accent,#ff4e96);color:#10070c;border-radius:26px;height:52px;padding:0 24px;font-size:31px;font-style:normal;line-height:52px;display:block}.world-tags{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-tag{transform-origin:50% 100%;pointer-events:none;white-space:nowrap;-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;gap:8px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-weight:700;display:flex;position:absolute;top:0;left:0}.world-tag b{color:#0e0e10;background:#ffffffd6;border-radius:28px;height:56px;padding:0 24px;font-size:30px;line-height:56px;display:block;box-shadow:0 6px 20px #00000047}.world-tag i{color:#f4f2ee;letter-spacing:.08em;font-variant-numeric:tabular-nums;background:#0e0e10db;border-radius:18px;height:36px;padding:0 16px;font-size:19px;font-style:normal;line-height:36px;display:block}.turn-upright{z-index:100;color:#f4f2ee;touch-action:none;background:#0e0e10;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;display:flex;position:fixed;inset:0}.turn-upright p{letter-spacing:-.01em;text-align:center;margin:0;font-size:22px;font-weight:700}.turn-upright-phone{--icon:64px;color:var(--accent);animation:2.4s cubic-bezier(.6,0,.3,1) infinite turn-upright}@keyframes turn-upright{0%,20%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.turn-upright-phone{animation:none}}.game-shell{--ink:#f4f2ee;--ink-dim:#908f98;--ink-faint:#5c5b64;--line:#f4f2ee24;--line-soft:#f4f2ee12;--panel:#0e0e10d1;--accent:#ff4e96;--lift:0 1px 0 #08080a80, 0 3px 12px #08080ab3, 0 10px 44px #08080a8c;--cast:0 10px 34px #06060873;--control:clamp(112px, 33vw, 156px);--round:clamp(48px, 12.5vw, 58px);--edge:clamp(12px, 3.4vw, 34px);--edge-top:calc(var(--edge) + env(safe-area-inset-top));--edge-bottom:calc(var(--edge) + env(safe-area-inset-bottom));--edge-left:calc(var(--edge) + env(safe-area-inset-left));--edge-right:calc(var(--edge) + env(safe-area-inset-right));-webkit-font-smoothing:antialiased;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.hud{z-index:20;pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud>.pressure-edge{pointer-events:none}.game-shell :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hud{--pulse:0;--burn:0 0 18px color-mix(in srgb, var(--accent) 80%, transparent), 0 0 56px color-mix(in srgb, var(--accent) 50%, transparent);--blaze:0 0 2px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 34px color-mix(in srgb, var(--accent) 90%, transparent), 0 0 96px color-mix(in srgb, var(--accent) 65%, transparent), 0 0 180px color-mix(in srgb, var(--accent) 40%, transparent)}.hud-icon{width:var(--icon,24px);height:var(--icon,24px);shape-rendering:geometricprecision;flex:none}.hud-round,.hud-pill{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--cast);border-radius:999px;justify-content:center;align-items:center;font-weight:700;transition:transform .16s cubic-bezier(.2,.8,.25,1),background .16s,border-color .16s,color .16s,box-shadow .16s,opacity .2s;display:inline-flex}.hud-round{--icon:clamp(21px, 5.4vw, 25px);width:var(--round);height:var(--round);flex:none;padding:0}.hud-pill{--icon:clamp(22px, 5.4vw, 26px);letter-spacing:-.01em;gap:14px;min-height:clamp(58px,15vw,72px);padding:0 clamp(22px,6vw,32px);font-size:clamp(1rem,4.4vw,1.25rem)}.hud-round:hover:not(:disabled),.hud-pill:hover:not(:disabled){border-color:var(--ink)}.hud-round:active,.hud-pill:active{transform:scale(.94)}.hud-round:disabled,.hud-pill:disabled{opacity:.4;cursor:not-allowed;transform:none}.hud-quiet{color:#f4f2eeb8;box-shadow:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a0a0c52;border-color:#f4f2ee21}.hud-quiet .hud-icon{filter:drop-shadow(0 1px 3px #060608d9)}.hud-quiet:hover:not(:disabled),.hud-quiet:focus-visible{background:var(--panel);border-color:var(--line);color:var(--ink)}.hud-pill.is-accent{background:var(--accent);color:#10070c;box-shadow:var(--cast), 0 0 44px color-mix(in srgb, var(--accent) 34%, transparent);border-color:#0000}.hud-pill.is-accent:hover:not(:disabled){filter:brightness(1.08);border-color:#0000}.hud-arrow{transition:transform .2s cubic-bezier(.2,.8,.25,1)}.hud-pill:hover .hud-arrow,.hud-pill:active .hud-arrow{transform:translate(4px)}.hud-top{top:var(--edge-top);left:var(--edge-left);right:var(--edge-right);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,2.5vw,16px);display:grid;position:absolute}.hud-top>*{justify-self:center;min-width:0}.hud-top>:first-child{justify-self:start}.hud-top>:last-child{justify-self:end}.hud-top button,.hud-top .hud-corner{pointer-events:auto}.hud-lead{align-items:center;gap:clamp(8px,2.5vw,16px);min-width:0;display:flex}.hud-corner{align-items:center;gap:8px;display:flex}.hud-clock{letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-shadow:var(--lift);pointer-events:none;color:#fff;margin:0;font-size:clamp(2.125rem,8.5vw,3.5rem);font-weight:700;line-height:.9;transition:color .3s,text-shadow .3s}.hud-clock.is-final,.hud-clock.is-overtime{color:#fff;text-shadow:var(--lift), var(--burn)}.hud-clock.is-final span{animation:.9s cubic-bezier(.2,.8,.3,1) hud-tick;display:block}.hud-clock.is-overtime{animation:.6s ease-in-out infinite alternate hud-throb}@keyframes hud-tick{0%{transform:scale(1.4)rotate(-2deg)}34%{transform:scale(1)rotate(0)}}@keyframes hud-throb{0%{opacity:.6}to{opacity:1}}.hud-stick{left:var(--edge-left);bottom:var(--edge-bottom);width:var(--control);height:var(--control);border:2px solid var(--line);touch-action:none;box-shadow:var(--cast);will-change:transform;background:#0e0e104d;border-radius:50%;transition:transform .2s;display:none;position:absolute}.hud-stick:before,.hud-stick:after{content:"";pointer-events:none;will-change:opacity;border-radius:50%;transition:opacity .2s;position:absolute;inset:-2px}.hud-stick:before{border:2px solid var(--accent);opacity:calc(.3 + var(--pulse) * .5)}.hud-stick:after{box-shadow:0 0 30px color-mix(in srgb, var(--accent) 26%, transparent);opacity:var(--pulse)}.hud-stick:not(.is-held){transform:scale(calc(1 + var(--pulse) * .014))}.hud-stick.is-held:before{opacity:.7}.hud-stick.is-held:after{box-shadow:0 0 40px color-mix(in srgb, var(--accent) 24%, transparent);opacity:1}.hud-stick-knob{aspect-ratio:1;background:var(--ink);border-radius:50%;width:38%;margin:-19% 0 0 -19%;transition:background .2s;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #06060880}.hud-stick.is-held .hud-stick-knob{background:#fff}@media (pointer:coarse),(width<=900px){.hud-stick{display:block}}.hud-action{right:var(--edge-right);bottom:var(--edge-bottom);width:var(--control);height:var(--control);color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.hud-action>*{grid-area:1/1;position:relative}.hud-action-slot{z-index:0}.hud-action-ring{z-index:1}.hud-action .hud-action-glyph{z-index:2}.hud-action-badge{z-index:3}.hud-action-slot{width:100%;height:100%;box-shadow:var(--cast);transform:scale(calc(1 + var(--pulse) * .028));will-change:transform;border-radius:50%;place-items:center;transition:box-shadow .18s;display:grid}.hud-action-slot.is-empty{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:inset 0 0 0 2px rgba(244, 242, 238, calc(.42 + var(--pulse) * .34)), inset 0 0 0 13px #f4f2ee0d, var(--cast);background:#f4f2ee1f}.hud-action-slot.is-empty:after{content:"";aspect-ratio:1;background:#f4f2ee8c;border-radius:50%;width:9%}.hud-action-slot .record-face{width:100%;height:100%}.hud-action:active .hud-action-slot{transform:scale(.93)}.hud-action.is-passive .hud-action-slot{box-shadow:inset 0 0 0 2px #f4f2ee29, var(--cast);background:#0e0e106b;transform:none}.hud-action.is-passive:active .hud-action-slot{transform:scale(.93)}.hud-action.is-aiming .hud-action-slot{box-shadow:0 0 0 4px #f4f2ee47, inset 0 0 0 3px var(--ink), var(--cast)}.hud-action-badge{--icon:clamp(22px, 6vw, 28px);background:var(--ink);color:#0e0e10;border-radius:50%;place-self:end;place-items:center;width:clamp(38px,10.5vw,48px);height:clamp(38px,10.5vw,48px);margin:0 1% 4% 0;animation:.32s cubic-bezier(.2,1.3,.4,1) both hud-verb;display:grid;box-shadow:0 0 0 3px #0a0a0cb8,0 4px 14px #0606088c}@keyframes hud-verb{0%{opacity:0;transform:scale(.5)rotate(-26deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hud-action.is-passive .hud-action-badge{color:#f4f2eed9;background:#f4f2ee42;box-shadow:0 0 0 3px #0a0a0c99}.hud-action .hud-action-glyph{--icon:clamp(40px, 11.5vw, 54px);color:var(--ink);place-items:center;display:grid}.replay-jump .hud-action-slot.is-empty:after{content:none}.replay-jump{display:none}@media (pointer:coarse),(width<=900px){.replay-jump{display:grid}}.record-face{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--layer) 85%, transparent), inset 0 0 0 3px #00000080, inset 0 0 0 9px #ffffff0b, inset 0 0 0 10px #00000059, inset 0 0 0 15px #ffffff0b, 0 0 26px color-mix(in srgb, var(--layer) 35%, transparent), var(--cast);background:#0b0d12;border-radius:50%;place-items:center;animation:.34s cubic-bezier(.2,1.3,.4,1) both record-in;display:grid;position:relative;overflow:hidden}.record-face canvas{border-radius:50%;width:52%;height:52%;display:block}@keyframes record-in{0%{opacity:0;transform:scale(.4)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}.record-face.is-spinning canvas{animation:3.2s linear infinite record-spin}.hud-action-ring{pointer-events:none;width:100%;height:100%;animation:.2s both hud-fade;overflow:visible;transform:rotate(-90deg)}.hud-action-ring circle{fill:none;stroke-linecap:round}.hud-action-ring .ring-track{stroke:#0a0a0c80;stroke-width:4px}.hud-action-ring .ring-fill{stroke:var(--ink);stroke-width:4px;filter:drop-shadow(0 0 7px #f4f2ee8c);transition:stroke-dasharray .11s linear}.hud-progress{background:var(--accent);pointer-events:none;height:2px;transition:width .35s,opacity .4s;position:absolute;top:0;left:0}.lobby-room{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--cast);background:#141417;border-radius:22px;align-items:center;gap:clamp(10px,3vw,16px);padding:8px 16px 8px 8px;transition:border-color .16s;display:flex}.lobby-room:hover{border-color:var(--ink)}.lobby-room-qr{background:var(--ink);color:#0e0e10;border-radius:12px;place-items:center;padding:6px;display:grid}.lobby-room b{letter-spacing:.12em;font-size:clamp(1.5rem,6.5vw,2.25rem);font-weight:700;line-height:1}.lobby-sheet{z-index:30;padding:var(--edge);color:var(--ink);font:inherit;cursor:pointer;background:#0a0a0ceb;border:0;place-items:center;display:grid;position:absolute;inset:0}.hud .lobby-sheet{animation:.24s both sheet-in}.hud .lobby-sheet.is-closing{pointer-events:none;animation:.3s both sheet-out}.lobby-sheet div{justify-items:center;gap:clamp(18px,5vw,28px);animation:.32s cubic-bezier(.2,.8,.25,1) both sheet-card-in;display:grid}.lobby-sheet.is-closing div{animation:.3s cubic-bezier(.5,0,.75,0) both sheet-card-out}@keyframes sheet-in{0%{opacity:0}}@keyframes sheet-out{to{opacity:0}}@keyframes sheet-card-in{0%{opacity:0;transform:scale(.94)translateY(12px)}}@keyframes sheet-card-out{to{opacity:0;transform:scale(.96)translateY(8px)}}.lobby-sheet figure{background:var(--ink);color:#0e0e10;border-radius:24px;margin:0;padding:clamp(14px,4vw,20px);line-height:0}.lobby-sheet b{letter-spacing:.08em;font-size:clamp(3rem,18vw,7rem);font-weight:700;line-height:.9}.lobby-sheet small{letter-spacing:.06em;color:var(--ink-dim);font-size:clamp(.8125rem,3.4vw,.9375rem)}.lobby-controls{left:var(--edge-left);right:var(--edge-right);bottom:var(--edge-bottom);gap:10px;max-width:560px;margin-inline:auto;display:grid;position:absolute}.lobby-pick{align-items:stretch;gap:10px;display:flex}.lobby-pick .hud-round{--icon:clamp(24px, 6.2vw, 29px);width:clamp(58px,15vw,72px);height:auto}.lobby-start{width:100%;box-shadow:var(--cast), 0 0 36px color-mix(in srgb, var(--accent) 26%, transparent);justify-content:space-between;position:relative}.lobby-start:after{content:"";border-radius:inherit;box-shadow:0 0 62px color-mix(in srgb, var(--accent) 44%, transparent);opacity:0;pointer-events:none;will-change:opacity;animation:2.4s ease-in-out infinite lobby-ready;position:absolute;inset:-1px}@keyframes lobby-ready{50%{opacity:1}}.lobby-wait{color:var(--ink-dim);cursor:default;justify-content:center;gap:10px}.lobby-wait:hover{border-color:var(--line)}.lobby-wait i{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite alternate hud-throb}.picker{flex:auto;min-width:0;position:relative}.picker-button{justify-content:space-between;width:100%;padding-left:clamp(18px,5vw,24px)}.picker-button>span{letter-spacing:-.02em;text-transform:uppercase;min-width:0;color:var(--tile,var(--ink));text-shadow:0 0 22px color-mix(in srgb, var(--tile,var(--accent)) 45%, transparent);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:12px;font-size:clamp(1.0625rem,4.8vw,1.375rem);display:flex;overflow:hidden}.picker-button:disabled{opacity:1}.picker-button:disabled>span{color:var(--ink);text-shadow:none}.picker-button:disabled .picker-dot{background:var(--tile,var(--accent))}.picker-button>span{animation:.4s cubic-bezier(.2,1.3,.4,1) picker-pick}@keyframes picker-pick{0%{opacity:.2;transform:translateY(.24em)scale(.92)}to{opacity:1;transform:none}}.picker-dot{background:var(--tile,var(--accent));border-radius:50%;flex:none;width:12px;height:12px}.picker-button .hud-icon{transition:transform .2s cubic-bezier(.2,.8,.25,1);transform:rotate(180deg)}.picker-button[aria-expanded=true] .hud-icon{transform:rotate(0)}.picker-menu{z-index:2;overscroll-behavior:contain;touch-action:pan-y;border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent;background:#0e0e10f5;border-radius:24px;gap:2px;max-height:min(46vh,380px);margin:0;padding:8px;list-style:none;animation:.18s cubic-bezier(.2,.8,.25,1) both picker-in;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 60px #06060899}@keyframes picker-in{0%{opacity:0;transform:translateY(10px)}}.picker-menu button{width:100%;min-height:clamp(50px,13vw,60px);color:var(--ink-dim);font:inherit;letter-spacing:-.015em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:0 16px;font-size:clamp(1rem,4.4vw,1.1875rem);font-weight:700;transition:background .14s,color .14s;display:flex}.picker-menu button:hover{color:var(--ink);background:#f4f2ee0f}.picker-menu button[aria-selected=true]{color:var(--tile);background:color-mix(in srgb, var(--tile) 12%, transparent);text-shadow:0 0 20px color-mix(in srgb, var(--tile) 45%, transparent)}.intro-title{letter-spacing:-.05em;text-transform:uppercase;text-align:center;width:max-content;max-width:92vw;color:var(--accent);text-shadow:var(--lift), var(--blaze);pointer-events:none;margin:0;font-size:clamp(3.5rem,15vw,9rem);font-weight:700;line-height:.84;animation:2.5s cubic-bezier(.2,.7,.2,1) both intro-title;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.intro-title span{animation:.5s cubic-bezier(.2,1.4,.35,1) both intro-letter;animation-delay:calc(var(--i) * 40ms);display:inline-block}.intro-stop{letter-spacing:0;color:#fff;text-shadow:0 0 22px #fff, 0 0 60px var(--accent);margin-left:.06em}@keyframes intro-title{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}16%{opacity:1}66%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(1.04)}}.intro-title,.intro-title span{will-change:transform, opacity}.intro-title.is-dormant{opacity:.002;animation:none}.intro-title.is-dormant span{animation:none}@keyframes intro-letter{0%{opacity:0;transform:translateY(.22em)scale(.7)rotate(-8deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.replay-top{display:flex}.replay-actions{grid-template-columns:1fr;gap:10px;min-width:min(300px,40vw);display:grid;position:absolute;top:0;right:0}.replay-actions .hud-pill{--icon:clamp(19px, 4.6vw, 24px);white-space:nowrap;justify-content:space-between;gap:10px;width:100%;min-height:clamp(50px,13vw,64px);padding:0 clamp(12px,3.4vw,26px);font-size:clamp(.84rem,3.6vw,1.1rem)}.hud-pill.is-export{background:var(--ink);color:#10070c;box-shadow:var(--cast), 0 0 40px #f4f2ee38;border-color:#0000}.hud-pill.is-export:hover:not(:disabled){background:#fff;border-color:#0000}.hud-pill.is-export:disabled{opacity:.55}.hud>:not(.intro-title):not(.lobby-sheet){will-change:opacity, transform;transition:opacity .35s,transform .45s cubic-bezier(.4,0,.2,1)}.hud.is-leaving>:not(.intro-title),.hud.is-entering>*{opacity:0;pointer-events:none}.hud.is-live>*{animation:.55s both hud-fade}.hud-show{will-change:opacity}.lobby-overlay.is-asleep{visibility:hidden;pointer-events:none}.hud-show.is-dormant{opacity:.002;pointer-events:none}.hud-show>*{will-change:opacity}.is-backstage .hud.is-live>*,.is-backstage .roster-face{animation:none}@keyframes hud-fade{0%{opacity:0}}.lobby-roster{--face:var(--round);--roster-gap:calc(var(--face) * .45);align-items:center;gap:var(--roster-gap);pointer-events:auto;min-width:0;display:flex;position:relative}.lobby-overlay .hud-top{grid-template-columns:auto minmax(0,1fr) auto}.lobby-overlay .hud-top>.lobby-roster{justify-self:stretch}.roster-face{flex:0 1 var(--face);aspect-ratio:1;background:var(--panel);min-width:30px;box-shadow:inset 0 0 0 3px var(--who), var(--cast);border-radius:50%;animation:.5s cubic-bezier(.2,1.45,.4,1) both roster-in;position:relative}.roster-face.is-leaving{animation:.4s cubic-bezier(.5,0,.8,.4) both roster-out}.roster-host{background:var(--accent);z-index:1;border-radius:50%;width:13px;height:13px;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 0 2px #0e0e10}.roster-canvas{inset:calc(var(--face) * -.6) auto -6px calc(var(--face) * -.75);width:calc(var(--face) * 6.5 + var(--roster-gap) * 4);pointer-events:none;position:absolute}@media (width<=599px){.lobby-overlay .hud-top>.lobby-roster{top:calc(100% + var(--face) * .5);flex-direction:column;position:absolute;left:0}.lobby-overlay .hud-top>.hud-corner{grid-column:3}.lobby-overlay .roster-face{width:var(--face);flex:none}.lobby-overlay .roster-canvas{inset:calc(var(--face) * -.6) auto auto calc(var(--face) * -.75);width:calc(var(--face) * 2.5);height:calc(var(--face) * 5.6 + var(--roster-gap) * 4 + 6px)}}@keyframes roster-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes roster-out{0%{transform:scale(1)}to{transform:scale(0)}}.hud-action.is-coached:after{content:"";border:3px solid var(--accent);pointer-events:none;border-radius:50%;grid-area:1/1;width:100%;height:100%;animation:1.1s ease-out infinite coach-ring}@keyframes coach-ring{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.hud-action.is-coached:after{opacity:.8;animation:none}.roster-face,.roster-face.is-leaving,.hud-clock.is-overtime,.hud-clock.is-final span,.lobby-wait i,.room-notice i,.lobby-start:after,.record-face.is-spinning canvas,.record-face,.picker-button>span,.intro-title span,.hud-action-badge{animation:none}.intro-title span,.record-face,.hud-action-badge{opacity:1;transform:none}}@media (width>=900px){.lobby-controls{max-width:620px}}.room-notice{--icon:18px;top:calc(var(--round) + 14px);z-index:40;white-space:nowrap;pointer-events:none;gap:10px;min-height:44px;margin:0;padding:0 20px;font-size:.95rem;position:absolute;left:50%;transform:translate(-50%)}.room-notice i{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite alternate hud-throb;display:none}@media (aspect-ratio<5/4){.hud-lead .hud-pill{--icon:clamp(18px, 4.4vw, 24px);min-width:0;height:var(--round);white-space:nowrap;flex:auto;gap:clamp(6px,2vw,10px);min-height:0;margin:0;padding:0 clamp(10px,2.8vw,24px);font-size:clamp(.75rem,3.1vw,1.05rem)}.hud-lead .hud-pill>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.replay-hud .hud-lead{flex:auto}.replay-actions{flex:auto;gap:clamp(6px,2vw,10px);min-width:0;display:flex;position:static}.replay-actions .hud-pill{justify-content:center;width:auto}.hud-lead .room-notice{flex:none;position:static;transform:none}.room-notice i{display:block}}@media (aspect-ratio<5/4) and (width<=599px){.hud-show .room-notice,.replay-hud .room-notice{width:var(--round);padding:0}.hud-show .room-notice span,.replay-hud .room-notice span{display:none}}