@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/big-shoulders-display-latin.woff2)format("woff2");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:Figtree;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/figtree-latin.woff2)format("woff2");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:Alumni Sans;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/alumni-sans-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alumni Sans;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/alumni-sans-latin.woff2)format("woff2");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:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2");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{--felt:#131b35;--felt-raised:#1a2446;--felt-high:#24305a;--rail:#090d1e;--rail-edge:#2b3766;--chalk:#eaf0ff;--chalk-dim:#a3aed3;--chalk-faint:#65719a;--seam:#3a4677;--shine:#fff;--shadow:#000;--abyss:#040610;--felt-glow:#40529c;--flap-top:#10163a;--flap-mid:#0c1230;--flap-seam:#080c22;--flap-bottom:#0b1029;--flare:#ff7a3d;--flare-glow:#ff9a5c;--flare-deep:#8a3413;--volt:#3dd9ff;--volt-glow:#7be6ff;--volt-deep:#0f5e78;--lime:#a8f25a;--lime-glow:#c4ff86;--lime-deep:#46701a;--rose:#ff5c9a;--rose-glow:#ff8cb8;--rose-deep:#86204a;--gold:#ffc83d;--gold-glow:#ffdb7a;--gold-deep:#7f5a0b;--violet:#a98bff;--violet-glow:#c6b2ff;--violet-deep:#47348a;--me:var(--flare);--me-glow:var(--flare-glow);--me-deep:var(--flare-deep);--danger:var(--rose);--ok:var(--lime);--ink:var(--rose);--competitive:var(--flare);--cooperative:var(--volt);--soon:var(--gold);--font-display:"Big Shoulders Display", "Arial Narrow", system-ui, sans-serif;--font-ui:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--hit:56px;--hero:84px;--gutter:clamp(16px, 3vw, 40px);--ease-out:cubic-bezier(.2, .9, .25, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.42s;--z-game:100;--z-sheet:200;--z-toast:300}[data-color=flare]{--c:var(--flare);--c-glow:var(--flare-glow);--c-deep:var(--flare-deep)}[data-color=volt]{--c:var(--volt);--c-glow:var(--volt-glow);--c-deep:var(--volt-deep)}[data-color=lime]{--c:var(--lime);--c-glow:var(--lime-glow);--c-deep:var(--lime-deep)}[data-color=rose]{--c:var(--rose);--c-glow:var(--rose-glow);--c-deep:var(--rose-deep)}[data-color=gold]{--c:var(--gold);--c-glow:var(--gold-glow);--c-deep:var(--gold-deep)}[data-color=violet]{--c:var(--violet);--c-glow:var(--violet-glow);--c-deep:var(--violet-deep)}*,:before,:after{box-sizing:border-box}html{background:var(--rail);height:100%;color:var(--chalk);font-family:var(--font-ui);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font-size:16px}body{min-height:100%;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:var(--felt);background-image:radial-gradient(110% 85% at 50% 38%, color-mix(in srgb, var(--felt-glow) 34%, transparent), transparent 62%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100dvh;margin:0;line-height:1.45}input,textarea,select{-webkit-user-select:text;user-select:text;font:inherit;color:inherit}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--me-glow);outline-offset:3px}h1,h2,h3,p{margin:0}[hidden]{display:none!important}#app{min-height:100dvh}.rotate-overlay{z-index:1000;background:var(--rail);color:var(--chalk-dim);font:700 28px/1.1 var(--font-display);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:none;position:fixed;inset:0}.rotate-icon svg{width:72px;height:72px;color:var(--me);animation:rotate-hint 2.4s var(--ease-out) infinite}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.rotate-to-portrait,html[data-orient=portrait] .rotate-to-landscape{display:none}html[data-orient=portrait] .rotate-to-portrait{display:block}@media (orientation:portrait) and (pointer:coarse){html[data-screen=game]:not([data-orient=portrait]) .rotate-overlay{display:flex}}@media (orientation:landscape) and (pointer:coarse){html[data-screen=game][data-orient=portrait] .rotate-overlay{display:flex}}.debug-overlay{top:calc(8px + env(safe-area-inset-top));z-index:900;background:color-mix(in srgb, var(--abyss) 82%, transparent);min-width:190px;max-width:min(320px,100vw - 160px);color:var(--chalk-dim);font:500 12px/1.4 var(--font-ui);font-variant-numeric:tabular-nums;pointer-events:none;box-shadow:inset 0 0 0 1px var(--rail-edge);border-radius:12px;padding:6px 12px;position:fixed;left:50%;transform:translate(-50%)}.debug-overlay *{pointer-events:none}.debug-row{justify-content:space-between;gap:16px;display:flex}.debug-row b{color:var(--chalk);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{min-height:var(--hit);border-radius:var(--r-md);background:var(--felt-high);color:var(--chalk);font:600 18px/1.1 var(--font-ui);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 9%, transparent), 0 4px 0 var(--rail), 0 10px 22px color-mix(in srgb, var(--shadow) 32%, transparent);border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background-color .15s,opacity .2s;display:inline-flex}.btn:active:not(:disabled){box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 6%, transparent), 0 1px 0 var(--rail), 0 4px 10px color-mix(in srgb, var(--shadow) 30%, transparent);transform:translateY(3px)}.btn:disabled{opacity:.42}.btn--primary{--btn-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 50%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--shadow) 12%, transparent), 0 4px 0 var(--me-deep), 0 12px 32px color-mix(in srgb, var(--me) 32%, transparent);background:var(--me);color:var(--rail);box-shadow:var(--btn-shadow);font-weight:700}.btn--primary:active:not(:disabled){--btn-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 40%, transparent), 0 1px 0 var(--me-deep), 0 4px 16px color-mix(in srgb, var(--me) 40%, transparent)}.btn--hero{border-radius:var(--r-lg);min-height:84px;font:800 32px/1 var(--font-display);letter-spacing:.01em;padding:0 40px}.btn--quiet{color:var(--chalk-dim);box-shadow:none;background:0 0}.btn--quiet:active:not(:disabled){background:color-mix(in srgb, var(--shine) 5%, transparent);box-shadow:none}.btn--small{min-height:var(--hit);padding:0 16px;font-size:16px}.btn[data-busy]{animation:.9s ease-in-out infinite alternate busy}@keyframes busy{to{opacity:.6}}.icon-btn{width:var(--hit);height:var(--hit);background:color-mix(in srgb, var(--felt-high) 70%, transparent);color:var(--chalk-dim);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shine) 6%, transparent);border:0;border-radius:50%;place-items:center;transition:transform .1s,color .15s;display:inline-grid}.icon-btn:active{color:var(--chalk);transform:scale(.92)}.puck{--size:44px;width:var(--size);height:var(--size);color:var(--rail);font:900 calc(var(--size) * .5) / 1 var(--font-display);background:radial-gradient(circle at 34% 28%, var(--c-glow,var(--chalk-dim)), var(--c,var(--chalk-faint)) 46%, var(--c-deep,var(--felt-high)) 100%);box-shadow:0 0 0 3px var(--rail), 0 0 0 5px color-mix(in srgb, var(--c,var(--chalk-faint)) 55%, transparent), 0 0 26px color-mix(in srgb, var(--c,var(--chalk-faint)) 42%, transparent), inset 0 -5px 10px color-mix(in srgb, var(--shadow) 30%, transparent);border-radius:50%;flex:none;place-items:center;display:inline-grid}.puck--sm{--size:28px}.puck--lg{--size:76px}.puck--empty{box-shadow:inset 0 0 0 2px var(--seam);outline:2px dashed var(--seam);outline-offset:6px;background:0 0;animation:2.8s ease-in-out infinite breathe}@keyframes breathe{50%{outline-color:var(--chalk-faint)}}.text-input,.select{width:100%;min-height:var(--hit);border-radius:var(--r-md);background:var(--rail);color:var(--chalk);box-shadow:inset 0 2px 6px color-mix(in srgb, var(--shadow) 50%, transparent), inset 0 0 0 1px var(--rail-edge);border:0;padding:0 18px;font-size:20px}.text-input::placeholder{color:var(--chalk-faint)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--chalk-dim) 50%), linear-gradient(135deg, var(--chalk-dim) 50%, transparent 50%);background-position:calc(100% - 24px),calc(100% - 18px);background-repeat:no-repeat;background-size:6px 6px;font-size:17px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{width:var(--hit);height:var(--hit);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.swatch-core{background:radial-gradient(circle at 34% 28%, var(--c-glow), var(--c) 50%, var(--c-deep));width:36px;height:36px;box-shadow:0 0 0 3px var(--rail);transition:transform .25s var(--ease-spring), box-shadow .2s;border-radius:50%}.swatch[aria-checked=true] .swatch-core{box-shadow:0 0 0 3px var(--rail), 0 0 0 5px var(--c), 0 0 22px var(--c);transform:scale(1.18)}.swatch:active .swatch-core{transform:scale(.9)}.swatch{position:relative}.swatch[aria-disabled=true]{cursor:not-allowed}.swatch[aria-disabled=true] .swatch-core{opacity:.3;filter:saturate(.4);transform:none}.swatch[aria-disabled=true]:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--chalk) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));pointer-events:none;border-radius:50%;position:absolute;inset:8px}.swatch-taker{z-index:1;pointer-events:none;position:absolute;bottom:2px;right:2px}.cta-call[data-call=some]{animation:1.6s ease-in-out infinite cta-some}.cta-call[data-call=all]{animation:1.1s ease-in-out infinite cta-all}@keyframes cta-some{0%,to{box-shadow:var(--btn-shadow,0 0 0 0 transparent), 0 0 0 0 color-mix(in srgb, var(--me) 0%, transparent), 0 0 0 color-mix(in srgb, var(--me) 0%, transparent)}55%{box-shadow:var(--btn-shadow,0 0 0 0 transparent), 0 0 0 14px color-mix(in srgb, var(--me) 28%, transparent), 0 0 28px color-mix(in srgb, var(--me) 45%, transparent)}}@keyframes cta-all{0%,to{box-shadow:var(--btn-shadow,0 0 0 0 transparent), 0 0 0 0 color-mix(in srgb, var(--me) 0%, transparent), 0 0 0 color-mix(in srgb, var(--me) 0%, transparent)}55%{box-shadow:var(--btn-shadow,0 0 0 0 transparent), 0 0 0 20px color-mix(in srgb, var(--me) 34%, transparent), 0 0 40px color-mix(in srgb, var(--me) 60%, transparent)}}@media (prefers-reduced-motion:reduce){.cta-call[data-call=some],.cta-call[data-call=all]{animation:none}.cta-call[data-call=some]{box-shadow:var(--btn-shadow,0 0 0 0 transparent), 0 0 0 3px var(--me)}.cta-call[data-call=all]{box-shadow:var(--btn-shadow,0 0 0 0 transparent), 0 0 0 5px var(--me), 0 0 24px color-mix(in srgb, var(--me) 50%, transparent)}}.range{width:100%;height:var(--hit);appearance:none;background:0 0}.range::-webkit-slider-runnable-track{background:var(--rail);height:8px;box-shadow:inset 0 0 0 1px var(--rail-edge);border-radius:4px}.range::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 34% 28%, var(--me-glow), var(--me) 50%, var(--me-deep));width:32px;height:32px;box-shadow:0 0 0 3px var(--rail);border-radius:50%;margin-top:-12px}.range::-moz-range-track{background:var(--rail);border-radius:4px;height:8px}.range::-moz-range-thumb{background:var(--me);border:0;border-radius:50%;width:32px;height:32px}.seg{border-radius:var(--r-md);background:var(--rail);box-shadow:inset 0 0 0 1px var(--rail-edge);gap:4px;padding:4px;display:inline-flex}.seg-btn{min-width:72px;min-height:var(--hit);color:var(--chalk-dim);font:700 22px/1 var(--font-display);background:0 0;border:0;border-radius:12px;padding:0 18px;transition:background-color .15s,color .15s}.seg-btn[aria-checked=true]{background:var(--accent);color:var(--rail);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 35%, transparent)}.toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:300;box-sizing:border-box;border-radius:var(--r-lg);background:var(--chalk);width:max-content;max-width:min(560px,100vw - 32px);color:var(--rail);text-align:center;text-wrap:pretty;box-shadow:0 12px 40px color-mix(in srgb, var(--shadow) 50%, transparent);animation:toast-in .3s var(--ease-spring);padding:14px 22px;font-weight:600;position:fixed;transform:translate(-50%)}.toast--out{opacity:0;transition:all .3s;transform:translate(-50%,12px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}}.sheet-backdrop{z-index:200;background:color-mix(in srgb, var(--abyss) 60%, transparent);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet-backdrop--out{opacity:0;transition:opacity .2s}@keyframes fade-in{0%{opacity:0}}.sheet{overscroll-behavior:contain;width:min(600px,100%);max-height:92dvh;padding:26px 26px calc(26px + env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--felt-raised), var(--felt));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 8%, transparent), 0 -20px 60px color-mix(in srgb, var(--shadow) 50%, transparent);animation:sheet-up .32s var(--ease-out);border-radius:28px 28px 0 0;flex-direction:column;gap:18px;display:flex;overflow-y:auto}.sheet--compact{width:min(420px,100%)}@media (min-width:700px) and (min-height:560px){.sheet-backdrop{align-items:center}.sheet{border-radius:28px}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-title{font:800 34px/1 var(--font-display)}.sheet-section{border-radius:var(--r-md);background:color-mix(in srgb, var(--abyss) 35%, transparent);flex-direction:column;gap:6px;padding:8px 18px;display:flex}.sheet-section>.btn{margin:8px 0 10px}.sheet-note{color:var(--chalk-dim);font-size:15px}.sheet-note--faint{color:var(--chalk-faint)}.setting{min-height:var(--hit);align-items:center;gap:16px;padding:6px 0;display:flex}.setting--stack{flex-direction:column;align-items:stretch;gap:8px;padding:12px 0 4px}.setting-text{flex-direction:column;flex:1;display:flex}.setting-label{white-space:nowrap;font-size:18px;font-weight:600}.setting-label--icon{align-items:center;gap:8px;display:inline-flex}.setting-label--icon svg{flex:none;width:20px;height:20px}.setting-hint{color:var(--chalk-faint);font-size:14px}.switch{flex:none;position:relative}.switch input{opacity:0;margin:0;position:absolute;inset:0}.switch-track{background:var(--rail);width:64px;height:36px;box-shadow:inset 0 0 0 1px var(--rail-edge);border-radius:18px;transition:background .2s;display:block}.switch-thumb{background:var(--chalk-faint);width:28px;height:28px;transition:transform .25s var(--ease-spring), background .2s;border-radius:50%;position:absolute;top:4px;left:4px}.switch input:checked+.switch-track{background:color-mix(in srgb, var(--me) 35%, var(--rail))}.switch input:checked+.switch-track .switch-thumb{background:var(--me);box-shadow:0 0 14px var(--me);transform:translate(28px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--me-glow);outline-offset:3px}.chip{--chip:var(--chalk);border-radius:var(--r-pill);background:color-mix(in srgb, var(--chip) 14%, var(--rail));min-height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chip) 45%, transparent);color:var(--chip);font:600 14px/1.2 var(--font-ui);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:4px 12px 4px 9px;display:inline-flex}.chip svg{flex:none;width:16px;height:16px}.chip[data-kind=competitive]{--chip:var(--competitive)}.chip[data-kind=cooperative]{--chip:var(--cooperative)}.chips{flex-wrap:wrap;gap:8px;display:flex}.end{z-index:6;background:color-mix(in srgb, var(--rail) 55%, transparent);place-items:center;padding:24px;animation:.35s ease-out end-fade;display:grid;position:absolute;inset:0}.end-card{--end-c:var(--chalk);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--felt-raised), var(--felt));width:min(480px,100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--end-c) 70%, transparent), 0 0 60px color-mix(in srgb, var(--end-c) 28%, transparent), 0 24px 60px color-mix(in srgb, var(--rail) 80%, transparent);text-align:center;animation:end-pop .45s var(--ease-spring);flex-direction:column;align-items:center;gap:8px;padding:30px 28px 24px;display:flex}.end-title{color:var(--chalk);font:800 34px/1.05 var(--font-display);text-wrap:balance;margin:0}.end-title--headline,.end-score{color:var(--end-c);text-shadow:0 0 28px color-mix(in srgb, var(--end-c) 55%, transparent)}.end-title--headline{font:900 52px/1 var(--font-display);margin-bottom:4px}.end-score{font:900 88px/.95 var(--font-display);font-variant-numeric:tabular-nums;margin:0 0 4px}.end-detail{color:var(--chalk);font:800 30px/1.05 var(--font-display);font-variant-numeric:tabular-nums;margin:0 0 4px}.end-line{color:var(--chalk-dim);font:500 17px/1.35 var(--font-ui);margin:0}.end-best{color:var(--gold-glow);font:800 22px/1.1 var(--font-display);animation:end-pop .5s var(--ease-spring) both .2s;margin:2px 0 0}.end-actions{flex-direction:column;gap:12px;width:100%;margin-top:14px;display:flex}.end[data-turn]{container-type:size}.end[data-turn="1"] .end-card{max-width:100cqh;rotate:90deg}.end[data-turn="2"] .end-card{rotate:180deg}.end[data-turn="3"] .end-card{max-width:100cqh;rotate:-90deg}.end--split{padding:0;container-type:size}.end-face{place-items:center;width:100cqh;height:50cqw;display:grid;position:absolute;top:50%;container-type:size}.end-face[data-side="0"]{left:25%;transform:translate(-50%,-50%)rotate(90deg)}.end-face[data-side="1"]{left:75%;transform:translate(-50%,-50%)rotate(-90deg)}@container (aspect-ratio<1){.end-face[data-side]{width:100cqw;height:50cqh;left:50%}.end-face[data-side="0"]{top:75%;transform:translate(-50%,-50%)}.end-face[data-side="1"]{top:25%;transform:translate(-50%,-50%)rotate(180deg)}}.end--split[data-split=rows] .end-face[data-side]{width:100cqw;height:50cqh;left:50%}.end--split[data-split=rows] .end-face[data-side="0"]{top:75%;transform:translate(-50%,-50%)}.end--split[data-split=rows] .end-face[data-side="1"]{top:25%;transform:translate(-50%,-50%)rotate(180deg)}.end--split .end-card{width:min(420px,92%);padding:18px 20px 16px}@container (height<=400px){.end-face .end-card{scale:.8}}@container (height<=320px){.end-face .end-card{scale:.66}}@container (height<=560px){.end{padding:10px;overflow:auto}.end-card{gap:4px;padding:16px 20px 14px}.end-title--headline{font-size:36px}.end-score{font-size:60px}.end-actions{flex-direction:row;margin-top:8px}.end-actions .btn{min-height:var(--hit);flex:1;padding:0 16px;font-size:22px}}@keyframes end-fade{0%{opacity:0}}@keyframes end-pop{0%{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.end,.end-card,.end-best{animation:none}}.plaque{--plaque-press:0px;z-index:4;box-sizing:border-box;padding:0 var(--plaque-pad,20px);background:var(--rail);color:var(--chalk-dim);font:600 var(--plaque-label-px,17px) / 1 var(--font-ui);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--rail-edge), inset 0 1px 0 color-mix(in srgb, var(--shine) 6%, transparent), 0 3px 0 var(--rail-edge), 0 5px 10px color-mix(in srgb, var(--shadow) 45%, transparent);transform:translate(-50%, -50%) rotate(var(--plaque-rot,0deg)) translateY(var(--plaque-press));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background-color .18s ease-out,color .18s ease-out;display:flex;position:absolute}.plaque[hidden]{display:none}.plaque-icon{flex:none;place-items:center;display:grid}.plaque-icon svg{width:22px;height:22px}.plaque[data-icon-only]{padding:0}.plaque[data-icon-only] .plaque-label{display:none}.plaque[data-pressed]{--plaque-press:3px;color:var(--chalk);box-shadow:inset 0 0 0 1px var(--rail-edge), 0 0 0 var(--rail-edge), 0 2px 4px color-mix(in srgb, var(--shadow) 45%, transparent)}.plaque:focus-visible{outline:2px solid var(--plaque-me,var(--me));outline-offset:3px}.plaque[data-attn]{color:var(--chalk);box-shadow:inset 0 0 0 2px var(--plaque-me,var(--me)), inset 0 1px 0 color-mix(in srgb, var(--shine) 6%, transparent), 0 3px 0 var(--rail-edge), 0 0 18px color-mix(in srgb, var(--plaque-me,var(--me)) 45%, transparent)}.plaque[data-pulse]:after{content:"";border-radius:inherit;box-shadow:0 0 22px 4px color-mix(in srgb, var(--plaque-me,var(--me)) 60%, transparent);opacity:0;pointer-events:none;will-change:opacity;animation:2.4s ease-in-out infinite plaque-attn;position:absolute;inset:0}.plaque[data-attn][data-pressed]{box-shadow:inset 0 0 0 2px var(--plaque-me,var(--me)), 0 0 0 var(--rail-edge), 0 0 12px color-mix(in srgb, var(--plaque-me,var(--me)) 45%, transparent)}.plaque[data-armed]{background:var(--rose-deep);color:var(--chalk);box-shadow:inset 0 0 0 2px var(--rose), 0 3px 0 color-mix(in srgb, var(--rose-deep) 70%, var(--shadow)), 0 0 16px color-mix(in srgb, var(--rose) 40%, transparent)}@keyframes plaque-attn{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.plaque{transition:none;animation:none}.plaque[data-pulse]:after{opacity:.6;animation:none}}.game-tiles{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:20px;display:grid}.game-tile{background:linear-gradient(170deg, var(--felt-raised), color-mix(in srgb, var(--felt) 80%, var(--rail)));min-height:300px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 7%, transparent), 0 5px 0 var(--rail), 0 14px 30px color-mix(in srgb, var(--shadow) 30%, transparent);color:var(--chalk);font:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);border:0;border-radius:22px;flex-direction:column;align-items:stretch;gap:10px;padding:14px 14px 16px;display:flex}button.game-tile:active{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 7%, transparent), 0 2px 0 var(--rail);transform:translateY(3px)}.game-tile:focus-visible{outline:3px solid var(--me);outline-offset:3px}.game-tile-art{aspect-ratio:16/9;background:radial-gradient(90% 90% at 50% 40%, color-mix(in srgb, var(--felt-glow) 35%, transparent), transparent 70%), var(--rail);color:var(--me);box-shadow:inset 0 0 0 1px var(--rail-edge);border-radius:14px;place-items:center;display:grid;position:relative}.game-tile-art>svg{width:72%;height:auto;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--me) 45%, transparent));transition:opacity var(--dur-slow) var(--ease-out)}.tile-preview{border-radius:inherit;opacity:0;transition:opacity var(--dur-slow) var(--ease-out), filter var(--dur-slow) var(--ease-out);position:absolute;inset:0;overflow:hidden}.tile-preview>canvas{width:100%;height:100%;display:block}.tile-preview[data-live]{opacity:1}.game-tile-art:has(>.tile-preview[data-live])>svg{opacity:0}.game-tile-art:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--rail-edge);pointer-events:none;position:absolute;inset:0}.game-tile-title{font:800 30px/1 var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:4px 6px 0;overflow:hidden}.game-tile-tagline{color:var(--chalk-dim);font:400 16px/1.3 var(--font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 6px;display:-webkit-box;overflow:hidden}.game-tile .chips{margin:2px 6px 0}.game-tile-count{color:var(--chalk-dim);font:500 14px/1.2 var(--font-ui);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:auto 6px 0;display:flex}.device-meter{flex:none;gap:4px;display:inline-flex}.device-meter i{width:10px;height:14px;box-shadow:inset 0 0 0 1.5px var(--seam);transition:background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border-radius:3px}.device-meter i[data-pip=me]{background:var(--me);box-shadow:none}.device-meter i[data-pip=me][data-last]{box-shadow:0 0 8px color-mix(in srgb, var(--me) 70%, transparent)}.device-meter i[data-pip=full]{background:var(--chalk-dim);box-shadow:none}.device-meter i[data-pip=over]{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--chalk) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));box-shadow:inset 0 0 0 1.5px var(--chalk)}.device-meter i[data-pip=room]{box-shadow:inset 0 0 0 1.5px var(--chalk-dim)}.device-meter i[data-pip=need]{box-shadow:none;outline:1.5px dashed var(--gold);outline-offset:-1.5px}.device-meter i[data-pip=off]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--seam) 50%, transparent)}.game-tile[data-state=disabled]{cursor:default}button.game-tile[data-state=disabled]:active{transform:none}.game-tile[data-state=disabled] .game-tile-art{background:var(--rail);color:color-mix(in srgb, var(--chalk-faint) 60%, transparent)}.game-tile[data-state=disabled] .game-tile-art>svg{filter:none}.game-tile[data-state=disabled] .tile-preview[data-live]{opacity:.4;filter:grayscale(.8)}.game-tile[data-state=disabled] .game-tile-title{color:var(--chalk-dim)}.game-tile[data-state=disabled] .game-tile-tagline,.game-tile[data-state=disabled] .chips{opacity:.6}.tile-reason{border-radius:var(--r-pill);background:color-mix(in srgb, var(--felt-high) 92%, transparent);width:max-content;max-width:calc(100% - 20px);min-height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent);color:var(--gold);font:600 15px/1.2 var(--font-ui);text-align:center;justify-content:center;align-items:center;gap:8px;padding:6px 16px 6px 12px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile-reason svg,.tile-reason-line svg{flex:none;width:18px;height:18px}.tile-reason-line{color:var(--gold);font:600 14px/1.2 var(--font-ui);align-items:center;gap:6px;margin:0;display:none}.game-tile[data-unlock] .game-tile-art{animation:tile-unlock-art .4s var(--ease-out)}.game-tile[data-unlock] .game-tile-title,.game-tile[data-unlock] .game-tile-tagline,.game-tile[data-unlock] .chips{animation:tile-unlock-text .4s var(--ease-out)}.game-tile[data-unlock] .device-meter i[data-pip=me]{animation:tile-unlock-pip .9s var(--ease-out)}@keyframes tile-unlock-art{0%{color:color-mix(in srgb, var(--chalk-faint) 60%, transparent)}}@keyframes tile-unlock-text{0%{opacity:.6}}@keyframes tile-unlock-pip{40%{box-shadow:0 0 16px var(--me);transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.game-tile[data-unlock] .game-tile-art,.game-tile[data-unlock] .game-tile-title,.game-tile[data-unlock] .game-tile-tagline,.game-tile[data-unlock] .chips,.game-tile[data-unlock] .device-meter i[data-pip=me]{animation:none}.tile-preview,.game-tile-art>svg{transition:none}}@media (max-width:519px){.game-tiles{grid-template-columns:1fr}}.screen{min-height:100dvh;padding:calc(var(--gutter) + env(safe-area-inset-top)) calc(var(--gutter) + env(safe-area-inset-right)) calc(var(--gutter) + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-left))}.topbar{min-height:var(--hit);justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(16px,3vh,36px);display:flex}.empty{color:var(--chalk-faint);max-width:34ch;font-size:17px}.wordmark{align-items:center;gap:12px;min-width:0;display:flex}.wordmark-pucks,.wordmark-text{flex-shrink:0}.wordmark-pucks{width:50px;height:30px;position:relative}.wordmark-pucks i{background:radial-gradient(circle at 34% 28%, var(--flare-glow), var(--flare) 50%, var(--flare-deep));width:30px;height:30px;box-shadow:0 0 16px color-mix(in srgb, var(--flare) 60%, transparent);border-radius:50%;position:absolute;top:0}.wordmark-pucks i+i{background:radial-gradient(circle at 34% 28%, var(--volt-glow), var(--volt) 50%, var(--volt-deep));box-shadow:0 0 16px color-mix(in srgb, var(--volt) 60%, transparent), -3px 0 0 var(--felt);left:20px}.wordmark-text{font:900 40px/1 var(--font-display);letter-spacing:.01em}.code-tiles{perspective:600px;background:0 0;border:0;gap:clamp(8px,1vw,12px);padding:0;display:flex}.code-tile{width:var(--tile-w,clamp(58px, 6.4vw, 86px));aspect-ratio:3/4;background:linear-gradient(180deg, var(--flap-top) 0%, var(--flap-mid) 49.5%, var(--flap-seam) 50.5%, var(--flap-bottom) 100%);color:var(--chalk);font:900 calc(var(--tile-w,clamp(58px, 6.4vw, 86px)) * .9) / 1 var(--font-display);text-shadow:0 0 2px var(--me-glow), 0 0 22px color-mix(in srgb, var(--me) 75%, transparent);box-shadow:inset 0 0 0 1px var(--rail-edge), inset 0 1px 0 color-mix(in srgb, var(--shine) 8%, transparent), 0 6px 0 var(--rail), 0 14px 30px color-mix(in srgb, var(--shadow) 45%, transparent);animation:flap-in .55s var(--ease-out) both;animation-delay:calc(var(--i) * .11s + .12s);transform-origin:50%;border-radius:14px;place-items:center;display:grid;position:relative}.code-tile:after{content:"";background:color-mix(in srgb, var(--abyss) 75%, transparent);height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}@keyframes flap-in{0%{opacity:0;transform:rotateX(-100deg)}60%{opacity:1;transform:rotateX(12deg)}to{transform:rotateX(0)}}.code-tiles:active .code-tile{transform:translateY(2px)}.code-tile--blank{color:#0000;animation:1.6s ease-in-out infinite tile-wait;animation-delay:calc(var(--i) * .12s)}@keyframes tile-wait{50%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--me) 45%, var(--rail-edge)), inset 0 1px 0 color-mix(in srgb, var(--shine) 8%, transparent), 0 6px 0 var(--rail), 0 14px 30px color-mix(in srgb, var(--shadow) 45%, transparent)}}.qr{aspect-ratio:1;width:148px;box-shadow:0 10px 30px color-mix(in srgb, var(--shadow) 40%, transparent);border-radius:14px;flex:none}.qr svg{width:100%;height:100%;display:block}.qr-overlay{z-index:260;padding:var(--gutter);background:color-mix(in srgb, var(--abyss) 92%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.qr--big{width:min(78vw,62vh,420px)}.qr-overlay-code{--tile-w:44px}.qr-overlay-type{max-width:420px;color:var(--chalk-dim);text-align:center}.qr-overlay-hint{color:var(--chalk-faint)}.avatar{--avatar:64px;width:var(--avatar);height:var(--avatar);filter:drop-shadow(0 0 calc(var(--avatar) * .16) color-mix(in srgb, var(--c) 45%, transparent)) drop-shadow(0 3px 4px color-mix(in srgb, var(--shadow) 35%, transparent));flex:none;display:inline-block;position:relative}.avatar svg{width:100%;height:100%;display:block;overflow:visible}.avatar circle,.avatar path,.avatar ellipse,.avatar rect{transition:fill .3s}.avatar--pop{animation:avatar-pop .45s var(--ease-spring)}@keyframes avatar-pop{0%{transform:scale(.82)rotate(-6deg)}}[data-host=yes]>.avatar:after{content:"";background:var(--rail);width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--gold-deep);border-radius:50%;position:absolute;top:-6px;right:-6px}[data-host=yes]>.avatar:before{content:"";z-index:1;background:var(--gold);width:14px;height:14px;position:absolute;top:-1px;right:-1px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18L2 7l5.5 4.5L12 4l4.5 7.5L22 7l-1 11z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18L2 7l5.5 4.5L12 4l4.5 7.5L22 7l-1 11z'/%3E%3C/svg%3E") 50%/contain no-repeat}.person-you{color:var(--chalk-faint);font:500 15px/1 var(--font-ui);flex:none}@keyframes pop{0%{transform:scale(0)}}.nearby-table{border-radius:var(--r-md);background:var(--rail);min-height:76px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 36%, transparent);animation:arrive .4s var(--ease-spring);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 12px 10px 14px;display:flex}.nearby-table[data-knocking=yes]{box-shadow:inset 0 0 0 2px var(--c)}.nearby-table--out{opacity:0;pointer-events:none;transition:opacity .24s,transform .24s;transform:translateY(-6px)scale(.98)}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}}.nearby-text{flex-direction:column;flex:160px;min-width:0;display:flex}.nearby-name{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:600;overflow:hidden}.nearby-meta{color:var(--chalk-faint);font-size:15px}.nearby-join{min-width:120px;margin-left:auto}.nearby-table[data-knocking=yes] .nearby-join{animation:.9s ease-in-out infinite alternate busy}.arena{--accent:var(--me);border-radius:var(--r-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--felt-raised) 92%, transparent), color-mix(in srgb, var(--felt) 70%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 7%, transparent), 0 18px 44px color-mix(in srgb, var(--shadow) 28%, transparent);animation:arena-in .32s var(--ease-out);flex-direction:column;gap:22px;padding:22px;display:flex}@keyframes arena-in{0%{opacity:0;transform:translateY(10px)}}.arena-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.arena-title{font:900 44px/.95 var(--font-display)}.arena-sub{color:var(--chalk-faint);font-size:15px}.back-btn svg{margin-left:-6px}.variants{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.variant{min-height:var(--hit);background:var(--rail);color:var(--chalk);text-align:left;box-shadow:inset 0 0 0 1px var(--rail-edge);border:0;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 8px 12px;transition:box-shadow .2s,transform .1s;display:flex}.variant:active{transform:scale(.98)}.variant[aria-checked=true]{box-shadow:inset 0 0 0 3px var(--accent), 0 0 30px color-mix(in srgb, var(--accent) 30%, transparent)}.variant-preview{aspect-ratio:16/9;background:var(--felt);border-radius:12px;width:100%;margin-bottom:6px;display:block}.variant-title{font:800 24px/1 var(--font-display);padding:0 6px}.variant-blurb{color:var(--chalk-faint);padding:0 6px;font-size:14px;line-height:1.3}.arena-options{flex-wrap:wrap;gap:16px 36px;display:flex}.arena-option{flex-direction:column;gap:8px;display:flex}.arena-option-label{color:var(--chalk-dim);font-size:16px;font-weight:600}.arena-tag{border-radius:var(--r-pill);background:color-mix(in srgb, var(--accent) 16%, var(--rail));min-height:40px;color:var(--chalk);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);opacity:0;transition:opacity .25s, transform .25s var(--ease-out);align-self:flex-start;padding:9px 16px;font-size:16px;font-weight:600;transform:translateY(4px)}.arena-tag[data-show]{opacity:1;transform:none}.ready-btn{isolation:isolate;width:100%;position:relative;overflow:hidden}.ready-fill{z-index:-1;background:color-mix(in srgb, var(--rail) 35%, transparent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.ready-btn[data-state=ready],.ready-btn[data-state=starting]{background:var(--rail);color:var(--me);box-shadow:inset 0 0 0 2px var(--me), 0 4px 0 var(--me-deep), 0 0 36px color-mix(in srgb, var(--me) 30%, transparent)}.ready-btn[data-state=starting] .ready-fill{background:color-mix(in srgb, var(--me) 28%, transparent)}.ready-on{align-items:center;gap:10px;display:inline-flex}.knock-sheet{text-align:center;align-items:center;position:relative;overflow:hidden}.knock-title{font-size:32px;line-height:1.05}.knock-actions{gap:12px;width:100%;display:flex}.knock-actions .btn{flex:1;min-height:72px;font-size:20px}.knock-timer{background:var(--c);transform-origin:0;height:4px;animation:drain var(--ttl) linear forwards;position:absolute;bottom:0;left:0;right:0}@keyframes drain{to{transform:scaleX(0)}}.undo-banner{top:calc(18px + env(safe-area-inset-top));z-index:280;border-radius:var(--r-pill);background:var(--chalk);color:var(--rail);box-shadow:0 14px 44px color-mix(in srgb, var(--shadow) 50%, transparent);animation:banner-in .35s var(--ease-spring);align-items:center;gap:18px;padding:8px 8px 8px 22px;font-size:18px;font-weight:600;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.undo-banner--out{opacity:0;transition:all .25s;transform:translate(-50%,-12px)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-16px)}}.undo-btn{background:var(--rail);color:var(--chalk)}.undo-timer{background:var(--me-deep);transform-origin:0;height:3px;animation:drain var(--undo) linear forwards;position:absolute;bottom:0;left:0;right:0}.code-entry{align-self:center;display:block;position:relative}.code-entry-boxes{--tile-w:78px;gap:12px;display:flex}.code-tile--input{animation:none}.code-tile--input[data-caret=yes]{box-shadow:inset 0 0 0 2px var(--me), inset 0 1px 0 color-mix(in srgb, var(--shine) 8%, transparent), 0 6px 0 var(--rail)}.code-entry-input{opacity:0;caret-color:#0000;width:100%;font-size:16px;position:absolute;inset:0}.field-error{min-height:1.4em;color:var(--rose-glow);font-size:16px}.profile-section{gap:10px;padding:16px 18px 10px}.profile-hero{align-items:center;gap:22px;display:flex}.profile-shuffles{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.profile-shuffles>.btn svg{width:22px;height:22px}.profile-shuffle-row{flex-wrap:wrap;gap:4px;margin-left:-16px;display:flex}.profile-name-input{font:800 26px/1 var(--font-display)}.pill{border-radius:var(--r-pill);background:var(--rail);min-height:40px;color:var(--chalk-dim);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--rail-edge);align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.pill-dot{background:var(--tone,var(--chalk-faint));width:9px;height:9px;box-shadow:0 0 10px var(--tone,transparent);border-radius:50%}.pill-ms{color:var(--chalk-faint)}.pill-ms:empty{display:none}.pill[data-tone=good]{--tone:var(--lime)}.pill[data-tone=ok]{--tone:var(--volt)}.pill[data-tone=warn]{--tone:var(--gold)}.pill[data-tone=bad]{--tone:var(--rose)}.fatal{z-index:150;padding:var(--gutter);background:color-mix(in srgb, var(--abyss) 75%, transparent);-webkit-backdrop-filter:blur(8px);place-items:center;display:grid;position:fixed;inset:0}.fatal-card{background:var(--felt-raised);border-radius:28px;flex-direction:column;align-items:flex-start;gap:14px;max-width:460px;padding:30px;display:flex}.fatal-card h2{font:800 36px/1 var(--font-display)}.fatal-card p{color:var(--chalk-dim);font-size:18px}.calib{z-index:250;padding:calc(var(--gutter) + env(safe-area-inset-top)) var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom));background:var(--felt);touch-action:none;flex-direction:column;display:flex;position:fixed;inset:0}.calib-text{text-align:right;flex-direction:column;gap:8px;max-width:560px;margin-left:auto;display:flex}.calib-text h2{font:800 40px/1 var(--font-display)}.calib-text p{color:var(--chalk-dim)}.calib-readout{font-variant-numeric:tabular-nums}.calib-stage{top:calc(env(safe-area-inset-top) + 24px);left:calc(env(safe-area-inset-left) + 24px);position:absolute}.calib-card{background:color-mix(in srgb, var(--me) 12%, transparent);box-shadow:inset 0 0 0 2px var(--me);border-radius:3.2mm;position:relative}.calib-chip{width:14%;height:20%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--me) 60%, transparent);border-radius:4px;position:absolute;top:36%;left:12%}.calib-stripe{background:color-mix(in srgb, var(--me) 30%, transparent);border-radius:3px;height:6%;position:absolute;bottom:18%;left:12%;right:12%}.calib-handle{background:radial-gradient(circle at 34% 28%, var(--me-glow), var(--me) 50%, var(--me-deep));width:64px;height:64px;box-shadow:0 0 0 4px var(--rail), 0 0 24px var(--me);touch-action:none;cursor:ew-resize;border-radius:50%;margin:-32px 0 0 -32px;position:absolute}.calib-actions{justify-content:flex-end;gap:12px;margin-top:auto;display:flex}@media (max-width:899px){.games,.arena{min-width:0}.arena{order:2}.games{order:3}.code-tile{border-radius:8px}}@media (max-width:560px){.topbar .pill{display:none}.wordmark-text{font-size:34px}.arena{padding:16px}.arena-title{font-size:36px}.knock-actions{flex-direction:column-reverse}.nearby-join{min-width:0;padding:0 18px}.code-entry-boxes{--tile-w:64px}}@media (max-height:620px) and (orientation:landscape){.qr{width:120px}}.pairing{--accent:var(--c,var(--me));z-index:120;background:radial-gradient(ellipse at 50% 55%, color-mix(in srgb, var(--c,var(--me)) 16%, var(--felt)) 0%, var(--felt) 70%), var(--felt);touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.pairing-canvas{width:100%;height:100%;position:absolute;inset:0}.pairing-number{color:var(--c,var(--me));font:900 40vh/1 var(--font-display);text-shadow:0 0 60px color-mix(in srgb, var(--c,var(--me)) 45%, transparent);opacity:.9;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pairing[data-stage=done] .pairing-number,.pairing[data-stage=tiles-arranger] .pairing-number{display:none}.pairing-chevron{top:calc(18px + env(safe-area-inset-top));color:var(--c,var(--me));font:800 26px/1 var(--font-display);pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pairing-chevron-arrow{filter:drop-shadow(0 0 12px);border-bottom:30px solid;border-left:26px solid #0000;border-right:26px solid #0000;width:0;height:0}.pairing-strip{top:calc(12px + env(safe-area-inset-top));border-radius:var(--r-md);background:color-mix(in srgb, var(--rail) 82%, transparent);max-width:min(760px,100vw - 32px);box-shadow:inset 0 0 0 1px var(--rail-edge);pointer-events:none;align-items:center;gap:16px;padding:10px 18px 10px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pairing[data-stage=turn] .pairing-strip,.pairing[data-stage=wait] .pairing-minimap,.pairing[data-stage=wait] .pairing-progress{display:none}.pairing[data-stage=tiles-watch] .pairing-strip{top:auto;bottom:calc(104px + env(safe-area-inset-bottom))}.pairing-minimap{flex:none;width:132px;height:64px}.pairing-strip-text{gap:2px;min-width:0;display:grid}.pairing-progress{color:var(--chalk);font:800 24px/1.1 var(--font-display);margin:0}.pairing-hint{color:var(--chalk-dim);margin:0;font-size:17px;line-height:1.3}.pairing-miss{left:50%;bottom:calc(104px + env(safe-area-inset-bottom));border-radius:var(--r-pill);background:var(--chalk);color:var(--rail);pointer-events:none;animation:toast-in .3s var(--ease-spring);margin:0;padding:12px 20px;font-weight:600;position:absolute;transform:translate(-50%)}.pairing-actions{right:24px;bottom:calc(20px + env(safe-area-inset-bottom));pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex;position:absolute;left:24px}.pairing-actions>*{pointer-events:auto}.pairing-actions .btn{min-height:var(--hit)}.pairing-go{min-width:200px}.pairing-tiles{inset:calc(96px + env(safe-area-inset-top)) 24px calc(96px + env(safe-area-inset-bottom));border-radius:var(--r-lg);background:color-mix(in srgb, var(--rail) 55%, var(--felt));box-shadow:inset 0 0 0 1px var(--rail-edge);position:absolute}.pairing-tiles-canvas{touch-action:none;width:100%;height:100%}.pairing-done{inset:calc(96px + env(safe-area-inset-top)) 24px calc(96px + env(safe-area-inset-bottom));--accent:var(--c,var(--me));flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}.pairing-preview{flex:1;width:100%;min-height:0}.pairing-done-title{color:var(--chalk);font:800 34px/1.1 var(--font-display);text-align:center;margin:0}.pairing-done-teams{color:var(--chalk-dim);margin:0}.pairing-done-teams:empty,.pairing-modes:empty{display:none}.pairing-turn{background:color-mix(in srgb, var(--rail) 88%, transparent);color:var(--chalk);font:800 34px/1.15 var(--font-display);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.pairing-turn-text{max-width:16ch;margin:0}.arrange-btn{align-self:flex-start}@media (prefers-reduced-motion:reduce){.pairing-miss{animation:none}}.pairing-tile-anchor{pointer-events:none;position:absolute}.menu{--bar-h:132px;--z:var(--ui-zoom,1);zoom:var(--z);min-height:calc(100dvh / var(--z));padding:0 calc(var(--gutter) + env(safe-area-inset-right) / var(--z)) calc(var(--gutter) + env(safe-area-inset-bottom) / var(--z)) calc(var(--gutter) + env(safe-area-inset-left) / var(--z))}html[data-ui-w] .menu{--gutter:32px}html[data-ui-w=s] .menu{--gutter:24px}html[data-ui-w=xs] .menu{--gutter:16px}.table-bar{z-index:20;margin:0 calc(-1 * var(--gutter)) 20px;padding:calc(14px + env(safe-area-inset-top) / var(--z)) var(--gutter) 14px;background:var(--felt);transition:box-shadow var(--dur-base) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand table actions";align-items:center;gap:12px 20px;display:grid;position:sticky;top:0}.table-bar[data-scrolled]{box-shadow:0 1px 0 var(--rail-edge), 0 12px 28px color-mix(in srgb, var(--shadow) 28%, transparent)}.bar-brand{grid-area:brand;min-width:0}.bar-table{grid-area:table;align-items:center;gap:14px;min-width:0;display:flex}.bar-actions{grid-area:actions;justify-content:flex-end;align-items:center;gap:12px;display:flex}.bar-btn{min-width:var(--hit);color:var(--chalk-dim);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex}.bar-btn-icon{width:var(--hit);height:var(--hit);background:color-mix(in srgb, var(--felt-high) 70%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shine) 6%, transparent);border-radius:50%;place-items:center;transition:transform .1s,color .15s;display:grid}.bar-btn:active .bar-btn-icon{color:var(--chalk);transform:scale(.92)}.bar-btn-label{max-width:100px;font:600 13px/1.15 var(--font-ui);text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pill-slot[hidden],.bar-actions [hidden]{display:none}.bar-brand .wordmark{gap:10px;width:max-content;max-width:100%}.bar-brand .wordmark-pucks{width:43px;height:26px}.bar-brand .wordmark-pucks i{width:26px;height:26px}.bar-brand .wordmark-pucks i+i{left:17px}.bar-brand .wordmark-text{font-size:34px;line-height:26px}.seats{flex:none;align-items:flex-start;gap:2px;display:flex}.seats-others{display:contents}.seat{width:86px;min-height:var(--hit);border-radius:var(--r-md);color:var(--chalk);font:inherit;animation:seat-in var(--dur-slow) var(--ease-spring) both;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:6px 0 2px;display:flex}button.seat{cursor:pointer}button.seat:active .seat-face{transform:translateY(2px)}button.seat:focus-visible{outline:3px solid var(--me);outline-offset:2px}@keyframes seat-in{0%{opacity:0;transform:translate(16px)scale(.9)}}.seat-face{transition:transform var(--dur-fast) var(--ease-out);display:block;position:relative}.seat-name{max-width:100%;color:var(--chalk);font:600 14px/1.2 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-name[data-name]{justify-content:center;padding:0 4px;display:flex}.seat-name-base{text-overflow:ellipsis;min-width:0;overflow:hidden}.seat-name-suffix{white-space:pre;flex:none}.seat-badge{border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-2px;right:-4px}.seat-badge svg{width:14px;height:14px}.seat-badge--edit{background:var(--felt-high);color:var(--chalk);box-shadow:inset 0 0 0 1.5px var(--rail-edge), 0 2px 6px color-mix(in srgb, var(--shadow) 40%, transparent)}.seat-badge--ready{background:var(--ok);color:var(--rail);box-shadow:0 0 0 2px var(--felt);display:none}.seat[data-ready=yes] .seat-badge--ready{animation:pop .3s var(--ease-spring);display:grid}.seat[data-ready=yes] .seat-badge--edit{display:none}.seat-face:before{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.seat[data-ready=yes] .seat-face:before{border:3px solid var(--ok)}.seat[data-away=yes] .avatar{opacity:.45}.seat[data-away=yes] .seat-face:before{border:2px dashed var(--chalk-faint)}.seat[data-away=yes] .seat-name{color:var(--gold);font-variant-numeric:tabular-nums}.seat[data-finishing=yes] .avatar{opacity:.7}.seat[data-finishing=yes] .seat-name{color:var(--chalk-faint);font:500 12px/1.2 var(--font-ui);white-space:normal;text-align:center}.seat[data-host=yes] .seat-face:after{content:"";z-index:1;background:var(--gold);width:20px;height:16px;filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--shadow) 60%, transparent));margin-left:-10px;position:absolute;top:-13px;left:50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M3 18L2 5l5.5 4.5L12 2l4.5 7.5L22 5l-1 13z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M3 18L2 5l5.5 4.5L12 2l4.5 7.5L22 5l-1 13z'/%3E%3C/svg%3E") 50%/contain no-repeat}button.add-seat{cursor:pointer}.add-seat .seat-name{color:var(--chalk-dim)}.add-seat-circle{border:2px dashed var(--chalk-dim);background:color-mix(in srgb, var(--me) 8%, transparent);width:60px;height:60px;color:var(--me);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.add-seat-circle svg{stroke-width:2.6px;width:26px;height:26px}.add-seat[data-state=creating] .add-seat-circle{background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--shine) 10%, transparent) 50%, transparent 70%) var(--felt-high);color:var(--chalk-faint);background-size:220% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-120% 0}}.add-seat[data-state=offline] .add-seat-circle{border-color:var(--gold);color:var(--gold);background:0 0}.add-seat[data-pulse] .add-seat-circle{animation:add-pulse .6s var(--ease-out) 2}@keyframes add-pulse{40%{border-color:var(--me);box-shadow:0 0 0 8px color-mix(in srgb, var(--me) 28%, transparent), 0 0 24px color-mix(in srgb, var(--me) 50%, transparent)}}.join-box{border:2px dashed var(--seam);min-width:260px;max-width:440px;transition:border-color .4s var(--ease-out);border-radius:16px;flex-direction:column;flex:0 auto;justify-content:center;margin-left:8px;padding:6px 12px 6px 8px;display:flex}.join-box[data-flash]{border-color:var(--chalk-dim)}.invite-join-btn{min-height:var(--hit);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:4px 10px 4px 2px;display:flex}.invite-join-icon{background:var(--felt-high);width:44px;height:44px;color:var(--chalk);box-shadow:inset 0 0 0 2px var(--seam);border-radius:50%;flex:none;place-items:center;transition:transform .1s;display:grid;position:relative}.invite-join-icon svg{width:24px;height:24px}.invite-join-btn:active .invite-join-icon{transform:scale(.92)}.invite-join-label{color:var(--chalk);font:800 24px/1.05 var(--font-display);letter-spacing:.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.join-box-hint{min-height:36px;color:var(--chalk-faint);font:500 14px/1.2 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;align-self:stretch;padding:0 0 2px 58px}.join-box[data-nearby=yes] .join-box-hint{display:none}.join-box[data-nearby=yes] .invite-join-btn{min-height:48px}.join-box .near-line-btn{padding:0 12px;font-size:14px}.leave-actions{justify-content:flex-end;gap:12px;display:flex}.leave-confirm svg{width:22px;height:22px}.near-line{min-width:0;min-height:44px;animation:arrive .3s var(--ease-out);align-items:center;gap:10px;padding-left:4px;display:flex}.near-line[hidden]{display:none}.near-line-avatars{flex:none;display:flex;position:relative}.near-line-avatars .avatar{opacity:.65}.near-line-avatars .avatar+.avatar{margin-left:-10px}.near-line[data-knocking=yes] .near-line-avatars:after{content:"";border:2px dashed var(--me);border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:-4px}@keyframes spin{to{transform:rotate(360deg)}}.near-line-text{min-width:0;color:var(--chalk);font:600 14px/1.2 var(--font-ui);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:auto;display:-webkit-box;overflow:hidden}.near-line-btn{flex:none;min-height:44px;margin-left:auto;padding:0 14px;font-size:15px;position:relative}.near-line-btn:before{content:"";position:absolute;inset:-6px 0}.join-section{flex-direction:column;gap:10px;display:flex}.join-section+.join-section{border-top:1px solid var(--rail-edge);margin-top:8px;padding-top:18px}.join-section-title{color:var(--chalk-dim);font:700 20px/1 var(--font-display);letter-spacing:.03em;text-transform:uppercase}.near-list{flex-direction:column;gap:10px;display:flex}.near-list .nearby-table{border-radius:var(--r-md);background:var(--rail);box-shadow:inset 0 0 0 1px var(--rail-edge);animation:arrive .3s var(--ease-out);align-items:center;gap:14px;padding:10px 10px 10px 12px;display:flex}.near-list .nearby-text{flex-direction:column;flex:1;min-width:0;display:flex}.near-list .nearby-name{font:800 21px/1.1 var(--font-display);white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.near-list .nearby-join{flex:none;padding:0 18px;font-size:16px}.near-list .nearby-meta{color:var(--chalk-faint);font-size:14px}.near-empty{color:var(--chalk-faint);font-size:16px}.add-home-sheet{text-align:center;align-items:center}.add-home-icon{background:var(--rail);width:72px;height:72px;color:var(--volt);box-shadow:inset 0 0 0 1px var(--rail-edge);border-radius:20px;place-items:center;margin:0 auto;display:grid}.add-home-icon svg{width:36px;height:36px}.settings-code{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.code-tiles--static{--tile-w:48px}.code-tile--still{border-radius:10px;animation:none}.settings-qr{cursor:zoom-in;border:0;width:132px;padding:0}.qr-overlay-share svg{width:20px;height:20px}.menu-main{max-width:1360px;margin:0 auto}.menu .game-tiles{--tiles-gap:20px;grid-template-columns:repeat(auto-fill, minmax(max(212px, (100% - 3 * var(--tiles-gap)) / 4), 1fr));gap:var(--tiles-gap)}html[data-ui-w=xs] .menu .game-tiles,html[data-ui-w=s] .menu .game-tiles,html[data-ui-w=m] .menu .game-tiles{--tiles-gap:16px}.games-head{justify-content:space-between;align-items:center;gap:16px;margin:0 0 6px;display:flex}.games-title{color:var(--chalk);font:800 28px/1 var(--font-display);letter-spacing:.01em;margin:0}.games-version{min-height:var(--hit);min-width:0;color:var(--chalk-faint);font:500 13px/1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 4px 0 12px;overflow:hidden}.games-version:active{color:var(--chalk-dim)}.games-version:focus-visible{outline:3px solid var(--me);outline-offset:-3px;border-radius:var(--r-md)}.games-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.games-filter{margin-bottom:18px}.menu .arena{box-shadow:none;background:0 0;gap:0;padding:0 0 32px}.menu .arena-head{top:var(--bar-h);z-index:10;margin:-8px calc(-1 * var(--gutter)) 0;padding:10px var(--gutter) 14px;background:var(--felt);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 18px;display:grid;position:sticky}.menu .back-btn{background:var(--felt-high);color:var(--chalk);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 9%, transparent), 0 3px 0 var(--rail);border-radius:50%}.menu .back-btn:active{box-shadow:0 1px 0 var(--rail);transform:translateY(2px)}.menu .back-btn svg{width:26px;height:26px;margin:0}.arena-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.menu .arena-title{font:800 40px/1 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu .arena-sub{min-height:1.3em;color:var(--chalk-dim);font-size:16px;line-height:1.3}.arena-action{justify-content:flex-end;display:flex}.menu .ready-btn{width:auto;min-width:240px;max-width:360px;padding:0 32px}.ready-label{text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.arena-body{flex-direction:column;gap:22px;padding-top:14px;display:flex}.arena-body>.arena-tag{z-index:11;pointer-events:none;margin-top:-6px;position:absolute;left:50%;transform:translate(-50%,4px)}.arena-body>.arena-tag[data-show]{transform:translate(-50%)}.menu .arena{position:relative}.arena-more{min-height:var(--hit);color:var(--chalk-faint);font:400 15px/1.3 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:10px;padding:0 4px;display:inline-flex}.arena-more svg{flex:none;width:20px;height:20px}.arena-more:active{color:var(--chalk-dim)}.arena-tablets{flex-wrap:wrap;align-items:center;gap:14px 28px;padding-top:6px;display:flex}.menu .variants{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}:is(html[data-ui-w=l],html[data-ui-w=xl]) .table-bar:not([data-devices="1"]) .bar-btn:not(.bar-leave) .bar-btn-label,html[data-ui-w=l] .bar-btn:not(.bar-leave) .bar-btn-label{display:none}html[data-ui-w=l] .join-box{min-width:220px}html[data-ui-w=l] .invite-join-label{font-size:21px}:is(html[data-ui-w=xs],html[data-ui-w=s],html[data-ui-w=m]) .table-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""table table";gap:10px 16px}:is(html[data-ui-w=s],html[data-ui-w=m]) .bar-btn{min-height:var(--hit);border-radius:calc(var(--hit) / 2);background:color-mix(in srgb, var(--felt-high) 70%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shine) 6%, transparent);flex-direction:row;gap:0;padding-right:18px}:is(html[data-ui-w=s],html[data-ui-w=m]) .bar-btn-icon{width:48px;box-shadow:none;background:0 0}:is(html[data-ui-w=s],html[data-ui-w=m]) .bar-btn-label{text-align:left;max-width:160px;font-size:16px}:is(html[data-ui-w=s],html[data-ui-w=m]) .table-bar:not([data-devices="1"]) .bar-btn:not(.bar-leave),html[data-ui-w=xs] .bar-btn{box-shadow:none;background:0 0;padding:0}:is(html[data-ui-w=s],html[data-ui-w=m]) .table-bar:not([data-devices="1"]) .bar-btn:not(.bar-leave) .bar-btn-icon,html[data-ui-w=xs] .bar-btn-icon{width:var(--hit);background:color-mix(in srgb, var(--felt-high) 70%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shine) 6%, transparent)}:is(html[data-ui-w=s],html[data-ui-w=m]) .table-bar:not([data-devices="1"]) .bar-btn:not(.bar-leave) .bar-btn-label,html[data-ui-w=xs] .bar-btn:not(.bar-leave) .bar-btn-label{display:none}html[data-ui-w=xs] .bar-leave .bar-btn-label{max-width:64px;font-size:12px}:is(html[data-ui-w=xs],html[data-ui-w=s],html[data-ui-w=m]) .join-box{flex:auto;max-width:520px}:is(html[data-ui-w=xs],html[data-ui-w=s],html[data-ui-w=m]) .menu .ready-btn{min-width:200px}:is(html[data-ui-w=xs],html[data-ui-w=s]) .join-box{min-width:0}:is(html[data-ui-w=xs],html[data-ui-w=s]) .menu .arena-head{grid-template-columns:auto minmax(0,1fr)}:is(html[data-ui-w=xs],html[data-ui-w=s]) .menu .arena-title{font-size:32px}:is(html[data-ui-w=xs],html[data-ui-w=s]) .arena-action{grid-column:1/-1}:is(html[data-ui-w=xs],html[data-ui-w=s]) .menu .ready-btn{width:100%;max-width:none;min-height:72px}html[data-ui-w=xs] .menu{--bar-h:168px}html[data-ui-w=xs] .table-bar{padding-top:calc(10px + env(safe-area-inset-top) / var(--z));margin-bottom:14px;padding-bottom:10px}html[data-ui-w=xs] .bar-actions{gap:6px}html[data-ui-w=xs] .bar-actions .pill-slot,html[data-ui-w=xs] .bar-actions .bar-fullscreen{display:none}html[data-ui-w=xs] .bar-brand .wordmark-text{font-size:30px}html[data-ui-w=xs] .bar-table{gap:8px}html[data-ui-w=xs] .seat{gap:0;width:56px}html[data-ui-w=xs] .seat .avatar{--avatar:44px!important;width:44px!important;height:44px!important}html[data-ui-w=xs] .add-seat-circle{width:44px;height:44px}html[data-ui-w=xs] .add-seat-circle svg{width:22px;height:22px}html[data-ui-w=xs] .seat-name,html[data-ui-w=xs] .seat-name[data-name]{display:none}html[data-ui-w=xs] .add-seat .seat-name{font-size:12px;display:block}html[data-ui-w=xs] .seat-badge{width:20px;height:20px;bottom:-4px;right:-6px}html[data-ui-w=xs] .join-box{border-radius:50%;flex:none;margin-left:0;padding:4px}html[data-ui-w=xs] .invite-join-btn{padding:4px}html[data-ui-w=xs] .invite-join-label,html[data-ui-w=xs] .join-box-hint,html[data-ui-w=xs] .join-box .near-line{display:none}html[data-ui-w=xs] .join-box[data-nearby=yes] .invite-join-icon:after{content:"";background:var(--me);width:12px;height:12px;box-shadow:0 0 0 2px var(--felt);border-radius:50%;position:absolute;top:0;right:0}html[data-ui-w=xs] .games-title{font-size:24px}html[data-ui-w=xs] .menu .game-tiles{grid-template-columns:1fr;gap:12px}html[data-ui-w=xs] .menu .game-tile{grid-template-rows:auto auto auto;grid-template-columns:104px minmax(0,1fr);align-content:center;gap:4px 14px;min-height:120px;padding:10px 12px 10px 10px;display:grid}html[data-ui-w=xs] .menu .game-tile-art{aspect-ratio:4/3;grid-row:1/span 3;align-self:center}html[data-ui-w=xs] .menu .game-tile-title{margin:0;font-size:26px}html[data-ui-w=xs] .menu .game-tile-tagline{display:none}html[data-ui-w=xs] .menu .game-tile .chips{gap:6px;margin:0}html[data-ui-w=xs] .menu .game-tile .chip{min-height:26px;padding:2px 10px 2px 7px;font-size:13px}html[data-ui-w=xs] .menu .game-tile-count{margin:0}html[data-ui-w=xs] .menu .game-tile .tile-reason{display:none}html[data-ui-w=xs] .menu .game-tile .tile-reason-line{display:flex}html[data-ui-w=xs] .menu .game-tile[data-state=disabled] .chips{display:none}html[data-ui-w=xs] .menu .arena-head{padding-bottom:10px}html[data-ui-w=xs] .menu .arena-title{font-size:30px}html[data-ui-w=xs] .arena-action{z-index:30;padding:12px calc(var(--gutter) + env(safe-area-inset-right) / var(--z)) calc(12px + env(safe-area-inset-bottom) / var(--z)) calc(var(--gutter) + env(safe-area-inset-left) / var(--z));background:var(--felt);box-shadow:0 -1px 0 var(--rail-edge);position:fixed;bottom:0;left:0;right:0}html[data-ui-w=xs] .menu .arena{padding-bottom:120px;animation:none}@media (prefers-reduced-motion:reduce){.seat,.near-line,.near-line-avatars:after,.add-seat .add-seat-circle{animation:none}}.menu .arena-sub[data-call=some]{color:var(--chalk);font-weight:600}.menu .arena-sub[data-call=all]{color:var(--me);font-weight:600}.game-layer:not([data-active]){display:none}.game-shell{z-index:100;background:var(--felt);touch-action:none;position:fixed;inset:0;overflow:hidden}.game-root{position:absolute;inset:0}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.game-menu-btn{z-index:5;width:var(--hit);height:var(--hit);background:color-mix(in srgb, var(--rail) 55%, transparent);color:var(--chalk-dim);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shine) 8%, transparent);border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.game-conn{z-index:5;top:calc(10px + env(safe-area-inset-top));background:color-mix(in srgb, var(--rail) 78%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);color:var(--gold);font:600 15px/1.2 var(--font-ui);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.game-conn[hidden]{display:none}.game-conn:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.game-conn[data-look=weak]{color:var(--rose);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rose) 45%, transparent)}@media (prefers-reduced-motion:no-preference){.game-conn[data-look=reconnecting]:before{animation:1.2s ease-in-out infinite game-conn-pulse}}@keyframes game-conn-pulse{50%{opacity:.3}}.game-menu-btn:active{transform:scale(.92)}.game-menu-btn[data-corner=top-left]{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left))}.game-menu-btn[data-corner=top-right]{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.game-menu-btn[data-corner=bottom-left]{bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left))}.game-menu-btn[data-corner=bottom-right]{bottom:calc(12px + env(safe-area-inset-bottom));right:calc(12px + env(safe-area-inset-right))}.pause-overlay{z-index:20;background:color-mix(in srgb, var(--abyss) 78%, transparent);place-items:center;animation:.25s ease-out fade-in;display:grid;position:absolute;inset:0}.pause-overlay[hidden]{display:none}.game-shell .sheet-backdrop{background:color-mix(in srgb, var(--abyss) 72%, transparent);-webkit-backdrop-filter:none}.pause-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 40px;display:flex}.pause-card h2{font:800 44px/1 var(--font-display)}.pause-card p{color:var(--chalk-dim);font-variant-numeric:tabular-nums;font-size:19px}.pause-card .pause-count{min-height:1em;color:var(--chalk);font:900 64px/1 var(--font-display)}.pause-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.pause-actions .btn[hidden]{display:none}.pause-spinner{width:64px;height:64px;margin-bottom:8px;animation:1.4s linear infinite orbit;position:relative}.pause-spinner:before,.pause-spinner:after{content:"";border-radius:50%;width:24px;height:24px;position:absolute}.pause-spinner:before{background:var(--flare);box-shadow:0 0 16px var(--flare);top:0;left:20px}.pause-spinner:after{background:var(--volt);box-shadow:0 0 16px var(--volt);bottom:0;left:20px}@keyframes orbit{to{transform:rotate(360deg)}}.rematch-prompt{z-index:30;top:calc(16px + env(safe-area-inset-top));border-radius:var(--r-pill,999px);background:color-mix(in srgb, var(--rail) 90%, transparent);max-width:calc(100% - 32px);box-shadow:inset 0 0 0 2px var(--gold), 0 0 32px color-mix(in srgb, var(--gold) 45%, transparent);color:var(--chalk);align-items:center;gap:16px;padding:12px 12px 12px 24px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.rematch-prompt[hidden]{display:none}.rematch-text{font:800 24px/1.15 var(--font-display);margin:0}.rematch-btn{min-height:var(--hit,56px);font-size:22px}.rematch-btn[hidden]{display:none}.rematch-prompt[data-kind=waiting]{box-shadow:inset 0 0 0 1px var(--rail-edge,transparent);padding:10px 20px}.rematch-prompt[data-kind=waiting] .rematch-text{color:var(--chalk-dim);font:600 18px/1.2 var(--font-ui)}@media (prefers-reduced-motion:no-preference){.rematch-prompt[data-kind=asked]{animation:rematch-in .35s var(--ease-spring,ease-out), rematch-glow 1.6s ease-in-out .35s infinite}}@keyframes rematch-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.9)}}@keyframes rematch-glow{50%{box-shadow:inset 0 0 0 2px var(--gold-glow,var(--gold)), 0 0 56px color-mix(in srgb, var(--gold) 70%, transparent)}}.pause-actions .btn--primary[hidden],.pause-actions .pause-playon[hidden]{display:none}