@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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{--bg-0:#07060d;--bg-1:#0f0c1c;--text:#f6f4ff;--muted:#a8a1c4;--faint:#6d6690;--violet:#8b5cf6;--pink:#ff4fa3;--amber:#ffb547;--cyan:#38e1ff;--mint:#3ef0a5;--red:#ff5d73;--glass:#ffffff0d;--glass-strong:#ffffff17;--stroke:#ffffff17;--stroke-strong:#ffffff2e;--shadow:0 20px 60px -20px #000000b3;--grad:linear-gradient(120deg, var(--violet), var(--pink) 55%, var(--amber));--radius:24px;--radius-sm:14px;--font-display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--font-body:"Inter Variable", system-ui, -apple-system, sans-serif;--bg:var(--bg-0);--surface:var(--glass-strong);--cell:#ffffff12;--accent:var(--amber);--ok:var(--mint);--warn:var(--red);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{background:var(--bg-0)}html,body{min-height:100%;color:var(--text);touch-action:manipulation;-webkit-text-size-adjust:100%;margin:0}body:before{content:"";z-index:-1;background:radial-gradient(40vmax 40vmax at 15% 20%, #8b5cf680, transparent 60%), radial-gradient(35vmax 35vmax at 85% 15%, #ff4fa352, transparent 60%), radial-gradient(45vmax 45vmax at 70% 90%, #38e1ff33, transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-0));pointer-events:none;animation:28s ease-in-out infinite alternate aurora;position:fixed;inset:-20vmax}@keyframes aurora{to{transform:translate(-4vmax,3vmax)rotate(8deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:where(button){font:inherit;color:inherit;background:var(--glass-strong);border:1px solid var(--stroke);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;min-height:48px;padding:12px 20px;font-weight:600;transition:transform .12s,background .2s,border-color .2s,box-shadow .2s,opacity .2s}:where(button:hover:not(:disabled)){border-color:var(--stroke-strong);background:#ffffff21}:where(button:active:not(:disabled)){transform:scale(.97)}:where(button:disabled){opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--violet);outline-offset:3px}::selection{background:#8b5cf680}.page{width:100%;max-width:1180px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:18px;margin:0 auto;animation:.45s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.page.narrow{max-width:520px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}h1{font-size:clamp(28px,6vw,40px);font-weight:800}h2{font-size:20px;font-weight:700}h3{text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-size:13px;font-weight:600}p{margin:0;line-height:1.45}a{color:var(--text);text-underline-offset:4px;text-decoration-color:#ffffff4d}a:hover{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.muted{color:var(--muted)}.small{font-size:14px}.error{color:var(--red)}.gradient-text{background:var(--grad);color:#0000;background-clip:text}.card{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:20px;display:flex;position:relative}details.card{display:block}details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:24px;font-weight:600;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:9px;height:9px;transition:transform .2s;transform:rotate(45deg)translateY(-3px)}details[open]>summary:after{transform:rotate(-135deg)translateY(-2px)}details[open]>summary{margin-bottom:14px}.glow{background:linear-gradient(var(--bg-1), var(--bg-1)) padding-box, var(--grad) border-box;border-color:#0000;box-shadow:0 0 0 1px #ffffff05,0 18px 60px -18px #ff4fa373}.banner{border-radius:var(--radius-sm);background:var(--glass-strong);border:1px solid var(--stroke);align-items:center;gap:12px;padding:12px 16px;font-weight:500;animation:.3s both rise;display:flex}.banner:before{content:"";background:var(--amber);width:8px;height:8px;box-shadow:0 0 12px var(--amber);border-radius:50%;flex:none}.banner.error:before{background:var(--red);box-shadow:0 0 12px var(--red)}button.primary{background:var(--grad);color:#12081f;background-size:140% 140%;border:none;font-weight:750;box-shadow:0 10px 30px -10px #ff4fa3b3}button.primary:hover:not(:disabled){background:var(--grad);background-position:100% 0;box-shadow:0 14px 40px -10px #ff4fa3e6}button.big{width:100%;min-height:60px;font-size:18px}button.ghost{background:0 0}button.danger{color:var(--red);background:0 0;border-color:#ff5d7373}button.danger:hover:not(:disabled){border-color:var(--red);background:#ff5d731f}.small-btn{min-height:34px;padding:6px 12px;font-size:13px}.field{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}input,select{font:inherit;letter-spacing:normal;text-transform:none;color:var(--text);border:1px solid var(--stroke);border-radius:var(--radius-sm);background:#00000047;min-height:54px;padding:14px 16px;font-size:18px;font-weight:500;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#8b5cf6cc;outline:none;box-shadow:0 0 0 4px #8b5cf633}input::placeholder{color:var(--faint)}.code-input{font-family:var(--font-body);letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:30px;font-weight:700}.game-option{border-radius:var(--radius-sm);border:1px solid var(--stroke);background:#00000038;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-weight:600;display:flex}.option-controls{justify-items:end;gap:8px;display:grid}.option-custom{gap:6px;display:flex}.option-custom input{border-radius:999px;width:130px;min-height:38px;padding:0 12px}.segmented{background:#0000004d;border-radius:999px;flex-wrap:wrap;padding:3px;display:flex}.segmented button{min-height:36px;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:0 14px;font-weight:700}.segmented button.on{background:var(--grad);color:#12081f}.segmented button:disabled:not(.on){opacity:.5}.segmented button.on:disabled{opacity:1}.switch{border-radius:var(--radius-sm);border:1px solid var(--stroke);cursor:pointer;background:#00000038;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.switch span{flex-direction:column;gap:2px;font-weight:600;display:flex}.switch small{color:var(--muted);font-size:13px;font-weight:400}.switch input{appearance:none;cursor:pointer;background:#ffffff24;border:none;border-radius:999px;flex:none;width:52px;height:30px;min-height:0;padding:0;transition:background .2s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px}.switch input:checked{background:var(--grad)}.switch input:checked:after{transform:translate(22px)}.stepper{border-radius:var(--radius-sm);border:1px solid var(--stroke);background:#00000038;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.stepper strong{font-family:var(--font-display);color:var(--text);letter-spacing:normal;text-transform:none;font-size:24px}.stepper div{gap:6px;display:flex}.stepper button{width:44px;min-height:44px;padding:0;font-size:22px}.pill{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;background:#ffffff12;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.pill.accent{color:var(--amber);background:#ffb54724}.pill.violet{color:#c4b1ff;background:#8b5cf62e}.pill.ok{color:var(--mint);background:#3ef0a521}.pill.warn{color:var(--red);background:#ff5d7324}.avatar{--hue:280;width:var(--size,40px);height:var(--size,40px);font-family:var(--font-display);font-weight:800;font-size:calc(var(--size,40px) * .4);color:#fff;background:linear-gradient(135deg, hsl(var(--hue) 90% 62%), hsl(calc(var(--hue) + 45) 90% 52%));box-shadow:0 6px 18px -6px hsl(var(--hue) 90% 55% / .8);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.avatar.pic{background:radial-gradient(circle at 50% 40%, hsl(var(--hue) 90% 70% / .55), transparent 70%), linear-gradient(135deg, hsl(var(--hue) 70% 22%), hsl(calc(var(--hue) + 45) 70% 16%));border:2px solid hsl(var(--hue) 90% 65% / .7)}.avatar img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 6px #00000073);width:118%;height:118%;margin-top:-6%}.crew{filter:drop-shadow(0 24px 50px #8b5cf673);width:100%;max-width:520px;height:auto;margin:-6px auto -18px;animation:6s ease-in-out infinite float;display:block}.crew.small{max-width:300px;margin-bottom:-8px}@keyframes float{50%{transform:translateY(-8px)}}.avatar.off{filter:grayscale()brightness(.6);box-shadow:none}.avatar .crown{filter:drop-shadow(0 2px 4px #0009);font-size:15px;position:absolute;top:-9px;right:-6px}.dot{background:var(--mint);width:9px;height:9px;box-shadow:0 0 10px var(--mint);border-radius:50%;flex:none}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--grad);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px -8px #ff4fa3cc}.brand-mark svg{width:20px;height:20px}.hero{flex-direction:column;gap:14px;padding:12px 4px 4px;display:flex}.hero h1{letter-spacing:-.04em;font-size:clamp(40px,11vw,64px);line-height:.95}.hero p{color:var(--muted);max-width:34ch;font-size:17px}.tabs{border:1px solid var(--stroke);background:#0000004d;border-radius:999px;grid-template-columns:1fr 1fr;padding:5px;display:grid}.tabs button{min-height:44px;color:var(--muted);background:0 0;border:none}.tabs button[aria-selected=true]{background:var(--glass-strong);color:var(--text);box-shadow:0 6px 18px -8px #000c}.links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:20px;font-size:14px;display:flex}.links a{color:var(--muted)}.room-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.room-head .title{flex-direction:column;gap:4px;display:flex}.room-chip{font-family:var(--font-body);letter-spacing:.14em;align-items:center;gap:8px;font-weight:700;display:inline-flex}.connection{background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.connection .rtt{color:var(--faint);font-variant-numeric:tabular-nums;font-weight:500}.connection.reconnecting .dot,.connection.connecting .dot{background:var(--amber);box-shadow:0 0 10px var(--amber);animation:1s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.lobby-grid{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.lobby-col{align-content:start;gap:18px;display:grid}.lobby-col>*,.lobby-grid>*{min-width:0}@media (min-width:860px),(orientation:landscape) and (min-width:600px){.lobby-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (orientation:landscape) and (max-height:500px){.page{padding-top:max(12px, env(safe-area-inset-top));gap:12px}.lobby-grid,.lobby-col{gap:12px}.card{gap:10px;padding:14px}.join-hero{padding:16px}.join-hero .join-panel{text-align:left;flex-direction:row;gap:16px}.join-hero .qr-tile{border-radius:16px;padding:8px}.join-hero .qr-tile img{width:min(38dvh,170px)}.join-hero .code{font-size:clamp(30px,5.5vw,52px)}.roster li{min-height:46px;padding:5px 8px}.avatar{--size:34px}}.join-panel{align-items:center;gap:20px;display:flex}.qr-tile{background:#fff;border-radius:20px;flex:none;padding:10px;box-shadow:0 0 0 6px #ffffff0f,0 20px 50px -14px #8b5cf6b3}.qr-tile img{width:120px;height:120px;image-rendering:pixelated;display:block}.join-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.join-copy .label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:12px;font-weight:700}.join-url{word-break:break-all;font-size:18px;font-weight:650}.code{font-family:var(--font-body);letter-spacing:.16em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.join-hero{gap:22px;padding:28px;overflow:hidden}.join-hero .join-panel{text-align:center;flex-direction:column;align-items:stretch}.join-hero .qr-tile{border-radius:26px;align-self:center;padding:14px}.join-hero .qr-tile img{aspect-ratio:1;width:min(56vw,260px);height:auto}.join-hero .code{font-size:clamp(48px,11vw,84px)}@media (min-width:560px){.join-hero .join-panel{text-align:left;flex-direction:row;align-items:center}}.cat-tabs{scrollbar-width:none;gap:6px;margin:0 -4px;padding:2px 4px;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-tabs button{white-space:nowrap;border-radius:999px;flex:none;min-height:38px;padding:0 14px;font-weight:700}.cat-tabs button span{color:var(--faint);margin-left:4px;font-size:12px}.cat-tabs button.on{background:var(--grad);color:#12081f;border-color:#0000}.cat-tabs button.on span{color:#12081f99}.game-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chosen-game{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.chosen-game>div{gap:2px;min-width:0;display:grid}.chosen-game strong{font-family:var(--font-display);font-size:20px}.chosen-game .game-art{border:1px solid var(--stroke);background:linear-gradient(135deg,#38e1ff40,#ff4fa340);border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.room-tabs{z-index:20;-webkit-backdrop-filter:blur(10px);border:1px solid var(--stroke);background:#0e0b1ae0;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid;position:sticky;top:0}.room-tabs button{white-space:nowrap;min-width:0;min-height:42px;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:0 6px;font-size:14px;font-weight:750;position:relative}.room-tabs button.on{background:var(--grad);color:#12081f}.room-tabs .dot{background:var(--amber);width:8px;height:8px;box-shadow:0 0 8px var(--amber);border-radius:50%;position:absolute;top:8px;right:14px}.room-tabs button.on .dot{box-shadow:none;background:#12081f}.games{gap:10px;display:grid}.game{text-align:left;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:4px 16px;min-height:0;padding:16px;font-weight:400;display:grid;position:relative}.game:disabled{opacity:1}.game .game-art{border:1px solid var(--stroke);background:linear-gradient(135deg,#38e1ff40,#ff4fa340);border-radius:16px;grid-row:span 3;place-items:center;width:64px;height:64px;display:grid}.game strong{font-family:var(--font-display);font-size:19px}.game.selected{background:linear-gradient(#171327, #171327) padding-box, var(--grad) border-box;border:2px solid #0000;box-shadow:0 16px 40px -18px #ff4fa3b3}.game .pill{position:absolute;top:14px;right:14px}.roster{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roster li{background:#ffffff08;border-radius:16px;align-items:center;gap:12px;min-height:56px;padding:8px 10px;animation:.3s both rise;display:flex}.roster .who{flex-direction:column;gap:4px;min-width:0;margin-right:auto;display:flex}.roster .name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650;overflow:hidden}.roster .tags{flex-wrap:wrap;gap:5px;display:flex}.roster li.disconnected .name{color:var(--faint)}.roster .actions{flex:none;gap:6px;display:flex}.icon-btn{width:38px;height:38px;min-height:38px;color:var(--muted);background:#ffffff0d;place-items:center;padding:0;font-size:15px;display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.count{font-family:var(--font-display);color:var(--faint);font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 6px;font-weight:600;display:inline-flex}.chip .avatar{--size:30px}.chip.on{background:#8b5cf638;border-color:#8b5cf6b3}.chip:disabled{opacity:1}.chip:not(.on):disabled{opacity:.4}.chip .state{color:var(--muted);font-size:12px;font-weight:500}.chip .state.ready{color:var(--mint)}.checklist{color:var(--muted);gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.checklist li{align-items:flex-start;gap:10px;display:flex}.checklist li:before{content:"";border:2px solid var(--amber);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.room-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.diag-details{color:var(--faint);font-size:13px}.diag-details summary{font-weight:500}.diag-details summary:after{display:none}.handoff h2{font-size:22px}.game-screen{max-width:1280px}.game-main{justify-content:center;display:flex}.game-host{width:100%}.game-side{gap:12px;display:grid}.results-bar{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.results-bar button{min-width:180px}@media (orientation:landscape) and (min-width:700px){.game-screen{grid-template-columns:minmax(0,1fr) minmax(240px,320px);grid-template-areas:"head head""notice notice""main side""actions side";align-content:start;column-gap:24px;display:grid}.game-screen>.room-head{grid-area:head}.game-screen>.notices{grid-area:notice}.game-screen>.game-main{grid-area:main}.game-screen>.results-bar{grid-area:actions}.game-screen>.game-side{grid-area:side;align-content:start}}.notices{gap:10px;display:grid}.notices:empty{display:none}.harness-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.harness-grid .ttt-board{--size:min(280px, 80vw)}.center-state{text-align:center;place-items:center;gap:14px;min-height:70dvh;display:grid}.spinner{border:3px solid #ffffff1a;border-top-color:var(--pink);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mascot-stage{width:100%;position:relative}.mascot-stage canvas{opacity:0;touch-action:manipulation;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.mascot-fallback{place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.mascot-stage.ready canvas{opacity:1}.mascot-stage.ready .mascot-fallback{opacity:0}.mascot-stage.crew{aspect-ratio:16/10;max-width:560px;margin:-8px auto -16px}.mascot-fallback>img,.mascot-fallback>.crew{object-fit:contain;width:100%;max-width:none;height:100%;margin:0;animation:none}.spotlight-pics{justify-content:center;gap:8px;height:100%;display:flex}.spotlight-pics img{width:auto;height:100%}.mascot-stage.celebration{z-index:40;pointer-events:none;filter:drop-shadow(0 20px 40px #ff4fa373);width:min(90vw,520px);height:min(42dvh,360px);animation:4.2s cubic-bezier(.2,.9,.2,1) both winner-in;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mascot-stage.celebration canvas{pointer-events:none}@keyframes winner-in{0%{transform:translate(-50%,100%)}14%,82%{transform:translate(-50%)}to{transform:translate(-50%,110%)}}.diag-head{min-height:0;padding-bottom:0}.sensor-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding-bottom:24px;display:grid}.readout{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.bubble{aspect-ratio:1;border:1px solid var(--stroke-strong);background:radial-gradient(circle,#8b5cf62e,#0000004d 70%);border-radius:50%;place-items:center;width:min(100%,220px);margin:0 auto;display:grid;position:relative;overflow:hidden}.bubble-cross{background:var(--stroke-strong);height:1px;position:absolute;inset:50% 10% auto;box-shadow:0 0 #0000}.bubble-cross:after{content:"";background:var(--stroke-strong);width:1px;height:160px;position:absolute;top:-80px;left:50%}.bubble-dot{aspect-ratio:1;background:var(--grad);border-radius:50%;width:22%;transition:transform 60ms linear;box-shadow:0 0 24px #ff4fa3cc}.camera-frame{aspect-ratio:4/3;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:#0006;place-items:center;display:grid;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%;display:none;transform:scaleX(-1)}.camera-frame video.on{display:block}.meter{border:1px solid var(--stroke);background:#00000059;border-radius:999px;height:18px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--mint), var(--amber) 70%, var(--red));transform-origin:0;height:100%;transition:transform 50ms linear;display:block}input[type=range]{min-height:0;accent-color:var(--pink);padding:0}.tv-join{max-width:1280px}.tv-join-body{align-items:center;gap:28px;display:grid}.tv-join-copy{gap:14px;display:grid}.tv-join-copy h1{font-size:clamp(32px,4.5vw,64px);line-height:1}@media (min-width:900px){.tv-join-body{grid-template-columns:1fr 1.1fr}}.code-boxes{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.code-boxes .box{aspect-ratio:4/5;border:2px solid var(--stroke);font-family:var(--font-body);background:#00000059;border-radius:16px;place-items:center;font-size:clamp(32px,4vw,60px);font-weight:700;display:grid}.code-boxes .box.current{border-color:var(--pink);box-shadow:0 0 0 4px #ff4fa333}.code-boxes.busy .box{animation:1s ease-in-out infinite blink}.keypad{gap:8px;display:grid}.keypad button{min-height:56px;font-family:var(--font-display);border-radius:14px;padding:0;font-size:22px;font-weight:700}.keypad button:focus-visible,.keypad button:focus{outline:3px solid var(--pink);outline-offset:2px;background:#ff4fa32e}.keypad .wide{font-family:var(--font-body);grid-column:span 4;font-size:18px}.tv-qr{align-items:center;gap:22px;display:flex}.tv-qr .qr-tile img{aspect-ratio:1;width:min(28vw,240px);height:auto}.tv-qr .qr-tile .spinner{margin:60px}.tv-qr h2{margin-bottom:6px;font-size:clamp(22px,2.6vw,34px)}.join-panel{flex-wrap:wrap;min-width:0}.join-copy{flex:200px;max-width:100%}.join-hero .join-copy{flex-basis:270px}.room-code{width:100%;max-width:390px;font-family:var(--font-body);color:var(--text);grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;font-size:clamp(24px,4vw,52px);font-weight:700;line-height:1.35;display:grid}.room-code>span{text-align:center;min-width:0}.join-hero{overflow:visible}.tv-join-body>*,.code-boxes,.keypad{min-width:0}.code-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.code-boxes .box{min-width:0}.tv-qr{flex-wrap:wrap}.page.tv-join,.page.display{padding:clamp(24px,4vw,56px)}.display-awake{z-index:5;color:var(--faint);pointer-events:none;background:#00000059;border-radius:999px;margin:0;padding:4px 10px;font-size:12px;position:fixed;bottom:8px;left:12px}.cast-waiting{text-align:center;background:#0d0917;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:5vh 5vw;display:flex}.page.game-screen.board-presentation{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;min-height:100dvh;margin:0;padding:2vh 3vw;display:flex}.board-presentation>.room-head,.board-presentation>.game-side,.board-presentation>.results-bar{display:none}.board-presentation .game-main{justify-content:center;width:100%;display:flex}.board-presentation .classic{width:min(94vw,90vh);max-width:none}.board-presentation .classic-heading,.board-presentation .classic-help,.board-presentation .classic-instruction{display:none}.board-presentation .classic-status{margin:1vh 0;font-size:clamp(18px,3vh,32px)}.board-presentation .square-board{width:min(94vw,73vh);margin:auto}.board-presentation .four-board{max-width:min(94vw,83vh);margin:auto}.board-presentation .bg-board{max-width:min(94vw,115vh);margin:auto}.board-presentation .bg-point{height:22vh}.board-presentation .bg-roll-panel{margin:1vh 0;padding:1vh}.board-presentation .bg-roll-panel p{display:none}.board-presentation .bg-roll-heading{margin:0;font-size:2.5vh}.board-presentation .bg-roll-panel .bg-dice{font-size:5vh}.board-presentation .bg-controls{min-height:0;margin:0}.board-presentation .ttt-board{width:min(90vw,68vh)}.board-presentation .ttt{gap:1vh}.board-presentation .ttt-versus{width:min(90vw,80vh)}.board-presentation .ttt-message:empty{display:none}.pad-screen{background:radial-gradient(60vmax 60vmax at 20% 30%, #8b5cf659, transparent 60%), radial-gradient(50vmax 50vmax at 85% 70%, #ff4fa340, transparent 60%), var(--bg-0);-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0;overflow:hidden}@media (orientation:portrait){.pad-screen{transform-origin:0 0;width:100dvh;height:100vw;inset:0 auto auto 0;transform:rotate(90deg)translateY(-100%)}}.pad-screen .game-host-wrap{width:100%;height:100%}.gamepad{--s:min(19vmin, 92px);width:100%;height:100%;padding:max(14px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dpad center face";align-items:center;gap:clamp(12px,3vmin,28px);display:grid}.gamepad.off .dpad,.gamepad.off .face-buttons{opacity:.45}.pad-center{touch-action:pan-y;grid-area:center;align-content:center;gap:8px;min-width:0;max-height:100%;display:grid;overflow-y:auto}.pad-center .game-host.pad{width:100%}.pad-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.pad-tools .results-bar button{width:auto;min-width:0;min-height:44px;font-size:15px}.pad-center .ttt-status,.pad-center .classic-status{font-size:clamp(20px,6vmin,34px)}.pad-center .ttt-versus{width:100%}.pad-center .classic-heading h2{font-size:18px}.dpad{grid-area:dpad;grid-template:repeat(3, var(--s)) / repeat(3, var(--s));gap:5px;display:grid}.dpad button,.dpad-center{border:1px solid var(--stroke-strong);background:#ffffff1a;border-radius:16px;place-items:center;min-height:0;padding:0;display:grid}.dpad button:before{content:"";border:calc(var(--s) * .17) solid transparent}.dpad-up{grid-area:1/2}.dpad-up:before{margin-top:calc(var(--s) * -.17);border-bottom-color:var(--text)!important}.dpad-left{grid-area:2/1}.dpad-left:before{margin-left:calc(var(--s) * -.17);border-right-color:var(--text)!important}.dpad-right{grid-area:2/3}.dpad-right:before{margin-right:calc(var(--s) * -.17);border-left-color:var(--text)!important}.dpad-down{grid-area:3/2}.dpad-down:before{margin-bottom:calc(var(--s) * -.17);border-top-color:var(--text)!important}.dpad-center{background:#ffffff0a;grid-area:2/2}.dpad button:active{background:#ff4fa359}.face-buttons{grid-area:face;grid-template-rows:auto auto;grid-template-columns:auto auto;place-items:center;gap:4px 10px;display:grid}.face{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-items:center;gap:6px;font-size:12px;font-weight:700;display:grid}.face:first-child{grid-area:2/1}.face:last-child{grid-area:1/2}.btn-a,.btn-b{font-family:var(--font-display);border-radius:50%;padding:0;font-weight:800}.btn-a{width:calc(var(--s) * 1.45);height:calc(var(--s) * 1.45);background:var(--grad);color:#12081f;font-size:calc(var(--s) * .45);border:none;box-shadow:0 12px 30px -10px #ff4fa3e6}.btn-b{width:calc(var(--s) * 1.05);height:calc(var(--s) * 1.05);font-size:calc(var(--s) * .32)}.btn-a:active,.btn-b:active{transform:scale(.92)}.game-host-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.copy-code{place-self:flex-start start;margin-top:6px}.join-hero .copy-code{align-self:center}@media (min-width:560px){.join-hero .copy-code{align-self:flex-start}}.copy-code.copied{border-color:var(--mint);color:var(--mint)}.copy-code.failed{border-color:var(--red);color:var(--red)}.diag{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.status{color:var(--muted);align-items:center;gap:16px;padding:8px 16px;font-size:15px;display:flex}.status strong{color:var(--text);margin-right:auto}.ok{color:var(--ok)}.warn{color:var(--warn)}.stage{flex-direction:column;flex:1;gap:16px;padding:0 16px 16px;display:flex}.board-area{justify-content:center;align-items:center;display:flex}.board{--size:min(100vw - 32px, 62dvh);width:var(--size);height:var(--size);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:8px;display:grid}.cell{background:var(--cell);font-size:calc(var(--size) / 9);font-variant-numeric:tabular-nums;border:none;border-radius:14px;padding:0;position:relative;overflow:hidden}.cell b{position:relative}.flash{background:var(--accent);animation:.25s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:1}to{opacity:0}}.clock{aspect-ratio:1;font-variant-numeric:tabular-nums;background:#000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:min(100vw - 32px,62dvh);display:flex}.clock span{font-size:min(16vw,10dvh);font-weight:700}.clock small,.total small{color:var(--muted)}.panel{flex-direction:column;gap:12px;min-width:0;display:flex}.total{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.total span{font-variant-numeric:tabular-nums;font-size:48px;font-weight:700}.controls{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.check{align-items:center;gap:8px;min-height:44px;padding:0 4px;display:flex}details{background:var(--surface);border-radius:10px;padding:10px 12px}summary{min-height:24px}.log{max-height:40dvh;margin:8px 0 0;padding-left:0;font-size:13px;list-style:none;overflow:auto}.log time{color:var(--muted);font-variant-numeric:tabular-nums}.probe{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.probe th{text-align:left;color:var(--muted);white-space:pre;vertical-align:top;padding:3px 12px 3px 0;font-weight:400}.probe td{word-break:break-word}textarea{background:var(--surface);width:100%;color:var(--text);font:12px ui-monospace,monospace}.note{color:var(--muted);margin:0;font-size:13px}@media (orientation:landscape){.stage{flex-direction:row;align-items:flex-start}.board,.clock{--size:min(100dvh - 72px, 55vw);width:var(--size);height:var(--size)}.clock span{font-size:min(9vw,14dvh)}.panel{flex:1;max-height:calc(100dvh - 56px);overflow:auto}}