@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-franklin-latin-400-normal-DNAyL8lK.woff2)format("woff2"),url(/assets/libre-franklin-latin-400-normal-B5qoBLOl.woff)format("woff")}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/libre-franklin-latin-500-normal-Cbta7Jiu.woff2)format("woff2"),url(/assets/libre-franklin-latin-500-normal-BQKhRarp.woff)format("woff")}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-franklin-latin-600-normal-BBKMvfE-.woff2)format("woff2"),url(/assets/libre-franklin-latin-600-normal-DjS29Py2.woff)format("woff")}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-latin-700-normal-TBBKpXzk.woff2)format("woff2"),url(/assets/libre-franklin-latin-700-normal-CP58KLQO.woff)format("woff")}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2"),url(/assets/silkscreen-latin-400-normal-D0DfPJut.woff)format("woff")}@font-face{font-family:"Jersey 10";font-style:normal;font-weight:400;font-display:swap;size-adjust:128%;src:url(/assets/jersey-10-latin-400-normal-DrL73VYW.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:"Jersey 10";font-style:normal;font-weight:400;font-display:swap;size-adjust:128%;src:url(/assets/jersey-10-latin-ext-400-normal-uIKqQSaG.woff2)format("woff2");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}:root{--bg:#f3f6fa;--text:#15171c;--muted:#646b76;--faint:#9aa1ab;--line:#dde3eb;--line-strong:#b9c3d0;--wash:#f5f7fa;--wash-strong:#e9eef5;--blue:#1d4f9c;--blue-dark:#163d7a;--blue-mid:#8fb2e3;--blue-light:#d8e5f7;--blue-pale:#edf3fb;--gold:#d9a520;--gold-ink:#8a6410;--green:#2f7d32;--done:#e9f4ea;--red:#b3261e;--warn:#fdf5d9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sans:"Libre Franklin", "Franklin Gothic Medium", "Helvetica Neue", Arial, sans-serif;--serif:"Jersey 10", "Trebuchet MS", sans-serif;--pixel:"Silkscreen", "Courier New", monospace;--ink:#262833;--surface:#fff}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--sans);color:var(--text);background:var(--blue) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='280'%20height='280'%20viewBox='0%200%20280%20280'%3e%3c!--%20A%20tile%20of%20little%20doodles%20about%20the%20game,%20repeated%20behind%20the%20page.%20White%20lines%20at%20low%20opacity,%20so%20it%20reads%20as%20texture,%20not%20decoration.%20--%3e%3cg%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.09'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20a%20dial%20with%20its%20needle%20--%3e%3cpath%20d='M14%2062%20A28%2028%200%200%201%2070%2062%20Z'/%3e%3cpath%20d='M42%2062%20L28%2042'/%3e%3cpath%20d='M20%2050%20l4%203%20M42%2034%20v5%20M64%2050%20l-4%203'/%3e%3c!--%20a%20star%20--%3e%3cpath%20d='M150%2018%20l7%2014%2015%202%20-11%2010%203%2015%20-14%20-8%20-14%208%203%20-15%20-11%20-10%2015%20-2%20z'/%3e%3c!--%20a%20question%20mark%20--%3e%3cpath%20d='M222%2050%20q0%20-14%2014%20-14%20q14%200%2014%2012%20q0%209%20-10%2013%20q-4%202%20-4%209'/%3e%3cpath%20d='M236%2082%20v1'/%3e%3c!--%20a%20target%20--%3e%3ccircle%20cx='96'%20cy='128'%20r='18'/%3e%3ccircle%20cx='96'%20cy='128'%20r='8'/%3e%3cpath%20d='M96%20128%20l22%20-20%20M112%20106%20l6%202%20-2%206'/%3e%3c!--%20a%20speech%20bubble%20--%3e%3cpath%20d='M182%20118%20h52%20a8%208%200%200%201%208%208%20v22%20a8%208%200%200%201%20-8%208%20h-30%20l-12%2012%20v-12%20h-10%20a8%208%200%200%201%20-8%20-8%20v-22%20a8%208%200%200%201%208%20-8%20z'/%3e%3cpath%20d='M194%20136%20h28%20M194%20146%20h18'/%3e%3c!--%20a%20squiggle%20--%3e%3cpath%20d='M14%20212%20q10%20-14%2020%200%20t20%200%20t20%200%20t20%200'/%3e%3c!--%20a%20cat%20face%20--%3e%3cpath%20d='M150%20214%20l-6%20-18%2014%209%20q6%20-2%2012%200%20l14%20-9%20-6%2018%20q2%2018%20-14%2020%20q-16%20-2%20-14%20-20%20z'/%3e%3cpath%20d='M159%20216%20v1%20M171%20216%20v1%20M162%20224%20q3%203%206%200'/%3e%3c!--%20a%20little%20dial,%20the%20other%20way%20up%20--%3e%3cpath%20d='M226%20210%20A20%2020%200%200%200%20266%20210%20Z'/%3e%3cpath%20d='M246%20210%20L258%20224'/%3e%3c!--%20a%20lightbulb,%20for%20a%20good%20clue%20--%3e%3cpath%20d='M58%20168%20a14%2014%200%201%201%2020%200%20q-4%204%20-4%2010%20h-12%20q0%20-6%20-4%20-10%20z%20M62%20184%20h12'/%3e%3c!--%20plus%20signs%20and%20dots,%20to%20fill%20the%20gaps%20--%3e%3cpath%20d='M120%2070%20v12%20M114%2076%20h12'/%3e%3cpath%20d='M262%20150%20v10%20M257%20155%20h10'/%3e%3cpath%20d='M30%20120%20v1%20M206%2070%20v1%20M120%20262%20v1%20M268%20104%20v1'/%3e%3c!--%20a%20crosshair%20--%3e%3ccircle%20cx='218'%20cy='250'%20r='9'/%3e%3cpath%20d='M218%20236%20v6%20M218%20258%20v6%20M204%20250%20h6%20M226%20250%20h6'/%3e%3c!--%20a%20tiny%20clock%20--%3e%3ccircle%20cx='86'%20cy='250'%20r='14'/%3e%3cpath%20d='M86%20242%20v8%20l6%204'/%3e%3c/g%3e%3c/svg%3e") repeat;-webkit-font-smoothing:antialiased;background-size:280px 280px;margin:0;padding:0 16px 48px;font-size:16px;line-height:1.45}[hidden]{display:none!important}h1,h2,h3{letter-spacing:-.01em;font-weight:700}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--blue);color:#fff;background-color:var(--blue);letter-spacing:.01em;border-radius:0;padding:8px 16px;font-weight:600}button:hover:not(:disabled){background-color:var(--blue-dark);border-color:var(--blue-dark)}button:disabled{cursor:default;opacity:.35}button.blue,button.green{color:#fff;background-color:var(--blue)}button.plain{color:var(--blue);background-color:var(--surface);border-color:var(--blue-mid)}button.plain:hover:not(:disabled){color:var(--blue-dark);background-color:var(--blue-pale);border-color:var(--blue)}input[type=text],input[type=password],input[type=number],select,textarea{background:var(--surface);color:var(--text);border:1px solid #a9a9a9;border-radius:0;padding:8px 10px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}input[type=checkbox],input[type=range]{accent-color:var(--blue)}.panel{background:var(--surface);padding:var(--space-4) 18px;border:none;border-radius:0;box-shadow:0 1px 2px #0a19371f,0 6px 20px #0a193729}.message{white-space:pre-line;color:var(--muted)}.big-button{width:100%;padding:12px;font-size:17px;display:block}button.danger{color:#fff;background-color:var(--red);border-color:var(--red)}button.danger:hover:not(:disabled){background-color:#8f1e18;border-color:#8f1e18}.logo{max-width:760px;margin:0 auto var(--space-5);text-align:center;color:#fff;padding:28px 0 4px}.logo h1{font-family:var(--serif);letter-spacing:-.01em;text-shadow:0 2px #0a193759;margin:0;font-size:clamp(32px,6vw,50px);font-weight:700;line-height:1.05}.logo p{color:#ffffffe0;max-width:580px;margin:10px auto 0;font-size:15px}#connection-banner{z-index:10;background-color:var(--warn);border-bottom:1px solid var(--gold);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 -16px;padding:10px 16px;font-weight:600;display:flex;position:sticky;top:0}#paused-notice{background-color:var(--warn);border-bottom:1px solid var(--line);margin:0;padding:10px 12px;font-size:14px;font-weight:600}#landing{grid-template-columns:minmax(0,1fr);gap:20px;max-width:420px;margin:0 auto;display:grid}.landing-cards{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.landing-card{align-content:start;gap:12px;display:grid}.landing-card h2,.how-to h2{font-family:var(--serif);margin:0;font-size:22px}#landing-message{color:#fff;background:var(--red);text-align:center;border-radius:0;justify-self:center;margin:0;padding:8px 14px;font-weight:600}#landing-message:empty{display:none}.how-to ol{color:#333;margin:10px 0 0;padding-left:20px}.how-to li{padding:2px 0}#room{max-width:1360px;margin:0 auto}#top-bar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:10px var(--space-4);grid-template-columns:1fr auto 1fr;display:grid}.top-left{align-items:center;gap:12px;display:flex}.timer-box{--timer-color:var(--blue);width:min(460px,100%);margin:12px auto 4px}.timer-box.low{--timer-color:var(--gold-ink)}.timer-box.urgent{--timer-color:var(--red)}.timer-track{background:var(--line);height:5px;overflow:hidden}.timer-fill{background:var(--timer-color);width:100%;height:100%;transition:width .25s linear,background-color .3s}.timer-box.low .timer-fill{background:var(--gold)}.timer-text{color:var(--muted);margin:8px 0 0;font-size:14px}.timer-text strong{font-family:var(--serif);font-variant-numeric:tabular-nums;color:var(--timer-color);font-size:26px;transition:color .3s}.timer-box.urgent .timer-text strong{animation:1s ease-in-out infinite pulse;display:inline-block}#announcer-line.perfect{color:var(--gold-ink)}#round-label{letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}#clue-banner{font-family:var(--serif);text-align:center;font-size:26px;font-weight:700;line-height:1.15}.room-layout{grid-template-columns:260px minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}#chat-panel{flex-direction:column;height:540px;padding:0;display:flex}#chat-list{overflow-wrap:anywhere;flex:1;margin:0;padding:10px 12px;font-size:14px;list-style:none;overflow-y:auto}#chat-list li{padding:3px 0;animation:.2s ease-out fade-in}#chat-list li.system{color:var(--muted);font-size:13px}#chat-list li.error{color:var(--red);font-style:italic}#chat-form{border-top:1px solid var(--line);padding:8px}#chat-input{width:100%}#players-panel{padding:0}#player-list{margin:0;padding:0;list-style:none}#player-list li{border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:76px;padding:6px 8px;display:flex}#player-list li.guessed{color:#153719;background-color:#77d765}#player-list li.guessed .rank,#player-list li.guessed .player-detail,#player-list li.guessed .player-tags{color:#224c25}#player-list li.away{color:var(--muted)}#player-list li.away .player-detail{font-style:italic}.rank{width:23px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:700}.rank:empty{display:none}.player-info{text-align:center;flex-direction:column;flex:1;min-width:0;display:flex}.player-name{overflow-wrap:anywhere;white-space:normal;font-size:14px;font-weight:600;line-height:1.25}.player-detail{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.player-tags{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:10px}#lobby h2{font-family:var(--serif);margin:0 0 6px;font-size:24px}.setting{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(112px,46%);align-items:center;gap:12px;padding:8px 0;display:grid}.setting>:last-child:not(.setting-label){width:100%;min-width:0}.setting .hint{font-size:12px;line-height:1.3}.setting select{width:100%;min-width:0;padding-top:7px;padding-bottom:7px;font-size:14px}.setting .stepper-group{justify-content:flex-end;width:100%}.setting .toggle-control{justify-content:flex-end;display:flex}.setting .custom-prompts-controls{flex-wrap:wrap;justify-content:flex-end;gap:6px 10px}.setting .custom-prompts-controls button{padding:6px 10px}.setting .checkbox{white-space:nowrap;font-size:12px}.setting-label{flex-direction:column;flex:1;gap:3px;min-width:0;font-weight:600;display:flex}.hint{color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.stepper-group{align-items:center;gap:10px;width:50%;display:flex}.stepper{width:34px;height:34px;color:var(--blue);background:var(--surface);border-color:var(--blue-mid);padding:0;font-size:18px;line-height:1}.stepper:hover:not(:disabled){color:var(--blue-dark);background:var(--blue-pale)}#rounds-value{min-width:2ch;font-family:var(--serif);text-align:center;font-size:22px;font-weight:400}#rounds-value.rounds-royale{font-size:28px;line-height:1}.custom-prompts-controls{justify-content:space-between;align-items:center;gap:12px;width:50%;display:flex}.checkbox{align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex}dialog{--dialog-pad-x:24px;width:min(480px,100vw - 32px);padding:22px var(--dialog-pad-x);border:1px solid var(--line);color:var(--text);border-radius:0;box-shadow:0 16px 48px #15294d2e}dialog::backdrop{background:#151f3059}dialog[open]{animation:.2s ease-out rise-in}dialog h2{font-family:var(--serif);margin:0 0 12px;font-size:24px}.settings-dialog{width:min(560px,100vw - 32px)}#advanced-message{min-height:1.2em;margin:8px 0 0;font-size:14px}.advanced-row{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:14px;display:flex}#prompt-list{border-top:1px solid var(--line);max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}#prompt-list:empty{border-top:none}#prompt-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 4px 6px 2px;animation:.2s ease-out fade-in;display:flex}.remove-prompt{color:var(--muted);background:0 0;border:none;padding:2px 8px;font-size:15px}.remove-prompt:hover:not(:disabled){color:var(--red);background:0 0}.prompt-add{grid-template-columns:1fr 1fr auto;gap:6px;margin-top:12px;display:grid}.prompt-add input{min-width:0}#prompts-message{min-height:1.2em;color:var(--red);margin:6px 0 0;font-size:14px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.lobby-actions{grid-template-columns:minmax(0,1fr) auto minmax(120px,.6fr);gap:8px;margin-top:14px;display:grid}.lobby-actions input{color:var(--muted);background:var(--wash);border-color:var(--line)}.lobby-actions button{padding:10px 20px;font-size:16px}#lobby-message{margin:14px 0 0;font-size:14px}.lobby-error{border:2px solid var(--red);background:var(--warn);color:var(--text);margin:14px 0 0;padding:8px 12px;font-size:14px;font-weight:600}.start-hint{color:var(--gold-ink);margin:14px 0 0;font-size:14px;font-weight:600}#now-playing{margin-bottom:10px}.now-playing-card{border:2px solid var(--ink);background:var(--blue-pale);align-items:center;gap:14px;padding:12px 14px;animation:.25s ease-out rise-in;display:flex}.now-playing-card .game-emoji{flex:none}.now-playing-card .game-name{font-size:22px}.now-playing-card p{margin:2px 0 4px;font-weight:600}#how-it-works{margin:0 0 18px;font-size:14px;line-height:1.5}#how-it-works p{margin:0}.how-rules{margin-top:6px}.how-rules summary{cursor:pointer;color:var(--blue);font-weight:600}.how-rules p{color:var(--muted);margin-top:6px!important}#coming-soon{margin:8px 0 0}#final-standings{border-bottom:1px solid var(--line-strong);margin-bottom:24px;padding-bottom:8px}#standings-list{margin:0;padding-left:24px;font-size:17px}#standings-list li{padding:3px 0}#awards-list,#sync-list{margin:0;padding-left:20px}#awards-list li,#sync-list li{padding:2px 0}#final-standings h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 4px;font-size:12px}#board{text-align:center}#role-label{color:var(--muted);margin-top:0;font-size:15px}#waiting-message{font-family:var(--serif);color:var(--muted);margin:72px 0;font-size:24px}#spectrum{justify-content:center;align-items:flex-end;gap:14px;display:flex}.spectrum-end{font-family:var(--serif);flex:0 0 110px;padding-bottom:8px;font-size:21px;font-weight:700;line-height:1.15}#left-label{text-align:right}#right-label{text-align:left}#dial-input{flex:1;max-width:500px}#dial{touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;width:100%;display:block}#dial.locked{cursor:default}#dial:focus{outline:none}#dial:focus-visible .needle-body,#dial:focus-visible .dial-hub-cap{fill:var(--blue)}.dial-bezel{fill:var(--ink)}.dial-bezel-band{fill:#3a3d4c}.dial-light{fill:#ffd84a;animation:1.6s step-end infinite marquee}.dial-light.alt{animation-delay:-.8s}@keyframes marquee{0%{fill:#ffd84a}50%{fill:#8a6d1f}}@media (prefers-reduced-motion:reduce){.dial-light{animation:none}}.dial-face{fill:#fbf4e4;stroke:var(--ink);stroke-width:2.5px}.dial-ring{fill:none;stroke:#e8dcc2;stroke-width:2px;stroke-dasharray:4 4}.dial-base{fill:var(--ink)}.dial-base-shine{fill:#4a4e60}.dial-tick{stroke:var(--ink);stroke-width:3.5px;stroke-linecap:butt}.dial-tick.minor{stroke:#b7ab92;stroke-width:3px}.needle-body{fill:var(--needle-color,var(--ink));stroke:var(--ink);stroke-width:2px;stroke-linejoin:miter;transition:fill .2s}.needle-shine{fill:#fff;opacity:.35}.needle-shadow{fill:var(--ink);opacity:.22}.guess-needle{stroke-width:3px;stroke-linecap:round;opacity:.85;animation:.3s ease-out both fade-in}.dial-hub{fill:var(--ink)}.dial-hub-cap{fill:var(--needle-color,#e94f4f);transition:fill .2s}.dial-hub-shine{fill:#fff;opacity:.7}.band-2-bg{fill:var(--blue-light)}.band-3-bg{fill:var(--blue-mid)}.hatch-line{stroke:var(--blue);stroke-width:1.2px;opacity:.35}.dial-zone.zone-2{fill:url(#band-2)}.dial-zone.zone-3{fill:url(#band-3)}.dial-zone.zone-4{fill:var(--blue)}.zone-label-4{fill:#fff}.zone-label{font-family:var(--serif);fill:var(--text);font-size:15px;font-weight:700}.dial-zone,.zone-label,.dial-target-line{opacity:0;transition:opacity .35s ease-out}.dial-zone.lit,.zone-label.lit,.dial-target-line.lit{opacity:1}.dial-target-line{stroke:#fff;stroke-width:1.5px;stroke-dasharray:4 4}.tick-label{font-family:var(--serif);fill:#8a7f68;font-size:13px;font-weight:600}#dial.has-bands .tick-label{display:none}.dial-ghost>line{stroke:var(--ghost-color,#8c8c8c);stroke-width:2px;opacity:.6}.dial-ghost>text{font-family:var(--sans);fill:#5c5c5c;font-size:12px;font-weight:700}.dial-ghost.team-needle>line{stroke:var(--blue);stroke-width:2.5px;stroke-dasharray:6 4;opacity:1}.dial-ghost.team-needle>text{fill:var(--blue)}.dial-shutter{fill:var(--blue-dark);stroke:var(--ink);stroke-width:3px;transform-box:view-box;transform-origin:200px 200px;transition:transform .9s cubic-bezier(.6,0,.3,1);display:none}.dial-shutter.closed{display:block}.dial-shutter.opening{transform:rotate(180deg)}@keyframes lock-pulse{40%{transform:scale(.985)}}#dial.locked-in{animation:.3s ease-out lock-pulse}#dial.locked-in .dial-hub-cap,#dial.locked-in:not([style*=--needle-color]) .needle-body{fill:var(--green)}.dial-marker>rect{fill:#fff;stroke:var(--ink);stroke-width:2px}.dial-marker>text{font-family:var(--serif);fill:var(--text);font-size:13px;font-weight:700}#dial .dial-name{font-family:var(--sans);fill:var(--text);stroke:#ffffffeb;stroke-width:3px;stroke-linejoin:round;paint-order:stroke;pointer-events:none;font-weight:700}#dial .marker-name{font-size:11px}#dial .ghost-name{fill:#5c5c5c;font-size:9px}#numbers-input{flex:1;align-items:center;gap:12px;max-width:500px;padding-bottom:8px;display:flex}#number-slider{flex:1}#number-box{width:72px;font-family:var(--serif);text-align:center;font-size:20px;font-weight:700}#value-label{font-family:var(--serif);margin:8px 0;font-size:24px;font-weight:700}#dial-mover{min-height:1.3em;color:var(--muted);margin:0;font-size:13px}#card-choice p{color:var(--muted);margin-bottom:10px}.card-options{grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:0 auto 12px;display:grid}.card-option{min-height:72px;font-family:var(--serif);color:var(--text);background:var(--surface);border:1px solid var(--blue-mid);padding:14px;font-size:20px;font-weight:700}.card-option:hover:not(:disabled){color:var(--blue-dark);background:var(--blue-pale);border-color:var(--blue)}#psychic-view{justify-content:center;gap:8px;margin:14px 0;display:flex}#clue-input{width:min(320px,100%)}#guesser-view{max-width:300px;margin:14px auto}#result{color:var(--text);font-size:17px;font-weight:600}#results-list{text-align:left;border-top:2px solid var(--blue);max-width:420px;margin:0 auto 16px;padding:0;list-style:none}#results-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:8px 2px;display:flex}#results-list strong{font-variant-numeric:tabular-nums;flex-shrink:0}.points-gained{color:var(--green)}.points-none{color:var(--muted)}#results-list li.team-totals{justify-content:center;font-weight:700}#ghost-list,#ghost-note{color:var(--muted);margin:4px 0;font-size:14px}#result:empty,#ghost-note:empty{display:none}#announcer-line{font-family:var(--serif);margin:8px 0 4px;font-size:38px;font-weight:700;line-height:1.1}#taunt-toast{color:#fff;background:var(--blue-dark);border-radius:0;margin:8px auto;padding:8px 14px;font-size:14px;font-weight:600}#taunt-button,#share-round{margin:6px auto}.reaction-bar{gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-3);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.reaction-bar .reaction{background:var(--surface);border-color:var(--line);flex:1 0 36px;padding:4px;font-size:19px}.reaction-bar .reaction:hover:not(:disabled){background:var(--wash);border-color:var(--line)}#player-list li,#spectator-list li{position:relative}.reaction-bubble{pointer-events:none;font-size:22px;animation:2.5s ease-out forwards reaction-float;position:absolute;top:50%;right:6px}@keyframes reaction-float{0%{opacity:0;transform:translateY(-50%)scale(.6)}10%{opacity:1;transform:translateY(-60%)scale(1.15)}20%{transform:translate(calc(var(--drift,0px) * .3), -80%) scale(1) rotate(calc(var(--tilt,0deg) * .3))}80%{opacity:1}to{opacity:0;transform:translate(var(--drift,0px), -230%) rotate(var(--tilt,0deg))}}.volume-control{position:relative}#top-bar{z-index:10;position:relative}.icon-button{justify-content:center;align-items:center;padding:0 8px;font-size:17px;line-height:1;display:flex}:where(button.small){min-height:34px}:where(.icon-button){min-width:42px}#volume-button .mute-x,#volume-button[data-level="0"] .wave,#volume-button[data-level="1"] .wave-2{display:none}#volume-button[data-level="0"] .mute-x{display:inline}.volume-popover{z-index:20;border:1px solid var(--line);background:var(--surface);width:230px;color:var(--text);text-align:left;border-radius:0;padding:14px 16px;animation:.15s ease-out rise-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 28px #0000001a}.volume-popover label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.volume-row{align-items:center;gap:10px;display:flex}#volume-slider{flex:1;min-width:0}#volume-value{width:38px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.setting-button{width:50%}.packs-dialog{width:min(560px,100vw - 32px)}.packs-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.packs-head h2{margin:0}.packs-count{color:var(--muted);margin:0;font-size:14px}.pack-list{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#bdbdbd transparent;scroll-snap-type:y proximity;max-height:min(52vh,430px);margin:12px 0 0;padding:4px 4px 4px 0;list-style:none;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(#0000,#000 14px calc(100% - 14px),#0000)}.pack-list li{scroll-snap-align:start;animation:.25s ease-out both rise-in;animation-delay:calc(var(--i,0) * 30ms)}.pack-row{border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:12px 10px 12px 12px;transition:background-color .15s,border-color .15s;display:grid}.pack-row:hover{background:var(--wash)}.pack-row:has(input:checked){background:var(--blue-pale);border-left-color:var(--blue)}.pack-row:has(input:disabled){cursor:default}.pack-row input{width:18px;height:18px;margin:0}.pack-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pack-text strong{font-weight:600}.pack-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pack-count{color:var(--muted);white-space:nowrap;font-size:13px}.dialog-actions .spacer{flex:1}dialog.closing{animation:.16s ease-in forwards sink-out}dialog.closing::backdrop{animation:.16s ease-in forwards fade-out}dialog[open]::backdrop{animation:.2s ease-out fade-in}@keyframes sink-out{to{opacity:0;transform:translateY(6px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.settings-grid{grid-template-columns:minmax(0,1fr);display:grid}#range-setting{grid-column:1}#board:has(#results-list:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:32px;display:grid}#board:has(#results-list:not([hidden])) #spectrum{flex-wrap:wrap;justify-content:space-between}:is(#board:has(#results-list:not([hidden])) #dial-input,#board:has(#results-list:not([hidden])) #numbers-input){flex-basis:100%;order:-1;max-width:none}#board:has(#results-list:not([hidden])) .spectrum-end{flex:1;padding-bottom:0}#board:has(#results-list:not([hidden])) #left-label{text-align:left}#board:has(#results-list:not([hidden])) #right-label{text-align:right}#round-summary #results-list{max-width:none}#round-summary #next-round{width:100%;max-width:none}.panel-buttons:not(:has(button:not([hidden]))){display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top-right{justify-self:end;align-items:center;gap:10px;display:flex}button.small{padding:4px 10px;font-size:13px}#player-list li.team-header{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--wash);padding:8px 12px 6px;font-size:11px;font-weight:700}#player-list li.team-header.active{color:#fff;background:var(--blue)}#player-list li.team-header .color-dot{box-shadow:0 0 0 1px var(--ink)}#spectator-section{padding:var(--space-3) var(--space-3) 0}#spectator-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:11px}#spectator-list{margin:0;padding:0;font-size:14px;list-style:none}.panel-buttons{gap:var(--space-2);padding:var(--space-3) var(--space-3) 0;flex-wrap:wrap;display:flex}.panel-buttons+.panel-buttons{padding-top:var(--space-2)}.panel-buttons button{flex:1;padding:7px 8px;font-size:13px}#players-message{margin:var(--space-2) var(--space-3) 0;font-size:13px}#players-message:empty{display:none}.toggle-control{width:50%}.toggle-control input{width:22px;height:22px}#chaos-setting{position:relative}#chaos-setting label:after{content:"";cursor:pointer;position:absolute;inset:0}.paste-prompts{margin-top:12px;font-size:14px}.paste-prompts summary{cursor:pointer;color:var(--blue);text-underline-offset:2px;font-weight:600;text-decoration:underline}.paste-prompts textarea{width:100%;margin:6px 0;display:block}#next-round{max-width:300px;margin:0 auto}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes flash-done{0%{background-color:#a9ef95}to{background-color:#77d765}}@keyframes pulse{50%{opacity:.55}}@keyframes breathe{50%{opacity:.5}}.landing-card,.how-to,#top-bar,#players-panel,#chat-panel,#lobby,#board,#final-standings,#connection-banner{animation:.3s ease-out both rise-in}#players-panel{animation-delay:40ms}#main-panel>*{animation-delay:80ms}#chat-panel{animation-delay:.12s}button{transition:background-color .15s,border-color .15s,color .15s}input,select,textarea{transition:border-color .15s}#player-list li{transition:background-color .3s}#player-list li.is-new{animation:.25s ease-out slide-in}#player-list li.just-done{animation:.6s ease-out flash-done}.pop{animation:.3s ease-out pop;display:inline-block}#results-list li{animation:.3s ease-out both rise-in;animation-delay:calc(var(--i,0) * .1s)}#waiting-message{animation:2.2s ease-in-out infinite breathe}.dial-marker{animation:.3s ease-out both fade-in}.avatar{flex-shrink:0;display:block}.avatar-picker{padding:48px var(--space-3) var(--space-4);border:1px solid var(--line);background:0 0;border-radius:0;position:relative}.avatar-carousel{gap:var(--space-1) var(--space-2);grid-template-rows:repeat(2,64px);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;width:100%;display:grid}.avatar-control-row{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.avatar-control-row .avatar-arrow:last-child{grid-column:3}.avatar-picker .avatar-arrow{width:44px;height:44px;box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:color .15s;display:grid}.avatar-picker .avatar-arrow:hover:not(:disabled),.avatar-picker .avatar-surprise:hover:not(:disabled){color:var(--blue);box-shadow:none;background:0 0;border-color:#0000;transform:none}.avatar-picker .avatar-arrow:focus-visible,.avatar-picker .avatar-surprise:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.avatar-feature{pointer-events:none;grid-area:1/2/3;place-items:center;min-width:0;display:grid}.avatar-portrait{aspect-ratio:1;background:0 0;place-items:center;width:min(128px,100%);display:grid}.avatar-portrait .avatar{width:100%;height:auto}.avatar-picker .avatar-surprise{top:4px;right:var(--space-2);width:44px;height:44px;box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute}#avatar-dialog .avatar-picker{margin-bottom:12px}.kick-button{width:28px;height:28px;color:var(--muted);background:var(--surface);border:1px solid var(--line);opacity:0;border-radius:50%;padding:0;font-size:13px;line-height:1;transition:opacity .15s,color .15s,border-color .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}li:hover>.kick-button,.kick-button:focus-visible{opacity:1}.kick-button:hover:not(:disabled){color:var(--red);background:var(--surface);border-color:var(--red)}#spectator-list .kick-button{width:24px;height:24px;right:0}.kick-button.host-button{font-size:12px;right:42px}#spectator-list .kick-button.host-button{right:28px}.kick-button.host-button:hover:not(:disabled){border-color:var(--gold)}#player-list li.away>.kick-button.host-button{opacity:0}#player-list li.away:hover>.kick-button.host-button{opacity:1}@media (hover:none){.kick-button.host-button,#spectator-list .kick-button.host-button{font-size:10px;right:30px}}#host-dialog .message{margin:0}@media (hover:none){.kick-button{opacity:1;width:22px;height:22px;font-size:11px;top:4px;right:4px;transform:none}}#kick-dialog .message{margin:0}#player-list li .reaction-bubble{right:72px}#player-list li.away .player-avatar{filter:grayscale();opacity:.6}.with-avatar{align-items:center;gap:8px;display:flex}#spectator-list li.with-avatar{padding:3px 0}.needle-rider,.dial-ghost .avatar,.dial-marker .avatar{pointer-events:none}.dial-ghost .avatar{opacity:.85}.avatar .pupils{animation:9s step-end infinite avatar-look;animation-delay:var(--avatar-delay,0s)}.avatar .eyes{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite avatar-blink;animation-delay:var(--avatar-delay,0s)}#landing .avatar .eyes,#landing .avatar .pupils{animation:none}@keyframes avatar-look{0%{transform:translate(0)}22%{transform:translate(-1px)}38%{transform:translate(0)}50%{transform:translate(1px)}64%{transform:translate(0)}76%{transform:translateY(1px)}86%{transform:translate(0)}}@keyframes avatar-blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1200px){.room-layout{gap:var(--space-4);grid-template-columns:240px minmax(0,1fr) 220px}}@media (width<=1100px){.settings-grid{grid-template-columns:minmax(0,1fr)}#board:has(#results-list:not([hidden])){grid-template-columns:minmax(0,1fr)}#range-setting{grid-column:auto}}@media (width<=1000px){.room-layout{grid-template-columns:240px minmax(0,1fr)}#chat-panel{grid-column:1/-1;height:260px}}@media (width<=760px){.room-layout,.landing-cards{grid-template-columns:minmax(0,1fr)}#room{gap:var(--space-3);flex-direction:column;display:flex}.room-layout{display:contents}#players-panel{order:-1}#top-bar{gap:var(--space-2) var(--space-3);grid-template-columns:1fr auto;margin-bottom:0}#clue-banner{grid-area:2/1/auto/-1;font-size:23px}#player-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}#player-list li.team-header{grid-column:1/-1}.reaction-bar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.reaction-bar .reaction{flex:0 0 44px}.reaction-bar{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.stepper{width:44px}#color-setting .color-swatches{grid-template-columns:repeat(6,40px)}.color-swatch{width:40px;height:40px;min-height:0}.setting{gap:10px}.setting-label{font-size:13px}.prompt-add{grid-template-columns:1fr 1fr}#add-prompt{grid-column:1/-1}.lobby-actions{grid-template-columns:minmax(0,1fr) auto}.lobby-actions #start-game{grid-column:1/-1}#spectrum{flex-wrap:wrap}#dial-input,#numbers-input{flex-basis:100%;order:-1;max-width:none}.spectrum-end{flex:1;padding-bottom:0;font-size:18px}#left-label{text-align:left}#right-label{text-align:right}#waiting-message{margin:var(--space-6) 0}#play-area{flex-direction:column;display:flex}#role-label{order:-2}.timer-box{margin:0 auto var(--space-3);order:-1}button,select,input[type=text],input[type=password],input[type=number]{min-height:44px}#guesser-view{bottom:var(--space-2);z-index:5;width:100%;max-width:none;margin:var(--space-3) 0;position:sticky}#dial-mover:empty{display:none}#submit-guess{min-height:56px;box-shadow:0 3px 0 var(--ink), 4px 7px 0 #10121c4d}#psychic-view{flex-wrap:wrap}#clue-input{flex:200px}.card-options{grid-template-columns:minmax(0,1fr)}#announcer-line{font-size:32px}#chat-panel{height:240px}dialog{--dialog-pad-x:var(--space-4);width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:var(--space-4)}}@media (width<=420px){body{padding:0 var(--space-3) var(--space-6)}.logo{margin-bottom:var(--space-4);padding-top:var(--space-5)}.logo h1{font-size:28px}.logo p{font-size:14px}.panel{padding:var(--space-3)}#player-list,.lobby-actions{grid-template-columns:minmax(0,1fr)}#clue-banner{font-size:21px}#announcer-line{font-size:28px}}.username-help{color:var(--muted);margin:-4px 0 0;font-size:12px}.username-help.error{color:var(--red)}.profile-head .settings-button{align-self:flex-start;margin-left:auto}.account-settings section{border-top:1px solid var(--line);padding:12px 0}.account-settings section:first-of-type{border-top:none;padding-top:0}.account-settings h3{font-family:var(--serif);margin:0 0 6px;font-size:18px}.settings-current{overflow-wrap:anywhere;margin:0 0 6px}.settings-links{flex-wrap:wrap;gap:6px 16px;display:flex}.settings-links .link-button,#change-username{font-size:14px}.email-status{font-family:var(--pixel);letter-spacing:.03em;text-transform:uppercase;color:var(--gold-ink);font-size:10px}.email-status.verified{color:var(--green)}.forgot-link{justify-self:start;font-size:13px}.captcha{min-height:65px}.username-form{gap:6px;margin:6px 0 0;display:grid}.username-form label{font-size:14px;font-weight:600}.username-row{flex-wrap:wrap;gap:8px;display:flex}.username-row input{flex:160px;min-width:0}.username-form .username-help,.username-form .hint{margin:0}.with-avatar,.with-avatar>span{overflow-wrap:anywhere;min-width:0}#results-list .with-avatar{flex:1}#final-standings,#round-summary{overflow-wrap:anywhere}.avatar{image-rendering:pixelated;shape-rendering:crispedges}.avatar-picker .avatar .eyes,.avatar-picker .avatar .pupils{animation:none}#royale-rules{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding:8px 0;font-size:12px;line-height:1.45}.rounds-royale{font-size:26px;line-height:1}.hp-bar{background:var(--wash-strong);border-radius:0;width:100%;max-width:120px;height:6px;margin:3px auto 1px;display:block;overflow:hidden}.hp-fill{border-radius:inherit;background:var(--green);height:100%;transition:width .6s ease-out,background-color .3s;display:block}.hp-bar.low .hp-fill{background:var(--red)}#player-list li.guessed .hp-bar{background:#a9e09c}#player-list li.out{color:var(--faint);background:var(--wash)}#player-list li.out .player-name{text-decoration:line-through}#player-list li.out .player-avatar{filter:grayscale()opacity(.55);transform:rotate(90deg)}#player-list li.just-out{animation:.5s ease-out knockout-shake}#player-list li.just-out .player-avatar{animation:.6s ease-in both knockout-fall}@keyframes knockout-shake{0%,to{background-color:var(--wash);transform:none}15%{background-color:#f6d4d1;transform:translate(-5px)}35%{transform:translate(5px)}55%{transform:translate(-3px)}75%{transform:translate(2px)}}@keyframes knockout-fall{0%{filter:none;transform:none}to{filter:grayscale()opacity(.55);transform:rotate(90deg)}}#damage-banner{background:var(--warn);width:fit-content;max-width:100%;color:var(--gold-ink);border-radius:999px;margin:0 auto 8px;padding:4px 12px;font-size:13px;font-weight:600}#damage-banner.sudden-death{color:var(--red);background:#f6d4d1;animation:1.6s ease-in-out infinite pulse}.hp-lost{color:var(--red)}#results-list li.knocked-out{color:var(--muted)}.ko-tag{background:var(--red);color:#fff;letter-spacing:.06em;vertical-align:1px;border-radius:0;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;display:inline-block}#winner-line,#royale-winner{font-family:var(--serif);color:var(--gold-ink);font-size:24px;font-weight:700}#winner-line{margin:4px 0 8px}#account-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:10px 12px;font-size:13px;display:flex}#account-bar .account-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#account-bar .account-actions button{white-space:nowrap}.account-message{flex-basis:100%;margin:0;font-size:13px}button.link-button{color:var(--blue);text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}button.link-button:hover:not(:disabled){color:var(--blue-dark);background:0 0;border-color:#0000}.account-intro{margin:0 0 12px}.account-form{gap:6px;display:grid}.account-form label{margin-top:6px;font-size:13px;font-weight:600}.account-form .dialog-actions{flex-wrap:wrap;align-items:center}.account-form .switch-mode{font-size:13px}.profile-dialog{width:min(560px,100vw - 32px)}.profile-dialog>.message{margin:-6px 0 14px}.profile-dialog h3{font-family:var(--serif);margin:18px 0 8px;font-size:18px}.stat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat-tile{background:var(--blue-pale);border-radius:0;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.stat-tile strong{font-family:var(--serif);font-variant-numeric:tabular-nums;color:var(--blue-dark);font-size:24px}.stat-tile span{color:var(--muted);font-size:12px}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.badge-grid li{border:1px solid var(--line);border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;padding:8px;display:grid}.badge-grid li.earned{border-color:var(--gold);background:var(--warn)}.badge-grid li.locked{color:var(--faint)}.badge-grid li.locked .badge-emoji{filter:grayscale();opacity:.4}.badge-grid .badge-emoji{grid-row:span 2;font-size:26px}.badge-grid .badge-name{font-size:13px;font-weight:700}.badge-grid .badge-description{font-size:11px;line-height:1.3}#badge-toast{z-index:50;border:2px solid var(--gold);background:var(--surface);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;animation:.35s ease-out badge-pop;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0a19374d}#badge-toast .badge-emoji{font-size:28px}#badge-toast small{letter-spacing:.05em;text-transform:uppercase;color:var(--gold-ink);font-size:11px;display:block}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=420px){.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.color-dot{vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block;box-shadow:0 0 0 1px #00000026}#color-setting .color-swatches{grid-template-columns:repeat(6,30px);justify-content:end;gap:6px;display:grid}.color-swatch{background:var(--swatch);width:30px;height:30px;box-shadow:0 0 0 1px var(--line-strong);border:2px solid #fff;border-radius:50%;padding:0;position:relative}.color-swatch:hover:not(:disabled){background:var(--swatch);border-color:#fff;transform:scale(1.12)}.color-swatch.mine{box-shadow:0 0 0 2px var(--text)}.color-swatch:disabled{cursor:not-allowed;opacity:.6}.color-swatch.taken{opacity:1}.color-swatch.taken:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 2px), var(--surface) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px));position:absolute;inset:0}#player-list li.looks-up .avatar .pupils{animation-name:avatar-look-up}@keyframes avatar-look-up{0%{transform:translate(0)}14%{transform:translateY(-1px)}36%{transform:translate(0)}48%{transform:translate(-1px)}58%{transform:translateY(-1px)}74%{transform:translate(1px)}84%{transform:translate(0)}}#room{margin-top:16px}.logo+#room{margin-top:0}.guest-tag{border:1px solid var(--line-strong);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:0;padding:0 5px;font-size:10px;font-weight:600;display:inline-block}.lobby-wins{background:var(--warn);color:var(--gold-ink);white-space:nowrap;border-radius:999px;padding:0 6px;font-size:11px;font-weight:700;display:inline-block}.lobby-wins.none{background:var(--wash);color:var(--faint);font-weight:600}#player-list .lobby-wins{align-self:center;margin-top:2px}#standings-summary{font-family:var(--serif);text-align:center;margin:0 0 12px;font-size:20px;font-weight:700}#podium{justify-content:center;align-items:flex-end;gap:10px;max-width:480px;margin:0 auto 16px;display:flex}.podium-spot{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;min-width:0;max-width:150px;animation:.4s ease-out both rise-in;display:flex}.podium-name{overflow-wrap:anywhere;max-width:100%;font-weight:700}.podium-detail{color:var(--muted);font-size:13px}.podium-step{color:#fff;border-radius:0;justify-content:center;align-items:flex-start;width:100%;margin-top:4px;padding-top:8px;display:flex}.podium-place{font-family:var(--serif);font-size:22px;font-weight:700}#standings-list{max-width:480px;margin:0 auto 12px;padding:0;list-style:none}#standings-list li{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 4px;display:flex}.standings-place{min-width:34px;color:var(--muted);font-weight:700}.standings-name{overflow-wrap:anywhere;font-weight:600}.standings-detail{color:var(--muted);margin-left:auto;font-size:13px}#my-rewards{background:var(--blue-pale);max-width:480px;color:var(--blue-dark);text-align:center;border-radius:0;margin:0 auto 12px;padding:8px 12px}.xp-bar{background:var(--wash-strong);border-radius:0;height:10px;display:block;overflow:hidden}.xp-fill{border-radius:inherit;background:var(--blue);height:100%;transition:width .6s ease-out;display:block}.profile-dialog>.message.xp-text{margin:6px 0 0}.spin-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.spin-odds{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 12px;margin:10px 0 6px;padding:0;font-size:12px;list-style:none;display:grid}.spin-odds li{align-items:center;gap:6px;display:flex}.spin-chance{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.spin-odds .rarity-uncommon{color:#2f8a45}.spin-odds .rarity-rare{color:var(--blue)}.spin-odds .rarity-epic{color:#8048d8}.spin-odds .rarity-legendary{color:var(--gold-ink);font-weight:700}.spin-odds .rarity-mythic{color:#c42a96;font-weight:700}.volume-row+label{margin-top:12px}.volume-popover input[type=range]:focus,.volume-popover input[type=range]:focus-visible{outline:none}#badge-toast{border-width:3px;gap:14px;padding:14px 26px 14px 18px;animation:.55s cubic-bezier(.2,1.4,.4,1) both badge-pop-big;bottom:32px;box-shadow:0 0 0 6px #d9a52040,0 14px 40px #0a193759}#badge-toast .badge-emoji{font-size:40px;animation:.9s ease-in-out .3s 2 badge-wobble}#badge-toast .badge-text{flex-direction:column;display:flex}#badge-toast strong{font-family:var(--serif);font-size:22px}#badge-toast em{color:var(--muted);font-size:12px;font-style:normal}@keyframes badge-pop-big{0%{opacity:0;transform:translate(-50%,30px)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes badge-wobble{25%{transform:rotate(-14deg)scale(1.15)}75%{transform:rotate(14deg)scale(1.15)}}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{background:hsl(calc(var(--i) * 47), 85%, 58%);--angle:calc(var(--i) * 25.7deg);border-radius:0;width:8px;height:12px;animation:1.1s ease-out .15s both confetti-burst;position:absolute;top:50%;left:50%}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) rotate(0)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-110px) rotate(540deg)}}.profile-head{align-items:center;gap:12px;display:flex}.profile-head h2{margin-bottom:0}.level-title{color:var(--gold-ink);font-size:13px;font-weight:700}.profile-dialog h4{color:var(--muted);margin:10px 0 4px;font-size:13px}.collection-grid{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.collection-grid li{border:1px solid var(--line);background:var(--surface);border-radius:0;place-items:center;width:48px;height:48px;display:grid;position:relative}.collection-grid li.locked>:first-child{filter:grayscale()opacity(.35)}.collection-grid li .lock{font-size:12px;position:absolute;bottom:0;right:2px}.cosmetic-emoji{line-height:1}.rarity-common{--rarity:#8c96a6}.rarity-uncommon{--rarity:#3fae5a}.rarity-rare{--rarity:#2f6fe0}.rarity-epic{--rarity:#8048d8}.rarity-legendary{--rarity:#e2a400}.rarity-mythic{--rarity:#ff4fc8}.collection-grid li.unlocked[class*=rarity-]{border-color:var(--rarity)}.case-box{border:1px solid var(--line);background:linear-gradient(#f7f9fd,#eef2f8);border-radius:0;margin-top:14px;padding:12px}.spin-odds-details summary{cursor:pointer;color:var(--blue);font-size:13px}.avatar-feature.locked .avatar-portrait{filter:grayscale(.8)opacity(.55)}#chaos-banner{color:#3b2a6b;text-align:center;background:linear-gradient(90deg,#ffe3f1,#e6e0ff,#dff3ff);border-radius:0;max-width:520px;margin:0 auto 8px;padding:6px 14px;font-size:13px}#spectrum.quake #dial{animation:.32s steps(2,end) infinite quake}@keyframes quake{0%{transform:translate(0)rotate(0)}25%{transform:translate(-4px,2px)rotate(-1.2deg)}50%{transform:translate(3px,-2px)rotate(.8deg)}75%{transform:translate(-2px,-3px)rotate(1.4deg)}to{transform:translate(4px,1px)rotate(-.6deg)}}@media (prefers-reduced-motion:reduce){#spectrum.quake #dial{animation-duration:1.6s}}#spectrum.mirror .dial-bezel{fill:#4b3a7a}#clue-banner.whisper{animation:.8s ease-in 5s forwards whisper-out}@keyframes whisper-out{to{opacity:0;filter:blur(6px)}}#quiz-prompt{max-width:560px;font-family:var(--serif);text-align:center;margin:12px auto 16px;font-size:30px;font-weight:700;line-height:1.2;display:block}.quiz-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px;margin:0 auto 12px;display:grid}.quiz-choice{padding:14px 10px;font-size:17px}.quiz-own{gap:8px;max-width:520px;margin:0 auto;display:flex}.quiz-own input{flex:1;min-width:0}#quiz-locked,#quiz-progress{text-align:center}.quiz-results li.matched{background:var(--done)}.room-exit{margin-top:4px}button.danger-outline{color:var(--red);border-color:#e8b4b0}button.danger-outline:hover:not(:disabled){color:#fff;background:var(--red);border-color:var(--red)}#player-list li.away>.kick-button{opacity:1}#paused-notice{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#paused-notice p{flex-basis:100%;margin:0}@media (width<=520px){.quiz-choices{grid-template-columns:minmax(0,1fr)}#quiz-prompt{font-size:24px}}.profile-dialog>.profile-head+.message{margin:4px 0 14px}#collection-dialog .collection-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));display:grid}#collection-dialog .collection-grid li{flex-direction:column;align-items:center;gap:2px;width:auto;min-width:0;height:auto;padding:6px 2px 4px;display:flex}#collection-dialog .collection-grid li .lock{top:3px;bottom:auto;right:5px}.collection-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.collection-grid li.locked .collection-name{color:var(--faint)}.collection-grid li.secret>:first-child{filter:brightness(0)!important}.collection-grid li.secret{background:repeating-linear-gradient(45deg,#f3f0fb,#f3f0fb 6px,#ebe6f7 6px 12px);border-style:dashed}.secret-mark{font-family:var(--serif);color:#6b4fbf;font-size:14px;font-weight:700;position:absolute;top:2px;right:6px}#podium{min-height:270px;position:relative}.podium-spot{animation:none}.podium-spot[data-stage=hidden]{visibility:hidden}.podium-spot[data-stage=entering]{animation:podium-pop var(--entrance,.35s) cubic-bezier(.2, 1.4, .45, 1) both}.podium-spot.pos-1[data-stage=entering]{animation:podium-pop-big var(--first-entrance,.5s) cubic-bezier(.2, 1.5, .45, 1) both}@keyframes podium-pop{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}@keyframes podium-pop-big{0%{opacity:0;transform:translateY(110%)scale(.85)}70%{opacity:1;transform:translateY(-4%)scale(1.08)}to{opacity:1;transform:none}}.podium-spot[data-stage=bouncing] .podium-avatar{animation:podium-cat-bounce var(--bounce,.5s) ease-out both}@keyframes podium-cat-bounce{0%{transform:translateY(0)scale(1)}25%{transform:translateY(-22px)scale(.95,1.06)}50%{transform:translateY(0)scale(1.08,.92)}72%{transform:translateY(-7px)scale(1)}to{transform:translateY(0)}}.podium-spot.pos-1 .podium-step{background:var(--gold);height:110px}.podium-spot.pos-2 .podium-step{background:#9aa6b8;height:76px}.podium-spot.pos-3 .podium-step{background:#c08457;height:54px}.podium-spot.pos-1 .podium-place{font-size:28px}.podium-spot.pos-1[data-stage=settled] .podium-step{transition:box-shadow .4s ease-out;box-shadow:0 0 0 3px #fff9,0 0 26px #d9a520cc}.podium-confetti{z-index:2;pointer-events:none;position:absolute;top:35%;left:50%}.podium-confetti span{background:hsl(calc(var(--i) * 37), 85%, 58%);--angle:calc(var(--i) * 12.86deg);border-radius:0;width:9px;height:13px;animation:1.7s cubic-bezier(.1,.7,.3,1) both podium-confetti;position:absolute}@keyframes podium-confetti{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) rotate(0)}80%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-190px) rotate(720deg)}}.reveal-later{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(8px)}.reveal-later.in{opacity:1;transform:none}#final-standings.revealing #awards-title,#final-standings.revealing #awards-list,#final-standings.revealing #sync-title,#final-standings.revealing #sync-list{opacity:0}#awards-title,#awards-list,#sync-title,#sync-list{transition:opacity .5s ease-out}.banner-clue{margin:0 10px}.banner-clue-name{font-weight:800}.banner-waiting{color:var(--muted);margin-left:8px;font-size:14px}.theme-picker{position:relative}.theme-popover{z-index:30;border:1px solid var(--line);background:var(--surface);width:250px;color:var(--text);text-align:left;border-radius:0;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0a193733}.theme-swatches{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}button.theme-swatch{border:2px solid var(--line);background:var(--surface);color:var(--text);border-radius:0;grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid;overflow:hidden}button.theme-swatch:hover:not(:disabled){background:var(--surface);border-color:var(--line-strong)}.theme-swatch.mine{border-color:var(--text)!important}.theme-swatch>span{height:22px}.theme-swatch small{grid-column:1/-1;padding:2px 0;font-size:9px;font-weight:600}#announcements{gap:6px;max-width:900px;margin:0 auto 12px;display:grid}.announcement{background:var(--surface);border-radius:0;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:flex;box-shadow:0 2px 10px #0a193733}.announcement.tone-warning{color:#6b4b00;background:#fff4d6}.announcement.tone-celebrate{background:linear-gradient(90deg,#ffe3f1,#e6e0ff,#dff3ff)}.announcement-text{flex:1}button.announcement-close{color:var(--muted);background:0 0;border:none;padding:2px 8px}button.announcement-close:hover:not(:disabled){background:var(--wash);color:var(--text)}.case-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}button.case-tab{border:2px solid var(--line);background:var(--surface);color:var(--text);flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}button.case-tab:hover:not(:disabled){background:var(--blue-pale);border-color:var(--blue-mid)}button.case-tab.selected{border-color:var(--blue);background:var(--blue-pale)}.case-emoji{font-size:24px}.case-name{font-size:12px}.case-price{color:var(--muted);font-size:11px}.case-price s{color:var(--faint);margin-right:4px}.sale-tag{color:var(--red)}.admin-dialog{width:min(720px,100vw - 32px)}.admin-tabs{flex-wrap:wrap;gap:6px;display:flex}button.admin-tab{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:6px 12px}button.admin-tab.selected{border-color:var(--blue);background:var(--blue-pale);color:var(--blue-dark)}button.admin-tab:hover:not(:disabled){background:var(--blue-pale)}.admin-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.admin-row input,.admin-row select{flex:140px;min-width:0}.admin-results{flex-wrap:wrap;gap:6px;display:flex}.admin-user{border:1px solid var(--line);border-radius:0;margin-top:10px;padding:12px}.admin-user h3{margin:0}.admin-flag{background:var(--blue-pale);color:var(--blue-dark);font-family:var(--sans);vertical-align:3px;border-radius:0;margin-left:8px;padding:1px 6px;font-size:11px}.admin-flag.banned{color:var(--red);background:#f6d4d1}.admin-inventory{flex-wrap:wrap;gap:6px;display:flex}.admin-chip{background:var(--wash);border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 8px;font-size:12px;display:inline-flex}.admin-chip button{color:var(--muted);background:0 0;border:none;padding:0 6px}.admin-chip button:hover:not(:disabled){color:var(--red);background:#f6d4d1}.admin-list{max-height:300px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.admin-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 2px;font-size:13px;display:flex}.admin-list small{color:var(--muted)}.admin-field{grid-template-columns:160px 100px 1fr;align-items:center;gap:10px;margin:6px 0;display:grid}.admin-announcements textarea{width:100%}@media (width<=520px){.case-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-field{grid-template-columns:1fr 90px}.admin-field small{grid-column:1/-1}}button.collection-equip{width:100%;color:var(--text);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}button.collection-equip:hover:not(:disabled){background:0 0}#collection-dialog .collection-grid li.unlocked:has(.collection-equip):hover{border-color:var(--blue);background:var(--blue-pale)}#collection-dialog .collection-grid li.equipped{border:2px solid var(--blue);background:var(--blue-pale)}.equipped-mark{background:var(--blue);color:#fff;border-radius:999px;padding:0 5px;font-size:9px;font-weight:700;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.doubled{color:#8048d8;margin-left:2px;font-size:11px}.announcement{animation:.5s cubic-bezier(.2,1.3,.4,1) both announcement-in}@keyframes announcement-in{0%{opacity:0;transform:translateY(-14px)scale(.97)}to{opacity:1;transform:none}}.inbox-button{position:relative}.inbox-badge{background:var(--red);color:#fff;text-align:center;border-radius:999px;min-width:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px;animation:.3s ease-out pop;position:absolute;top:-6px;right:-6px}.inbox-dialog{width:min(560px,100vw - 32px)}.inbox-list{gap:8px;max-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.inbox-message{border:1px solid var(--line);border-radius:0;padding:10px 12px}.inbox-message.unread{border-color:var(--blue-mid);background:var(--blue-pale)}.inbox-head{flex-direction:column;gap:2px;display:flex}.inbox-head small{color:var(--muted);font-size:11px}.inbox-body{white-space:pre-line;margin:6px 0 0}.inbox-gift{background:var(--warn);color:var(--gold-ink);border-radius:0;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;font-weight:600;display:flex}.inbox-claimed{color:var(--green)}#mail-toast{z-index:50;border:2px solid var(--blue);background:var(--surface);border-radius:0;align-items:center;gap:10px;padding:10px 16px;animation:.45s cubic-bezier(.2,1.3,.4,1) both mail-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 30px #0a19374d}#mail-toast>span:first-child{font-size:26px}#mail-toast small{color:var(--blue);text-transform:uppercase;letter-spacing:.04em;font-size:11px;display:block}@keyframes mail-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.admin-inbox textarea{width:100%}button.inbox-head{width:100%;color:var(--text);text-align:left;background:0 0;border:none;flex-direction:column;align-items:stretch;gap:2px;padding:0;font-weight:400;display:flex}button.inbox-head:hover:not(:disabled){background:0 0}.inbox-message:hover{border-color:var(--blue-mid)}.inbox-title{align-items:center;gap:6px;display:flex}.inbox-gift-mark{font-size:14px}.inbox-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inbox-message.open{border-color:var(--blue)}h1,h2,h3{font-family:var(--serif);letter-spacing:0}.logo h1{letter-spacing:.01em;text-shadow:3px 3px 0 var(--ink)}.panel{border:3px solid var(--ink);border-radius:0;box-shadow:5px 5px #10121c66}dialog{--dialog-pad-top:26px;border:3px solid var(--ink);padding-top:var(--dialog-pad-top);border-radius:0;box-shadow:7px 7px #10121c73}dialog:not(.case-opener):before{content:"";top:calc(-1 * var(--dialog-pad-top));z-index:2;height:var(--dialog-pad-top);margin:calc(-1 * var(--dialog-pad-top)) calc(-1 * var(--dialog-pad-x)) 0;background:linear-gradient(var(--blue), var(--blue)) top / 100% 6px no-repeat;pointer-events:none;display:block;position:sticky}button{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);font-family:var(--serif);letter-spacing:.02em;border-radius:0;font-weight:600;transition:background-color .15s,color .15s,transform 60ms,box-shadow 60ms}button:hover:not(:disabled),button.plain:hover:not(:disabled),button.danger:hover:not(:disabled),button.plain{border-color:var(--ink)}button:active:not(:disabled):not(.link-button,.inbox-head,.collection-equip,.announcement-close,.kick-button){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}button:disabled{opacity:.45;box-shadow:0 1px 0 var(--ink)}button.link-button,button.inbox-head,button.collection-equip,button.announcement-close,.kick-button,.admin-chip button{box-shadow:none}button.link-button,button.inbox-head,button.collection-equip{font-family:var(--sans)}button.theme-swatch,.color-swatch,.card-option,button.case-tab,button.admin-tab{border-radius:0}input[type=text],input[type=password],input[type=number],select,textarea{border:2px solid var(--ink);border-radius:0;box-shadow:inset 2px 2px #10121c14}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue-mid);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}#round-label,.player-tags,#final-standings h3,#player-list li.team-header,#spectator-section h3,.guest-tag,#badge-toast small{font-family:var(--pixel);letter-spacing:.03em;font-weight:400}#round-label{font-size:12px}.player-tags,.guest-tag,#player-list li.team-header,#spectator-section h3,#final-standings h3{font-size:10px}.guest-tag{border-radius:0}#clue-banner{letter-spacing:.01em}html{font-synthesis-weight:none}.catfood{white-space:nowrap;vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.catfood-icon{image-rendering:pixelated;vertical-align:middle;flex:none}.fx-epic{filter:drop-shadow(0 0 2px #b88cff)drop-shadow(0 0 5px #8048d88c)}@keyframes fx-legendary{0%,to{filter:drop-shadow(0 0 2px #ffd54a)drop-shadow(0 0 4px #e2a40080)}50%{filter:drop-shadow(0 0 3px #ffe58a)drop-shadow(0 0 9px #e2a400cc)}}@keyframes fx-mythic{0%{filter:drop-shadow(0 0 2px #ff6fd8)drop-shadow(0 0 6px #ff4fc8cc)drop-shadow(0 0 12px #9d7bff80)}25%{filter:drop-shadow(0 0 2px #6fd6ff)drop-shadow(0 0 6px #4fc3f7cc)drop-shadow(0 0 12px #6be58580)}50%{filter:drop-shadow(0 0 2px #b7ff9f)drop-shadow(0 0 6px #6be585cc)drop-shadow(0 0 12px #ffd23c80)}75%{filter:drop-shadow(0 0 2px #fff06f)drop-shadow(0 0 6px #ffd23ccc)drop-shadow(0 0 12px #ff5f6d80)}to{filter:drop-shadow(0 0 2px #ff6fd8)drop-shadow(0 0 6px #ff4fc8cc)drop-shadow(0 0 12px #9d7bff80)}}.fx-spark{opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite fx-twinkle;animation-delay:calc(var(--spark) * .45s)}@keyframes fx-twinkle{0%,70%,to{opacity:0;transform:scale(.4)}80%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.fx-legendary{filter:drop-shadow(0 0 3px #ffd54a);animation:none}.fx-mythic{filter:drop-shadow(0 0 3px #ff6fd8);animation:none}.fx-spark{opacity:.8;animation:none}}.collection-grid li.secret .fx-spark,.opener-tile.secret .fx-spark{display:none}.collection-grid li.unlocked.rarity-epic,.collection-grid li.unlocked.rarity-legendary,.collection-grid li.unlocked.rarity-mythic{box-shadow:0 0 0 1px var(--rarity), 0 0 10px color-mix(in srgb, var(--rarity) 55%, transparent)}.collection-grid li.unlocked.rarity-mythic{background:linear-gradient(135deg,#fff0fb,#eef8ff 50%,#fffbe6)}.case-tabs{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}button.case-tab{justify-items:center;gap:2px;padding:10px 6px 8px;display:grid}.case-tab .case-emoji{font-size:28px;line-height:1.1}.case-tab .case-name{font-size:15px}.case-tab .case-price{align-items:center;gap:6px;font-size:13px;display:inline-flex}.case-tab .case-price s{color:var(--muted)}#spin-button{align-items:center;gap:6px;display:inline-flex}dialog.case-opener{color:#f4f1ff;width:min(920px,100vw - 24px);min-height:380px;box-shadow:inset 0 6px 0 var(--rarity,#8c96a6), 0 0 0 3px #0000004d, 0 30px 80px #0009;background:radial-gradient(at 50% 30%,#2c3150,#141726 70%);border-color:#0b0c14;padding:28px 0 22px;overflow:hidden}dialog.case-opener.phase-windup,dialog.case-opener.phase-reel{--rarity:#ffd54a}dialog.case-opener::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05060ed1}.opener-windup{text-align:center;place-items:center;gap:14px;min-height:300px;display:grid}.opener-windup p{font-family:var(--serif);color:#cfd3ea;margin:0;font-size:24px}.opener-case{filter:drop-shadow(0 0 18px #ffd54a73);font-size:120px;line-height:1;animation:.9s ease-in both opener-shake}@keyframes opener-shake{0%{opacity:0;transform:scale(.6)rotate(0)}15%{opacity:1;transform:scale(1)rotate(0)}30%{transform:scale(1.02)rotate(-3deg)}40%{transform:scale(1.03)rotate(4deg)}50%{transform:scale(1.05)rotate(-6deg)}58%{transform:scale(1.07)rotate(7deg)}66%{transform:scale(1.09)rotate(-9deg)}73%{transform:scale(1.11)rotate(10deg)}80%{transform:scale(1.13)rotate(-11deg)}86%{transform:scale(1.15)rotate(12deg)}92%{transform:scale(1.18)rotate(-12deg)}to{filter:drop-shadow(0 0 40px #ffd54ae6)brightness(1.4);transform:scale(1.25)rotate(0)}}.opener-view{background:#0d0f1a;border-top:3px solid #0b0c14;border-bottom:3px solid #0b0c14;height:170px;margin:56px 0;animation:.25s ease-out both fade-in;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.opener-view:before,.opener-view:after{content:"";z-index:2;pointer-events:none;width:18%;position:absolute;top:0;bottom:0}.opener-view:before{background:linear-gradient(90deg,#0d0f1a,#0000);left:0}.opener-view:after{background:linear-gradient(-90deg,#0d0f1a,#0000);right:0}.opener-marker{z-index:3;background:#ffd54a;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px;left:50%;box-shadow:0 0 14px #ffd54a,0 0 2px #fff}.opener-strip{will-change:transform;gap:12px;padding:15px 0;transition-property:transform;transition-timing-function:cubic-bezier(.1,.75,.12,1);display:flex}.opener-tile{border:2px solid #0b0c14;border-bottom:6px solid var(--rarity,#8c96a6);height:134px;box-shadow:inset 0 -30px 30px -24px var(--rarity,transparent);background:linear-gradient(#2b3148,#1e2234);flex:0 0 120px;place-items:center;display:grid}.opener-tile.secret{background:linear-gradient(#3a3150,#29233a)}.opener-tile.secret>*{filter:brightness(0)!important}.opener-reveal{justify-items:center;gap:18px;padding:0 24px;display:grid}.reveal-card{text-align:center;border:3px solid var(--rarity);width:min(380px,100%);box-shadow:0 0 0 3px #0b0c14, 0 0 32px color-mix(in srgb, var(--rarity) 60%, transparent);background:linear-gradient(#262b44,#1a1d2e);justify-items:center;gap:6px;padding:26px 22px 20px;animation:.5s cubic-bezier(.2,1.6,.4,1) both reveal-pop;display:grid;position:relative}@keyframes reveal-pop{0%{opacity:0;transform:scale(.6)rotate(-4deg)}to{opacity:1;transform:none}}.reveal-card.rarity-legendary{animation:.5s cubic-bezier(.2,1.6,.4,1) both reveal-pop,1.6s ease-in-out .5s infinite reveal-pulse}.reveal-card.rarity-mythic{border-image:linear-gradient(90deg,#ff5f6d,#ffc371,#6be585,#4fc3f7,#9d7bff,#ff8ad8) 1;animation:.6s cubic-bezier(.2,1.6,.4,1) both reveal-pop,3s linear infinite reveal-rainbow}@keyframes reveal-pulse{50%{box-shadow:0 0 0 3px #0b0c14, 0 0 56px color-mix(in srgb, var(--rarity) 80%, transparent)}}@keyframes reveal-rainbow{0%{box-shadow:0 0 0 3px #0b0c14,0 0 44px #ff4fc8b3}33%{box-shadow:0 0 0 3px #0b0c14,0 0 44px #4fc3f7b3}66%{box-shadow:0 0 0 3px #0b0c14,0 0 44px #ffd23cb3}to{box-shadow:0 0 0 3px #0b0c14,0 0 44px #ff4fc8b3}}.reveal-art{place-items:center;min-height:140px;display:grid}.reveal-rarity{font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:#0b0c14;background:var(--rarity);padding:2px 12px;font-size:12px}.reveal-card.rarity-mythic .reveal-rarity{background:linear-gradient(90deg,#ff5f6d,#ffc371,#6be585,#4fc3f7,#9d7bff,#ff8ad8)}.reveal-name{font-family:var(--serif);color:#fff;font-size:34px;font-weight:400;line-height:1.1}.reveal-note{color:#c6cae0;margin:4px 0 0;font-size:14px}.reveal-note .catfood{color:#ffd54a}.reveal-particles{z-index:-1;position:absolute;top:40%;left:50%}.reveal-particles i{background:var(--color);width:8px;height:8px;box-shadow:0 0 6px var(--color);opacity:0;animation:particle 1.1s cubic-bezier(.1, .7, .3, 1) var(--delay) both;position:absolute}@keyframes particle{0%{opacity:1;transform:rotate(var(--angle)) translateX(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.3)}}.opener-actions{justify-content:center}.opener-actions button{align-items:center;gap:6px;display:inline-flex}dialog.case-opener button.plain{color:#f4f1ff;background:#2a2f48}dialog.case-opener button.plain:hover:not(:disabled){color:#fff;background:#363c5c}.opener-skip{position:absolute;bottom:14px;right:16px}.opener-reveal .error{color:#ffb4ad}@media (width<=520px){.opener-case{font-size:88px}.reveal-name{font-size:28px}}.timer-box.lightning{--timer-color:var(--red)}.timer-box.lightning .timer-track{background:#f6d4d1;height:9px}.timer-box.lightning .timer-fill{background:var(--red);animation:.5s step-end infinite lightning-flash}.timer-box.lightning .timer-text strong{color:var(--red);font-size:40px;animation:1s ease-out lightning-beat;display:inline-block}.lightning-tag{font-family:var(--pixel);color:#fff;background:var(--red);vertical-align:middle;margin-right:8px;padding:1px 8px;font-size:11px;animation:.5s step-end infinite lightning-flash;display:inline-block}@keyframes lightning-flash{50%{color:var(--ink);background:#ffd54a}}@keyframes lightning-beat{0%{transform:scale(1.45)}to{transform:scale(1)}}#board:has(.timer-box.lightning){animation:1s ease-in-out infinite lightning-edge}@keyframes lightning-edge{50%{box-shadow:0 0 0 4px var(--red), 5px 5px 0 #10121c66}}@media (prefers-reduced-motion:reduce){.timer-box.lightning .timer-fill,.lightning-tag{animation:none}#board:has(.timer-box.lightning){animation:none}#board:has(.timer-box.lightning){box-shadow:0 0 0 4px var(--red)}}.row-actions{z-index:3;opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}li:hover>.row-actions,.row-actions:focus-within,.row-actions.open,#player-list li.away>.row-actions{opacity:1}.row-actions .kick-button{opacity:1;position:static;transform:none}#spectator-list .row-actions{right:0}#spectator-list li{position:relative}button.more-button{letter-spacing:0;font-size:15px;font-weight:700}button.more-button:hover:not(:disabled),.row-actions.open .more-button{color:var(--blue);border-color:var(--blue)}.more-wrap{display:flex;position:relative}.row-menu{z-index:20;background:var(--surface);border:2px solid var(--ink);min-width:200px;padding:4px 0;animation:.15s ease-out rise-in;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:4px 4px #10121c59}.row-menu button{font-family:var(--sans);text-align:left;color:var(--text);box-shadow:none;background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:600}.row-menu button:hover:not(:disabled){color:var(--blue-dark);background:var(--blue-pale);border:none}.row-menu button:active:not(:disabled){box-shadow:none;transform:none}@media (hover:none){.row-actions{opacity:1;top:4px;right:4px;transform:none}.row-actions .kick-button{width:44px;height:44px;font-size:15px}}.rps-tab{z-index:40;width:min(640px,100vw - 24px);color:var(--text);border:3px solid var(--ink);background:#fffdf6;padding:10px 14px 12px;animation:.3s cubic-bezier(.2,1.4,.4,1) both rps-slide;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:6px 6px #10121c73}@keyframes rps-slide{0%{transform:translate(-50%,140%)}to{transform:translate(-50%)}}.rps-head{align-items:center;gap:10px;font-size:14px;display:flex}.rps-head strong{font-family:var(--serif);flex:1;font-size:18px;font-weight:400}button.rps-close{color:var(--muted);box-shadow:none;background:0 0;border:none;margin-left:auto;padding:2px 8px;font-size:13px}button.rps-close:hover:not(:disabled){color:var(--red);background:0 0}.rps-setup{gap:10px;display:grid}.rps-bets{flex-wrap:wrap;gap:6px;display:flex}button.rps-bet{color:var(--text);background:var(--surface);padding:5px 10px;font-size:13px}button.rps-bet.selected{color:#fff;background:var(--blue)}.rps-error{color:var(--red)}#rps-send{justify-self:end}.rps-invite{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rps-invite p{flex:1;margin:0;font-size:14px}.rps-actions{gap:8px;display:flex}.rps-tab.phase-invite{animation:.3s cubic-bezier(.2,1.4,.4,1) both rps-slide,1.8s ease-in-out .4s infinite rps-nudge}@keyframes rps-nudge{0%,80%,to{transform:translate(-50%)}85%{transform:translate(-50%,-6px)}90%{transform:translate(-50%)}95%{transform:translate(-50%,-3px)}}.rps-meta{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.rps-score{font-family:var(--serif);color:var(--blue);font-size:22px;font-weight:400}.rps-arena{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:linear-gradient(#0000 70%,#0000000d 70%),repeating-linear-gradient(90deg,#8fd16e 0 12px,#86c866 12px 24px);grid-template-columns:1fr auto 1fr;align-items:center;height:118px;margin:8px -14px 10px;display:grid;position:relative;overflow:hidden}.rps-arena.done.win,.rps-arena.show.win{background:repeating-linear-gradient(90deg,#ffe27a 0 12px,#ffd85a 12px 24px)}.rps-arena.done.lose,.rps-arena.show.lose{background:repeating-linear-gradient(90deg,#f3b2a8 0 12px,#eea79c 12px 24px)}.rps-arm{align-items:center;height:100%;display:flex}.rps-arm.mine{justify-content:flex-start}.rps-arm.theirs{justify-content:flex-end}.rps-paw{width:200px;height:110px;image-rendering:pixelated;filter:drop-shadow(3px 4px #10121c4d)}.rps-paw.mirrored{transform:scaleX(-1)}.rps-arm.pumping .rps-paw{animation:.5s ease-in-out infinite rps-pump}.rps-arm.theirs.pumping .rps-paw{animation-name:rps-pump-mirrored}@keyframes rps-pump{0%,to{transform:translate(-30px)rotate(0)}50%{transform:translate(-30px,-14px)rotate(-8deg)}}@keyframes rps-pump-mirrored{0%,to{transform:scaleX(-1)translate(-30px)rotate(0)}50%{transform:scaleX(-1)translate(-30px,-14px)rotate(-8deg)}}.rps-arm.flung .rps-paw{animation:.35s cubic-bezier(.2,1.6,.4,1) both rps-fling}.rps-arm.theirs.flung .rps-paw{animation-name:rps-fling-mirrored}@keyframes rps-fling{0%{transform:translate(-90px)}to{transform:translate(0)}}@keyframes rps-fling-mirrored{0%{transform:scaleX(-1)translate(-90px)}to{transform:scaleX(-1)translate(0)}}.rps-middle{z-index:1;text-align:center;justify-items:center;gap:2px;min-width:110px;display:grid}.rps-result,.rps-count{font-family:var(--serif);color:var(--ink);text-shadow:2px 2px #fff;animation:.3s cubic-bezier(.2,1.6,.4,1) both rps-pop}.rps-result{font-size:22px;line-height:1.1}.rps-count{color:var(--red);font-size:56px;line-height:1}.rps-payout{align-items:center;font-weight:700;display:inline-flex}@keyframes rps-pop{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.rps-choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}button.rps-choice{width:84px;color:var(--ink);background:#ffd85a;justify-items:center;gap:2px;padding:6px 4px 5px;font-size:13px;display:grid}button.rps-choice:hover:not(:disabled){background:#ffe68a}button.rps-choice.picked,button.rps-choice.picked:hover:not(:disabled){color:#fff;background:var(--blue);box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}button.rps-choice.picked .rps-icon{filter:drop-shadow(0 0 3px #fff)}.rps-icon{width:32px;height:32px;image-rendering:pixelated}.rps-their-pick{min-height:1.2em;color:var(--muted);text-align:center;flex-basis:100%;font-size:12px}@media (width<=520px){.rps-paw{width:130px;height:72px}.rps-arena{height:90px}button.rps-choice{width:72px}.rps-head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.rps-tab,.rps-tab.phase-invite,.rps-arm .rps-paw,.rps-result,.rps-count{animation:none!important}.rps-arm.mine .rps-paw{transform:none}.rps-arm.theirs .rps-paw{transform:scaleX(-1)}}.arm-arena{background:repeating-linear-gradient(90deg,#f0d9a8 0 12px,#ead19c 12px 24px);height:150px;display:block}.arm-art{width:300px;height:140px;image-rendering:pixelated;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.arm-art .straining{animation:.12s steps(2,end) infinite arm-strain}@keyframes arm-strain{50%{translate:.4px -.3px}}.arm-middle{position:absolute;top:6px;left:0;right:0}.arm-meter{border:2px solid var(--ink);background:#e9e3d4;height:12px;margin:0 0 10px;position:relative}.arm-meter-fill{transition:left .1s,right .1s;position:absolute;top:0;bottom:0}.arm-meter-mid{background:var(--ink);width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px;left:50%}button.arm-push{color:#fff;background:var(--red);touch-action:manipulation;-webkit-user-select:none;user-select:none;width:min(320px,100%);padding:12px;font-size:22px}button.arm-push:hover:not(:disabled){background:#8f1e18}button.arm-push:disabled{color:var(--ink);background:#e9e3d4}@media (width<=520px){.arm-arena{height:120px}.arm-art{width:240px;height:112px}}@media (prefers-reduced-motion:reduce){.arm-art .straining{animation:none}}.rps-head.match-head{text-align:center;flex-direction:column;gap:0;position:relative}.rps-scoreline{justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.rps-dash{color:var(--muted);font-family:var(--serif);margin:0 4px;font-size:18px}.match-head .rps-close{position:absolute;top:-4px;right:-8px}.badge-grid li.secret .badge-emoji{filter:brightness(0);opacity:.85}.badge-grid li.secret{background:repeating-linear-gradient(45deg,#f3f0fb,#f3f0fb 6px,#ebe6f7 6px 12px);border-style:dashed}#chat-list li.rejoin-request{background:var(--warn);border-left:3px solid var(--gold);padding:8px}.rejoin-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.rejoin-actions button{padding:3px 8px;font-size:12px}.profile-dialog .guest-note{margin:16px 0 6px}.popup-storm{z-index:35;pointer-events:none;position:fixed;inset:0}.fake-popup{pointer-events:auto;background:var(--surface);border:3px solid var(--ink);width:min(260px,70vw);animation:.18s cubic-bezier(.2,1.6,.4,1) both popup-in;position:absolute;box-shadow:5px 5px #10121c73}@keyframes popup-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.fake-popup-bar{font-family:var(--serif);background:var(--popup-color);border-bottom:3px solid var(--ink);align-items:center;gap:8px;padding:4px 4px 4px 8px;font-size:15px;display:flex}.fake-popup-bar span{flex:1}button.fake-popup-close{background:var(--surface);width:24px;height:24px;color:var(--ink);box-shadow:0 2px 0 var(--ink);padding:0;font-size:12px;line-height:1}.fake-popup p{margin:8px 10px;font-size:13px}button.fake-popup-cta{background:var(--popup-color);color:var(--ink);margin:0 10px 10px auto;padding:4px 12px;font-size:13px;animation:.8s step-end infinite cta-blink;display:block}@keyframes cta-blink{50%{filter:brightness(1.25)}}@media (prefers-reduced-motion:reduce){.fake-popup,button.fake-popup-cta{animation:none}}.fx-epic{animation:2.6s ease-in-out infinite fx-epic}@keyframes fx-epic{0%,to{filter:drop-shadow(0 0 2px #b88cff)drop-shadow(0 0 4px #8048d880)}50%{filter:drop-shadow(0 0 3px #d2b4ff)drop-shadow(0 0 8px #8048d8d9)}}.fx-legendary{animation:2.4s ease-in-out infinite fx-legendary,3s ease-in-out infinite fx-float}.fx-mythic{animation:2.2s linear infinite fx-mythic,2.4s ease-in-out infinite fx-float}@keyframes fx-float{0%,to{translate:0}50%{translate:0 -2px}}.fx-mythic .fx-spark{animation-duration:1.4s}.fx-orbit{transform-box:view-box;transform-origin:20px 21px;animation:3.2s linear infinite fx-orbit}@keyframes fx-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.fx-epic{filter:drop-shadow(0 0 3px #b88cff);animation:none}.fx-legendary,.fx-mythic{translate:none}.fx-orbit{animation:none}}.collection-grid li.secret .fx-orbit,.opener-tile.secret .fx-orbit{display:none}.opener-reveal{position:relative}.opener-reveal>.reveal-card,.opener-reveal>.opener-actions{z-index:1;position:relative}.reveal-rays{z-index:0;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rarity) 45%, transparent) 0deg 10deg, transparent 10deg 24deg);pointer-events:none;border-radius:50%;width:760px;height:760px;margin:-380px 0 0 -380px;animation:9s linear infinite rays-spin,.4s ease-out both fade-in;position:absolute;top:42%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 68%);mask-image:radial-gradient(circle,#000 20%,#0000 68%)}.reveal-rays.rarity-mythic{background:repeating-conic-gradient(#ff5f6d80 0deg 8deg,#0000 8deg 15deg,#4fc3f780 15deg 23deg,#0000 23deg 30deg,#ffd23c80 30deg 38deg,#0000 38deg 45deg);animation-duration:4s}@keyframes rays-spin{to{transform:rotate(360deg)}}dialog.case-opener.phase-reveal.rarity-legendary:after,dialog.case-opener.phase-reveal.rarity-mythic:after{content:"";z-index:10;pointer-events:none;background:#fff;animation:.7s ease-out both reveal-flash;position:absolute;inset:0}dialog.case-opener.phase-reveal.rarity-mythic:after{background:linear-gradient(90deg,#ffd0e8,#fff6c8,#d0f4ff);animation-duration:1s}@keyframes reveal-flash{0%{opacity:.95}to{opacity:0}}dialog.case-opener.phase-reveal.rarity-mythic{animation:.5s steps(2,end) 50ms 2 mythic-shake}@keyframes mythic-shake{0%{translate:0}25%{translate:-8px 4px}50%{translate:7px -5px}75%{translate:-5px -3px}to{translate:0}}@media (prefers-reduced-motion:reduce){.reveal-rays{animation:none}dialog.case-opener.phase-reveal:after{display:none}dialog.case-opener.phase-reveal.rarity-mythic{animation:none}}dialog{background:var(--surface);color:var(--text)}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1f2330;--bg:#151824;--text:#e8eaf2;--muted:#a3a9b8;--faint:#737a8a;--line:#343a4c;--line-strong:#4a5168;--wash:#262b3a;--wash-strong:#2f3547;--warn:#3a3420;--done:#1e3a27;--gold-ink:#f2c14e;--green:#5cc46a;--red:#e3574e;--ink:#0b0d14}:root[data-mode=dark] body{background-color:#10131c}:root[data-mode=dark] .logo h1{text-shadow:3px 3px #000}:root[data-mode=dark] .how-to ol{color:var(--text)}:root[data-mode=dark] button.plain{color:#cfd9ff}:root[data-mode=dark] button.plain:hover:not(:disabled){color:#fff}:root[data-mode=dark] .stat-tile,:root[data-mode=dark] .badge-grid li{color:var(--text)}:root[data-mode=dark] .badge-grid li.earned{background:#3a3420}:root[data-mode=dark] .case-box{background:var(--wash);border-color:var(--line)}:root[data-mode=dark] .rps-tab{background:var(--surface)}:root[data-mode=dark] .dial-face{fill:#f3ead6}:root[data-mode=dark] .collection-grid li.secret,:root[data-mode=dark] .badge-grid li.secret{background:repeating-linear-gradient(45deg,#2a2540,#2a2540 6px,#241f38 6px 12px)}:root[data-mode=dark] .fake-popup p,:root[data-mode=dark] .fake-popup-bar{color:var(--ink)}:root[data-mode=dark] .fake-popup{background:#f4f1e8}:root[data-mode=dark] #chat-list li.system{color:var(--muted)}:root[data-mode=dark] .spin-odds .rarity-rare{color:#7fa8ff}:root[data-mode=dark] .spin-odds .rarity-uncommon{color:#6fd38a}:root[data-mode=dark] .spin-odds .rarity-epic{color:#b88cff}:root[data-mode=dark] .spin-odds .rarity-mythic{color:#ff7fd6}:root[data-mode=dark] .collection-grid li.unlocked.rarity-mythic{background:linear-gradient(135deg,#3a2a44,#23324a 50%,#3a3620)}#game-picker{margin-bottom:18px}#game-picker h2{margin:0 0 8px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}button.game-card{text-align:center;min-height:112px;color:var(--text);background:var(--surface);align-content:start;justify-items:center;gap:3px;padding:12px 8px 10px;display:grid}button.game-card:hover:not(:disabled){color:var(--text);background:var(--blue-pale)}button.game-card.selected,button.game-card.selected:hover:not(:disabled){color:#fff;background:var(--blue)}button.game-card.selected:hover:not(:disabled){background:var(--blue-dark)}button.game-card.selected .game-blurb{color:#ffffffd9}.game-emoji{place-items:center;height:40px;display:grid}.game-icon{image-rendering:pixelated;filter:drop-shadow(2px 2px #10121c40)}.game-name{font-family:var(--serif);font-size:17px;font-weight:400;line-height:1.1}.game-blurb{font-family:var(--sans);color:var(--muted);font-size:12px;font-weight:500;line-height:1.3}.timer-board{text-align:center;justify-items:center;gap:10px;min-height:380px;padding:10px 0 20px;display:grid}.timer-kind{font-family:var(--pixel);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin:0;font-size:12px}.timer-goal{font-family:var(--serif);margin:0;font-size:28px;line-height:1.2}.timer-goal strong{color:var(--blue);font-weight:400}.timer-hint{color:var(--muted);margin:0;font-size:14px}.timer-ready h2{font-family:var(--serif);margin:0 0 6px}.timer-ready{justify-items:center;gap:8px;display:grid}.stopwatch{min-width:280px;font-family:var(--serif);color:#9bff9b;border:3px solid var(--ink);text-shadow:0 0 10px #9bff9b99;background:#12161f;justify-content:center;align-items:baseline;gap:4px;padding:14px 28px;font-size:84px;line-height:1;display:flex;box-shadow:inset 0 0 24px #000c,5px 5px #10121c59}.stopwatch small{font-size:30px}.stopwatch.hidden-time{color:#4a5568;text-shadow:none;animation:.4s ease-out stopwatch-hide}@keyframes stopwatch-hide{0%{color:#9bff9b}}button.timer-big-button{color:#fff;background:var(--red);touch-action:manipulation;-webkit-user-select:none;user-select:none;width:min(360px,100%);padding:18px;font-size:30px}button.timer-big-button:hover:not(:disabled){background:#8f1e18}button.timer-big-button:disabled{color:var(--text);background:var(--wash-strong)}.timer-ready,.timer-stop,.timer-hidden,.timer-answer,.timer-results{text-align:center;justify-items:center;gap:8px;width:100%;display:grid}.chase-scene{width:min(480px,100%);height:auto;image-rendering:pixelated;border:3px solid var(--ink);box-shadow:5px 5px #10121c59}.chase-ground{animation:.8s linear infinite chase-scroll-ground}.chase-clouds{animation:9s linear infinite chase-scroll-clouds}@keyframes chase-scroll-ground{0%{transform:translate(0)}to{transform:translate(-24px)}}@keyframes chase-scroll-clouds{0%{transform:translate(0)}to{transform:translate(-60px)}}.chase-cat{animation:.36s ease-in-out infinite chase-bob}.cat-frame.b{opacity:0}.cat-frame.a{animation:.36s step-end infinite chase-frame}.cat-frame.b{animation:.36s step-end infinite reverse chase-frame}@keyframes chase-frame{0%{opacity:1}50%{opacity:0}}@keyframes chase-bob{0%,to{translate:0}50%{translate:0 -2px}}.chase-yarn-track{animation:3.2s ease-in-out infinite chase-drift}.chase-yarn{animation:.4s cubic-bezier(.3,0,.7,1) infinite alternate chase-hop}.yarn-roll{transform-box:fill-box;transform-origin:50%;animation:.6s steps(4,end) infinite chase-roll}@keyframes chase-drift{0%,to{translate:0}50%{translate:-14px}}@keyframes chase-hop{0%{translate:0}to{translate:0 -5px}}@keyframes chase-roll{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.chase-ground,.chase-clouds,.chase-cat,.cat-frame.a,.cat-frame.b,.chase-yarn-track,.chase-yarn,.yarn-roll{animation:none}.cat-frame.b{opacity:0}}.timer-guess-form{gap:8px;display:flex}#timer-guess{text-align:center;width:150px;font-size:22px}.timer-result-list{gap:6px;width:min(460px,100%);margin:4px 0;padding:0;list-style:none;display:grid}.timer-result-list li{text-align:left;background:var(--wash);border:2px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:6px 12px;animation:.3s ease-out both rise-in;display:grid}.timer-result-list li:nth-child(2){animation-delay:80ms}.timer-result-list li:nth-child(3){animation-delay:.16s}.timer-result-list li:nth-child(n+4){animation-delay:.24s}.timer-result-list li.closest{background:var(--warn);border-color:var(--gold)}.timer-result-list li.me .result-name{text-decoration:underline}.result-name{font-weight:600}.result-value small{color:var(--muted)}.result-points{font-family:var(--serif);color:var(--green);font-size:22px;font-weight:400}.result-points.negative{color:var(--red)}.timer-result-list li.on-the-dot{background:var(--warn);border:2px solid var(--gold);box-shadow:3px 3px 0 var(--ink);animation:.6s ease-out both dot-row}.dot-tag{background:var(--gold);color:var(--ink);font-family:var(--pixel);letter-spacing:.03em;text-transform:uppercase;vertical-align:2px;border-radius:999px;margin-left:8px;padding:0 6px;font-size:10px;display:inline-block}.timer-results{position:relative}.dot-celebration{pointer-events:none;place-items:center;height:64px;display:grid;position:relative}.dot-stamp{z-index:1;border:3px solid var(--ink);background:var(--gold);color:var(--ink);font-family:var(--serif);letter-spacing:.02em;padding:4px 14px;font-size:34px;animation:.5s cubic-bezier(.2,1.6,.4,1) both dot-stamp;position:relative;box-shadow:5px 5px #10121c66}.dot-burst{position:absolute;top:50%;left:50%}.dot-burst span{background:hsl(calc(var(--i) * 41), 85%, 58%);--angle:calc(var(--i) * 15deg);width:8px;height:12px;animation:1.4s cubic-bezier(.1,.7,.3,1) .15s both podium-confetti;position:absolute}@keyframes dot-stamp{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@keyframes dot-row{0%,40%{transform:none}55%{transform:translate(-4px)}70%{transform:translate(4px)}85%{transform:translate(-2px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.dot-stamp{animation:none;transform:rotate(-3deg)}.timer-result-list li.on-the-dot{animation:none}.dot-burst{display:none}}@media (width<=520px){.stopwatch{min-width:0;font-size:60px}.timer-goal{font-size:22px}}@media (prefers-reduced-motion:reduce){.chase-yarn,.chase-cat{animation:none}.chase-cat{left:30%}.chase-yarn{left:55%}}.inbox-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.inbox-top h2{margin:0}@media (width<=520px){#color-setting{grid-template-columns:minmax(0,1fr)}#color-setting .color-swatches{grid-template-columns:repeat(6,minmax(0,44px));justify-content:start}.color-swatch{aspect-ratio:1;width:100%;height:auto;min-height:0}}@media (prefers-reduced-motion:reduce){.now-playing-card{animation:none}}