@font-face{font-family:Orbitron;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/orbitron-variable-Du7j2Vp2.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/orbitron-variable-Du7j2Vp2.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/orbitron-variable-Du7j2Vp2.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/orbitron-variable-Du7j2Vp2.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/rajdhani-400-CurJOxDW.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/rajdhani-500-ByNUCHrt.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/rajdhani-600-CXCVEoA9.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/rajdhani-700-BPDUZo87.woff2) format("woff2")}:root{--bg: #f2effa;--surface: #ffffff;--surface-2: #ece5fb;--text: #170f2e;--text-muted: #665f8a;--border: #cabdf0;--checkbox-bg: #ffffff;--accent: #d6006f;--accent-hover: #b8005c;--accent-fg: #ffffff;--glow: #7a2fe0;--success: #0a8f4f;--error: #d6003d;--warning: #c98a12;--online: #12b76a;--overlay: rgba(23, 15, 46, .45);--fg-on-solid: #ffffff;--shadow-sm: 0 1px 2px rgba(23, 15, 46, .08);--shadow: 0 1px 3px rgba(23, 15, 46, .12), 0 1px 2px rgba(23, 15, 46, .08);--shadow-md: 0 4px 6px rgba(23, 15, 46, .1), 0 2px 4px rgba(23, 15, 46, .07);--team-red: #e0004f;--team-green: #0a9b52;--team-blue: #0072e0;--radius-xs: 4px;--radius-sm: 6px;--radius: 12px;--radius-pill: 99px;--transition: .15s ease;--topbar-h: 52px;--bottom-nav-h: 64px;--border-width: 2px;--font-display: "Orbitron", "Segoe UI", sans-serif;--font-body: "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg: #0a0a12;--surface: #14141f;--surface-2: #1c1c2e;--text: #eef0ff;--text-muted: #8c8ab0;--border: #2a2a48;--checkbox-bg: #23233a;--accent: #ff2e9a;--accent-hover: #ff5cb3;--accent-fg: #0a0a12;--glow: #29f1ff;--success: #39ff88;--error: #ff3b5c;--warning: #ffb020;--online: #39ff88;--overlay: rgba(4, 4, 10, .72);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .4);--border-width: 1px}[data-theme=dusk]{--bg: #1a1030;--surface: #241640;--surface-2: #2f1d52;--text: #f4ecff;--text-muted: #b6a3d9;--border: #43286e;--checkbox-bg: color-mix(in srgb, var(--bg) 75%, white);--accent: #ff7a45;--accent-hover: #ff9566;--accent-fg: #1a1030;--glow: #ff2ecb;--success: #4dffa0;--error: #ff5577;--warning: #ffc24d;--online: #4dffa0;--overlay: rgba(10, 5, 20, .65);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .38), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .32);--border-width: 1px}:root{--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8rem;--text-base: .875rem;--text-md: .9rem;--text-lg: 1rem;--text-xl: 1.2rem;--text-2xl: 1.4rem;--text-3xl: 2rem;--leading-none: 1;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.7;--tracking-tight: -.02em;--tracking-wide: .04em;--tracking-wider: .05em;--tracking-widest: .06em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--crt-scanlines-bg: repeating-linear-gradient( to bottom, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .15) 1px, transparent 2px )}@media (min-width: 768px){:root{--topbar-h: 64px}}.neon-text{color:var(--text);text-shadow:0 0 2px color-mix(in srgb,var(--glow) 90%,white),0 0 8px color-mix(in srgb,var(--glow) 70%,transparent),0 0 22px color-mix(in srgb,var(--glow) 45%,transparent)}@keyframes neon-flicker-on{0%{opacity:0;text-shadow:none}8%{opacity:1}10%{opacity:.4}12%{opacity:1}20%{opacity:.5}24%{opacity:1;text-shadow:none}to{opacity:1}}@media (prefers-reduced-motion: no-preference){.neon-flicker-in{animation:neon-flicker-on 1.1s steps(1,end)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;transition:background-color var(--transition),color var(--transition)}html.hand-sheet-open{overscroll-behavior-y:contain}body{font-family:var(--font-body);font-weight:500;background-color:var(--bg);background-image:linear-gradient(color-mix(in srgb,var(--border) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 40%,transparent) 1px,transparent 1px);background-size:34px 34px;background-attachment:fixed;color:var(--text);min-height:100vh;font-size:16px;line-height:var(--leading-normal)}:root{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-button,*::-webkit-scrollbar-button:single-button,*::-webkit-scrollbar-button:double-button,*::-webkit-scrollbar-button:start,*::-webkit-scrollbar-button:end,*::-webkit-scrollbar-button:increment,*::-webkit-scrollbar-button:decrement{display:none;width:0;height:0}*::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 60%,transparent)}*::-webkit-scrollbar-thumb:active{background-color:var(--accent-hover)}*::-webkit-scrollbar-corner{background:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:var(--tracking-tight)}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent-hover)}#root{min-height:100vh;display:flex;flex-direction:column}.layout{display:flex;flex-direction:column;min-height:100vh}@media (max-width: 767px){.layout{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px))}}.layout-content{flex:1;display:flex;flex-direction:column}.route-loading{text-align:center;padding:var(--space-6);color:var(--text-muted);font-size:var(--text-base)}.app-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight)}.card{background:color-mix(in srgb,var(--surface) 25%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow);position:relative}.card:before{content:"";position:absolute;top:0;left:var(--space-5);right:var(--space-5);height:2px;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7;pointer-events:none}.card-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition),transform var(--transition);white-space:nowrap;flex-shrink:0}@media (pointer: coarse){.btn{min-height:44px;min-width:44px}}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 0 0 0 transparent}.btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}.btn--ghost{background:var(--surface-2);color:var(--text-muted);border:var(--border-width) solid var(--border)}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--border)}.btn--full{width:100%;padding:10px 16px}.btn--icon{width:34px;height:34px;padding:0;font-size:var(--text-lg)}@media (pointer: coarse){.btn--icon{width:44px;height:44px}}.error{margin-top:var(--space-4);padding:10px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--error) 10%,transparent);border:var(--border-width) solid color-mix(in srgb,var(--error) 30%,transparent);color:var(--error);font-size:var(--text-base)}:focus-visible{outline:2px solid var(--glow);outline-offset:2px;border-radius:var(--radius-xs)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:var(--text-base);font-weight:500;color:var(--text-muted)}.form-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.form-error{font-size:var(--text-sm);color:var(--error)}.name-avatar-row{display:flex;align-items:center;gap:10px}.name-avatar-row .input{flex:1}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-base);color:var(--text-muted);-webkit-user-select:none;user-select:none}.toggle-label:has(input:disabled){opacity:.45;cursor:not-allowed}.toggle-label input[type=checkbox]:disabled{cursor:not-allowed}.toggle-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:var(--border-width) solid var(--border);border-radius:4px;cursor:pointer;background-color:var(--checkbox-bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.toggle-label input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)}.toggle-label input[type=checkbox]:checked:after{content:"";width:5px;height:9px;border:solid var(--accent-fg);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}dialog{margin:auto;border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:340px;width:calc(100vw - 32px);box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--glow) 20%,transparent),0 0 28px color-mix(in srgb,var(--glow) 16%,transparent)}dialog[open]{overflow:visible;animation:dialog-in .18s ease-out}@media (max-width: 700px){dialog[open]{margin-top:8vh}}dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:dialog-backdrop-in .18s ease-out}html[data-crt=on] dialog[open]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;border-radius:inherit;pointer-events:none;background-image:var(--crt-scanlines-bg);mix-blend-mode:multiply}html[data-crt=on] dialog::backdrop{background-image:var(--crt-scanlines-bg)}.card-icon{position:relative;display:block}.card-icon svg{display:block;width:100%;height:100%}.card-icon-simple{display:none}@media (max-width: 767px){.card-icon-detail{display:none}.card-icon-simple{display:block}}@keyframes chip-slam-in{0%{opacity:0;translate:0 -55%;scale:1.5}60%{opacity:1;translate:0 0;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes chip-yank-out{to{opacity:0;scale:.3;rotate:-70deg}}@keyframes chip-shockwave{0%{opacity:.8;scale:.6}to{opacity:0;scale:2.1}}.seq-chip{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:1;pointer-events:none}@media (max-width: 767px){.seq-chip{width:52%}}.seq-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--chip-color);opacity:0;pointer-events:none}@media (prefers-reduced-motion: no-preference){.seq-chip{animation:chip-slam-in .28s cubic-bezier(.34,1.3,.64,1)}.seq-chip:before{animation:chip-shockwave .5s ease-out .15s}.seq-chip--removing{animation:chip-yank-out .18s ease-in forwards}}.seq-chip--clickable{pointer-events:auto;cursor:pointer}.seq-chip-svg{display:block;width:100%;height:100%;overflow:visible}.seq-chip-rim{fill:color-mix(in srgb,var(--chip-color) 55%,black)}.seq-chip-notches{fill:none;stroke:color-mix(in srgb,var(--chip-color) 35%,black);stroke-width:3.5;stroke-dasharray:4.2 3.4}.seq-chip-face{fill:color-mix(in srgb,var(--chip-color) 80%,black)}.seq-chip-divider{fill:none;stroke:color-mix(in srgb,var(--chip-color) 48%,black);stroke-width:2;stroke-linecap:round}.seq-chip-hub{fill:color-mix(in srgb,var(--chip-color) 40%,black);stroke:color-mix(in srgb,white 15%,var(--chip-color));stroke-width:1}.seq-chip-suit{fill:color-mix(in srgb,var(--chip-color) 42%,black);stroke:color-mix(in srgb,white 18%,var(--chip-color));stroke-width:.8;stroke-linejoin:round}.seq-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at 38% 28%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 42%,transparent 65%);pointer-events:none}@keyframes chip-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes chip-tooltip-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(5px)}}.chip-tooltip{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;font-size:var(--text-2xs);font-weight:600;white-space:nowrap;color:var(--text);z-index:10;pointer-events:auto;cursor:default;animation:chip-tooltip-in .15s ease forwards}.chip-tooltip--out{animation:chip-tooltip-out .18s ease forwards}.seq-cell{aspect-ratio:5 / 7;background:var(--surface);position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}.seq-cell .card-icon{width:100%;height:100%}@media (min-width: 768px){.seq-cell{aspect-ratio:7 / 5}.seq-cell .card-icon{position:absolute;width:calc(100% * 5 / 7);height:140%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}}.seq-cell--wild{background:color-mix(in srgb,var(--accent) 20%,var(--surface));cursor:default}.seq-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;pointer-events:none;opacity:0;background:transparent;box-shadow:inset 0 0 0 2px transparent;transition:opacity var(--transition),background-color var(--transition),box-shadow var(--transition)}.seq-cell--active:after{opacity:1;background:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:inset 0 0 0 2px var(--accent)}.seq-cell--remove:after{opacity:1;background:color-mix(in srgb,var(--error) 30%,transparent);box-shadow:inset 0 0 0 2px var(--error)}@keyframes cell-breathe{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion: no-preference){.seq-cell--active:after,.seq-cell--remove:after{animation:cell-breathe 1.4s ease-in-out infinite}}@keyframes sequence-glow-in{0%{opacity:0;box-shadow:inset 0 0 0 0 var(--sequence-color),0 0 0 0 transparent}45%{opacity:1;box-shadow:inset 0 0 0 6px var(--sequence-color),0 0 16px 2px var(--sequence-color)}to{opacity:1;box-shadow:inset 0 0 0 3px var(--sequence-color),0 0 6px color-mix(in srgb,var(--sequence-color) 60%,transparent)}}.seq-cell--sequence:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--sequence-color),0 0 6px color-mix(in srgb,var(--sequence-color) 60%,transparent);border-radius:2px;pointer-events:none;z-index:1}@media (prefers-reduced-motion: no-preference){.seq-cell--sequence:before{animation:sequence-glow-in .6s ease-out var(--seq-delay, 0ms) backwards}}.play-overlay{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:var(--overlay);z-index:2}@media (hover: hover) and (pointer: fine){.play-overlay{opacity:0;pointer-events:none;transition:opacity var(--transition)}.seq-cell--active:hover .play-overlay,.seq-cell--remove:hover .play-overlay{opacity:1;pointer-events:auto}}.place-btn,.remove-btn{border:none;border-radius:var(--radius-sm);padding:3px 7px;font-family:var(--font-display);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-widest);cursor:pointer;pointer-events:auto;transition:transform var(--transition)}.place-btn{color:var(--accent-fg)}.remove-btn{color:var(--fg-on-solid)}.place-btn:active,.remove-btn:active{transform:scale(.92)}@media (max-width: 767px){.place-btn,.remove-btn{padding:2px 4px;font-size:.5rem;letter-spacing:0}}.place-btn{background:var(--accent)}.remove-btn{background:var(--error)}.seq-chip-arrow{position:absolute;top:4%;left:50%;width:22%;aspect-ratio:6 / 5;transform:translate(-50%);z-index:2;pointer-events:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--chip-color) 75%,transparent))}@media (max-width: 767px){.seq-chip-arrow{width:30%}}@media (min-width: 768px){.seq-chip-arrow{top:-2%}}.seq-chip-arrow svg{display:block;width:100%;height:100%;overflow:visible}.seq-chip-arrow path{fill:var(--chip-color);stroke:color-mix(in srgb,white 25%,var(--chip-color));stroke-width:1.5;stroke-linejoin:round}@keyframes chip-arrow-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-30%)}}@keyframes indicator-pop{0%{scale:.2;opacity:0}to{scale:1;opacity:1}}@media (prefers-reduced-motion: no-preference){.seq-chip-arrow{animation:indicator-pop .25s cubic-bezier(.34,1.56,.64,1),chip-arrow-bob .9s ease-in-out infinite}}.seq-removed-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.seq-removed-indicator svg{width:42%;aspect-ratio:1;overflow:visible;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--removed-color) 75%,transparent))}@media (max-width: 767px){.seq-removed-indicator svg{width:50%}}.seq-removed-indicator circle{fill:color-mix(in srgb,var(--removed-color) 20%,transparent);stroke:var(--removed-color);stroke-width:2.5}.seq-removed-indicator path{stroke:var(--removed-color);stroke-width:3;stroke-linecap:round}@keyframes removed-indicator-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12%)}}@media (prefers-reduced-motion: no-preference){.seq-removed-indicator svg{animation:indicator-pop .25s cubic-bezier(.34,1.56,.64,1),removed-indicator-bob .9s ease-in-out infinite}}.seq-board-scroll{overflow-x:auto;min-height:500px;display:flex;align-items:flex-start}.seq-board{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background-color:var(--border);border:2px solid var(--border);border-radius:var(--radius-sm);min-width:360px;max-width:860px;margin-inline:auto;flex:1}@media (max-width: 767px){.seq-board-scroll{flex:1;min-height:0;container-type:size;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;align-items:flex-start}.seq-board{flex:0 0 auto;min-width:0;width:min(100%,calc(100cqh * 5 / 7))}}@media (min-width: 768px){.seq-board-scroll{min-height:unset}}@keyframes cell-power-on{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@media (prefers-reduced-motion: no-preference){.seq-board .seq-cell{animation:cell-power-on .3s ease-out backwards}.seq-board .seq-cell:nth-child(10n+2){animation-delay:40ms}.seq-board .seq-cell:nth-child(10n+3){animation-delay:80ms}.seq-board .seq-cell:nth-child(10n+4){animation-delay:.12s}.seq-board .seq-cell:nth-child(10n+5){animation-delay:.16s}.seq-board .seq-cell:nth-child(10n+6){animation-delay:.2s}.seq-board .seq-cell:nth-child(10n+7){animation-delay:.24s}.seq-board .seq-cell:nth-child(10n+8){animation-delay:.28s}.seq-board .seq-cell:nth-child(10n+9){animation-delay:.32s}.seq-board .seq-cell:nth-child(10n){animation-delay:.36s}}@keyframes board-shake{0%,to{translate:0 0}20%{translate:3px 1px}40%{translate:-3px -1px}60%{translate:2px -1px}80%{translate:-2px 1px}}@media (prefers-reduced-motion: no-preference){.seq-board--shake{animation:board-shake .4s ease-in-out}}.deck{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:80px;border:2px solid var(--border);border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,transparent 0 5px,color-mix(in srgb,var(--accent) 35%,transparent) 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,color-mix(in srgb,var(--accent) 35%,transparent) 5px 6px),var(--surface-2);box-shadow:inset 0 0 0 3px var(--surface),3px 4px 0 0 var(--border),3px 4px 0 -2px var(--surface-2),6px 8px 0 0 var(--border),6px 8px 0 -2px var(--surface-2),var(--shadow);font-size:1.1rem;font-weight:700;color:var(--text);text-shadow:0 1px 3px color-mix(in srgb,var(--surface) 85%,transparent);flex-shrink:0}@keyframes deck-pulse{0%{scale:1;border-color:var(--border)}40%{scale:1.12;border-color:var(--accent)}to{scale:1;border-color:var(--border)}}.deck--pulse{animation:deck-pulse .26s ease-out}@keyframes card-in{0%{opacity:0;translate:14px -8px;rotate:4deg;scale:.8}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}@keyframes card-selected-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent),0 0 10px color-mix(in srgb,var(--accent) 35%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent),0 0 18px color-mix(in srgb,var(--accent) 60%,transparent)}}.card-component{display:inline-flex;border:2px solid transparent;border-radius:var(--radius-sm);padding:0;background:none;cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);flex-shrink:0}@media (prefers-reduced-motion: no-preference){.card-component{animation:card-in .25s ease-out}}.card-component:disabled{cursor:default}.card-component:not(:disabled):hover{transform:translateY(-4px)}.card-component:not(:disabled):hover .card-icon{box-shadow:var(--shadow-md)}.card-component--selected{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent),0 0 10px color-mix(in srgb,var(--accent) 35%,transparent)}@media (prefers-reduced-motion: no-preference){.card-component--selected{animation:card-selected-pulse 1.5s ease-in-out infinite}}.card-component .card-icon{aspect-ratio:5 / 7;height:auto;border-radius:var(--radius-xs);overflow:hidden;transition:box-shadow var(--transition)}.card-component--sm .card-icon{width:40px}.card-component--md .card-icon{width:64px}.card-component--lg .card-icon{width:96px}.hand{display:flex;flex:1;min-width:0;align-items:flex-end;justify-content:center;overflow:visible;padding:34px 24px 16px}.hand-cards{display:flex;align-items:flex-end;transition:opacity var(--transition)}.hand:not(.hand--my-turn) .hand-cards{opacity:.5}.hand-card{position:relative;display:inline-flex;flex-shrink:0;transform:rotate(var(--fan-rot, 0deg)) translateY(var(--fan-y, 0px));transform-origin:50% 115%;transition:transform var(--transition),margin var(--transition)}.hand-card+.hand-card{margin-left:var(--fan-overlap, -24px)}.hand-card:hover{transform:rotate(var(--fan-rot, 0deg)) translateY(calc(var(--fan-y, 0px) - 8px));z-index:30}.hand-card:has(.card-component--selected){transform:rotate(var(--fan-rot, 0deg)) translateY(calc(var(--fan-y, 0px) - 12px));z-index:40}.hand-card--dead .card-component .card-icon{filter:grayscale(.7);opacity:.75;transition:filter var(--transition),opacity var(--transition)}.dead-overlay{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--overlay);z-index:2}@media (hover: hover) and (pointer: fine){.dead-overlay{opacity:0;pointer-events:none;transition:opacity var(--transition)}.hand-card:hover .dead-overlay{opacity:1;pointer-events:auto}}.swap-btn{border:none;border-radius:var(--radius-sm);padding:3px 7px;font-family:var(--font-display);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-widest);color:var(--accent-fg);background:var(--accent);cursor:pointer;pointer-events:auto;transition:transform var(--transition)}.swap-btn:active{transform:scale(.92)}@media (max-width: 767px){.swap-btn{padding:2px 4px;font-size:.5rem;letter-spacing:0}}@media (min-width: 768px){.sequence-deck{width:76px;height:108px;font-size:1.45rem}}.hand-deck{display:none}@media (max-width: 767px){.hand{display:none;justify-content:center;padding:18px 8px 10px}.hand-deck{display:flex;margin-right:0}}.player-avatar{position:relative;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;border:none;padding:0;font-family:inherit;font-size:inherit}.player-avatar--editable{cursor:pointer;transition:filter var(--transition)}.player-avatar--editable:hover{filter:brightness(.9)}.player-avatar-icon{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden}.player-avatar-icon svg{width:100%;height:100%;display:block}.player-avatar-edit{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:1;pointer-events:none}@media (min-width: 768px){.player-avatar-edit{width:16px;height:16px}.player-avatar--lg .player-avatar-edit{width:20px;height:20px;bottom:-3px;right:-3px}}.player-avatar-status{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--border);border:2px solid var(--surface-2);z-index:1}.player-avatar-status--online{background:var(--online)}.player-avatar--lg .player-avatar-status{width:12px;height:12px;border-width:2px}.player-avatar--sm{width:32px;height:32px;font-size:var(--text-base)}.player-avatar--lg{width:52px;height:52px;font-size:var(--text-xl)}.highlow-board{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:420px;margin-inline:auto;padding-block:1rem}@media (max-width: 767px){.highlow-board{padding-inline:16px}}.highlow-current{display:flex;align-items:center;justify-content:center;gap:1.25rem}@media (max-width: 767px){.highlow-deck{width:76px;height:108px;font-size:1.3rem;align-self:flex-start}}.highlow-current-icon{width:160px;height:224px}@media (max-width: 767px){.highlow-current-icon .card-icon-detail{display:block}.highlow-current-icon .card-icon-simple{display:none}}.highlow-card-slot{position:relative;width:160px;height:224px;flex-shrink:0}.highlow-card-flip--under{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.highlow-card-flip-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;perspective:1100px;perspective-origin:39% 50%}@media (min-width: 768px){.highlow-card-flip-scene{perspective-origin:50% 50%}}.highlow-card-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;--deal-x: -138px;--deal-y: -58px;--deal-scale: .475}.highlow-card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.highlow-card-face--back{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,transparent 0 5px,color-mix(in srgb,var(--accent) 35%,transparent) 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,color-mix(in srgb,var(--accent) 35%,transparent) 5px 6px),var(--surface-2);border:2px solid var(--border);box-shadow:inset 0 0 0 3px var(--surface),var(--shadow)}@keyframes highlow-card-deal-v2{0%{transform:translate(var(--deal-x)) translateY(var(--deal-y)) scale(var(--deal-scale)) rotateY(-180deg)}to{transform:translate(0) translateY(0) scale(1) rotateY(0)}}@keyframes highlow-card-back-visible{0%,34%{visibility:visible}34.01%,to{visibility:hidden}}@keyframes highlow-card-front-visible{0%,34%{visibility:hidden}34.01%,to{visibility:visible}}@media (prefers-reduced-motion: no-preference){.highlow-card-flip--deal{animation:highlow-card-deal-v2 .52s ease-out}.highlow-card-flip--deal .highlow-card-face--back{animation:highlow-card-back-visible .52s linear}.highlow-card-flip--deal .highlow-card-face--front{animation:highlow-card-front-visible .52s linear}}@media (min-width: 768px){.highlow-deck{width:160px;height:224px;font-size:1.75rem}.highlow-card-flip{--deal-x: -180px;--deal-y: 0px;--deal-scale: 1}}.highlow-guess-actions{display:flex;gap:.75rem;width:100%}.highlow-guess-btn{flex:1}.highlow-guess-btn--pulse{box-shadow:0 0 14px 2px color-mix(in srgb,var(--accent) 55%,transparent)}@keyframes highlow-guess-pulse{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}40%{transform:scale(1.06);box-shadow:0 0 16px 4px color-mix(in srgb,var(--accent) 55%,transparent)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: no-preference){.highlow-guess-btn--pulse{animation:highlow-guess-pulse .45s ease-out}}.highlow-turn-status{font-size:.9rem;color:var(--text-muted);text-align:center}.highlow-scores{width:100%}.highlow-score-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.highlow-score-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:var(--radius-sm);transition:background-color var(--transition)}.highlow-score-row--active{background:color-mix(in srgb,var(--accent) 16%,transparent)}.highlow-score-name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.highlow-score-count{font-variant-numeric:tabular-nums;color:var(--text-muted)}.highlow-turn-arrow-slot{position:relative;width:16px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.highlow-turn-arrow{display:block;width:16px;height:20px;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 75%,transparent))}.highlow-turn-arrow svg{display:block;width:100%;height:100%;overflow:visible}.highlow-turn-arrow path{fill:var(--accent);stroke:color-mix(in srgb,white 25%,var(--accent));stroke-width:1.5;stroke-linejoin:round}@keyframes highlow-turn-arrow-slide{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media (prefers-reduced-motion: no-preference){.highlow-turn-arrow{animation:highlow-turn-arrow-slide .9s ease-in-out infinite}}.tooltip{position:relative;display:inline}.tooltip-trigger{text-decoration:underline;text-decoration-style:dashed;text-decoration-color:color-mix(in srgb,var(--text-muted) 60%,transparent);text-underline-offset:5px;cursor:pointer}.tooltip-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;max-width:90vw;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted);white-space:normal;box-shadow:var(--shadow);z-index:200;pointer-events:none}.tooltip:hover .tooltip-tip,.tooltip:focus .tooltip-tip{display:block}.tooltip--plain{display:inline-flex;align-items:center}.tooltip--plain .tooltip-trigger{text-decoration:none;cursor:default;display:inline-flex;align-items:center}.room-team-controls.highlow-equal-rule-controls{flex-direction:column;align-items:flex-start;gap:8px}.highlow-equal-rule-options{display:flex;flex-direction:column;gap:10px;align-self:stretch}.highlow-equal-rule-option{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.highlow-equal-rule-option-text{display:inline-flex;align-items:center;gap:6px}.highlow-equal-rule-option:has(input:disabled){opacity:.45;cursor:not-allowed}.highlow-equal-rule-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:var(--border-width) solid var(--border);border-radius:50%;cursor:pointer;background-color:var(--checkbox-bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.highlow-equal-rule-option input[type=radio]:disabled{cursor:not-allowed}.highlow-equal-rule-option input[type=radio]:checked{border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)}.highlow-equal-rule-option input[type=radio]:checked:after{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--accent)}.crt-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;pointer-events:none}html[data-crt=on] .crt-overlay{display:block}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--crt-scanlines-bg);mix-blend-mode:multiply}.crt-glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse at center,rgba(255,255,255,.05) 0%,transparent 65%);mix-blend-mode:screen}.crt-roll{position:absolute;left:0;right:0;height:140px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.06) 50%,transparent);mix-blend-mode:overlay;animation:crt-roll 10s linear infinite;will-change:transform}.crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}html[data-crt-roll=off] .crt-roll,html[data-crt-vignette=off] .crt-vignette{display:none}@keyframes crt-roll{0%{transform:translateY(-160px)}to{transform:translateY(100vh)}}@keyframes crt-flicker{0%,96%,to{opacity:0}97%{opacity:.08}98.5%{opacity:.03}}@media (prefers-reduced-motion: reduce){.crt-roll,.crt-flicker{animation:none;display:none}}@media (max-width: 767px){.crt-glow{display:none}}@media (max-width: 767px){.mobile-drawer[open]{display:flex;flex-direction:column;margin:0;position:fixed;left:0;right:0;bottom:0;top:auto;max-width:none;width:100%;height:55svh;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;padding:var(--space-3) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom,0))}.mobile-drawer--compact[open]{height:45svh}}@media (min-width: 768px){.mobile-drawer{display:none}}@keyframes mobile-drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-drawer[open]{animation:mobile-drawer-in .22s cubic-bezier(.32,.72,0,1)}@media (prefers-reduced-motion: reduce){.mobile-drawer[open]{animation:none}}.mobile-drawer-handle{position:relative;width:36px;height:4px;border-radius:var(--radius-pill);background:var(--border);flex-shrink:0;margin:0 auto var(--space-4);touch-action:none;cursor:grab}.mobile-drawer-handle:before{content:"";position:absolute;top:-14px;right:-24px;bottom:-14px;left:-24px}.mobile-drawer-handle:active{cursor:grabbing}.mobile-drawer-content{flex:1;min-height:0;overflow-y:auto}.confirm-modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.confirm-modal-body{font-size:var(--text-base);color:var(--text-muted);margin-bottom:20px;line-height:var(--leading-normal)}.confirm-modal-actions{display:flex;gap:8px;justify-content:flex-end}.avatar-picker-modal{max-width:300px}.avatar-picker-modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:16px}.avatar-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.avatar-picker-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:pointer}.avatar-picker-option-preview{width:54px;height:54px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:border-color var(--transition),transform var(--transition)}.avatar-picker-option-preview svg{width:100%;height:100%;display:block}.avatar-picker-option:hover .avatar-picker-option-preview{border-color:var(--border);transform:scale(1.06)}.avatar-picker-option--active .avatar-picker-option-preview{border-color:var(--accent)}.avatar-picker-modal-footer{display:flex;justify-content:space-between;align-items:center}.settings-modal{max-width:560px;padding:0;overflow:hidden}.settings-modal-heading{font-size:var(--text-lg);font-weight:600;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--border)}.settings-modal-body{display:flex;min-height:320px}.settings-sidebar{display:flex;flex-direction:column;flex-shrink:0;width:160px;padding:var(--space-3);gap:2px;border-right:1px solid var(--border);background:var(--surface-2)}.settings-sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:9px 12px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-family:inherit;font-size:var(--text-base);text-align:left;cursor:pointer;transition:background var(--transition),color var(--transition)}.settings-sidebar-item:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.settings-sidebar-item--active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:600}.settings-content{flex:1;min-width:0;padding:var(--space-5) var(--space-6)}.settings-content-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3)}.settings-theme-options{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.settings-theme-option{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.settings-theme-option span{font-size:var(--text-xl);line-height:1}.settings-theme-option:hover{background:var(--surface-2)}.settings-theme-option--active{border-color:var(--accent);color:var(--accent);font-weight:600}.settings-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.settings-modal-docs-link{background:none;border:none;padding:0;font-family:inherit;font-size:var(--text-sm);color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color var(--transition)}.settings-modal-docs-link:hover{color:var(--accent)}@media (max-width: 560px){.settings-modal-body{flex-direction:column;min-height:0}.settings-sidebar{flex-direction:row;width:auto;border-right:none;border-bottom:1px solid var(--border)}.settings-sidebar-item{flex:1;flex-direction:column;gap:4px;text-align:center;font-size:var(--text-xs)}}.display-settings{display:flex;flex-direction:column;gap:var(--space-3)}.notification-settings{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.notification-settings-status{color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-snug)}.notification-settings-status--ok{color:var(--success)}.notification-settings-status--blocked{color:var(--error)}.sound-settings{display:flex;flex-direction:column;gap:var(--space-3)}.sound-setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sound-setting-row .toggle-label{flex-shrink:0;font-family:var(--font-body);font-weight:600;color:var(--text)}.sound-setting-slider{flex:1;max-width:140px;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:var(--radius-pill);background:var(--border);cursor:pointer;transition:opacity var(--transition)}.sound-setting-slider:disabled{opacity:.4;cursor:default}.sound-setting-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 70%,transparent);cursor:pointer}.sound-setting-slider:disabled::-webkit-slider-thumb{background:var(--text-muted);box-shadow:none}.sound-setting-slider::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 70%,transparent);cursor:pointer}.sound-setting-slider:disabled::-moz-range-thumb{background:var(--text-muted);box-shadow:none}.spectator-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.spectator-list-item{display:flex;align-items:center;gap:8px}.spectator-list-name{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spectators-modal{max-height:60svh;overflow-y:auto}.spectators-modal .card-title{margin-bottom:var(--space-4)}.restart-vote{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.restart-vote-status{font-size:var(--text-sm);color:var(--text-muted);text-align:center;line-height:var(--leading-normal)}.restart-vote-actions{display:flex;gap:8px}.restart-vote-actions .btn{flex:1;min-width:0}.game-end-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:340px;width:calc(100vw - 32px);box-shadow:var(--shadow-md);text-align:center;overflow-x:hidden}.game-end-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes emoji-fade-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes emoji-pop{0%{opacity:0;scale:.3}50%{opacity:1;scale:1.3}75%{scale:.92}to{scale:1}}@keyframes game-end-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-end-emoji{font-size:3rem;line-height:1;margin-bottom:8px;animation:emoji-fade-in .3s ease-out}.game-end-emoji--won{animation:emoji-pop .55s cubic-bezier(.34,1.56,.64,1)}.game-end-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:8px}.game-end-title--won{color:var(--success)}.game-end-title--lost{color:var(--error)}.game-end-body{font-size:var(--text-base);color:var(--text-muted);margin-bottom:12px;line-height:var(--leading-normal);animation:game-end-line-in .3s ease-out .05s backwards}.game-end-quote{font-size:var(--text-sm);font-style:italic;color:var(--text-muted);margin-bottom:20px;line-height:var(--leading-normal);animation:game-end-line-in .3s ease-out .12s backwards}.game-end-actions{display:flex;gap:8px}.game-end-actions .btn{flex:1;min-width:0}.game-player-card{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.game-player-card-header{display:flex;align-items:center;justify-content:space-between}.game-player-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.game-player-name-group{display:flex;flex-direction:column;align-items:center;gap:2px}.game-player-name{font-weight:600;font-size:var(--text-lg)}.game-player-team--mobile{display:none}.game-player-team{display:flex;align-items:center;gap:5px;font-size:var(--text-sm);color:var(--accent);font-weight:600}.game-player-team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.game-player-card[data-color=red] .game-player-team-dot{background:var(--team-red)}.game-player-card[data-color=green] .game-player-team-dot{background:var(--team-green)}.game-player-card[data-color=blue] .game-player-team-dot{background:var(--team-blue)}.game-player-role{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.restart-request-modal{max-width:360px;text-align:center}.restart-request-modal-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.restart-request-modal .restart-vote{margin-bottom:0}.teams-panel{display:flex;flex-direction:column;gap:10px}.team-roster{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.team-roster[data-color=red]{color:var(--team-red)}.team-roster[data-color=green]{color:var(--team-green)}.team-roster[data-color=blue]{color:var(--team-blue)}.team-roster--active{border-color:currentColor;box-shadow:0 0 0 1px currentColor,0 0 10px color-mix(in srgb,currentColor 45%,transparent)}.team-roster-header{display:flex;align-items:center;gap:7px;padding:8px 10px;background:color-mix(in srgb,currentColor 10%,transparent)}.team-roster-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.team-roster-name{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text)}.team-roster-members{list-style:none}.team-member-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);transition:background-color var(--transition)}.team-member-row--active{background:color-mix(in srgb,currentColor 12%,transparent)}.team-member-name{font-size:var(--text-sm);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member-turn-tag{margin-left:auto;flex-shrink:0;font-family:var(--font-display);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:currentColor;background:color-mix(in srgb,currentColor 16%,transparent);border-radius:var(--radius-pill);padding:2px 7px}.team-roster-empty{padding:8px 10px;font-size:var(--text-xs);font-style:italic;color:var(--text-muted);opacity:.7}.game{display:flex;align-items:flex-start;gap:16px;padding:24px 20px;max-width:1200px;margin:0 auto;width:100%;min-height:calc(100vh - var(--topbar-h))}.game-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--topbar-h) + 24px)}.game-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.game-bottom{display:flex;align-items:flex-end;gap:12px;margin-top:16px;padding-bottom:8px}@media (max-width: 767px){.game{flex-direction:column;padding:12px 0;min-height:unset;height:calc(100svh - var(--topbar-h) - var(--bottom-nav-h) - env(safe-area-inset-bottom,0px));overflow:hidden}.game-sidebar{display:none}.game-main{width:100%;flex:1;min-height:0;overflow:hidden}.game-bottom{display:none}}.tag{display:inline-block;font-family:var(--font-display);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-xs);line-height:var(--leading-normal);border:1px solid transparent}.tag--default{color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 10%,transparent)}.tag--accent{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.tag--success{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.tag--warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.cabinet{display:flex;flex-direction:column;padding:0;text-align:left;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;color:var(--text);font-family:var(--font-body);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.cabinet:hover:not(:disabled){transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 24px color-mix(in srgb,var(--glow) 25%,transparent)}.cabinet:disabled{cursor:default;opacity:.65}.cabinet-marquee{padding:10px var(--space-4);text-align:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.cabinet:disabled .cabinet-marquee{color:var(--text-muted);background:var(--surface-2);border-bottom-color:var(--border)}.cabinet-screen{display:flex;align-items:center;justify-content:center;padding:22px var(--space-4) 18px;background-color:color-mix(in srgb,black 82%,var(--glow));box-shadow:inset 0 0 24px #0000008c}.cabinet-screen-card .card-icon{width:56px}.cabinet-screen-card+.cabinet-screen-card{margin-left:-20px}.uno-card{position:relative;display:flex;align-items:center;justify-content:center;width:46px;aspect-ratio:5 / 7;border-radius:6px;background:var(--uno-color);border:2px solid rgba(255,255,255,.85);box-shadow:0 0 10px color-mix(in srgb,var(--uno-color) 55%,transparent);overflow:hidden}.uno-card:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;background:#ffffffeb;border-radius:50%;transform:rotate(-22deg) scaleX(.72)}.uno-card-value{position:relative;z-index:1;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--uno-color)}.bship{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:84px;aspect-ratio:1}.bship-cell{display:flex;align-items:center;justify-content:center;border-radius:2px;background:color-mix(in srgb,#3b82f6 22%,transparent);border:1px solid color-mix(in srgb,#3b82f6 42%,transparent)}.bship-cell--ship{background:color-mix(in srgb,white 24%,transparent);border-color:color-mix(in srgb,white 45%,transparent)}.bship-peg{width:56%;aspect-ratio:1;border-radius:50%}.bship-peg--hit{background:#e5484d;box-shadow:0 0 5px #e5484d}.bship-peg--miss{background:#fff9}.cabinet-description{flex:1;padding:var(--space-4) var(--space-5);color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.cabinet-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5) var(--space-4)}.cabinet-players{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.cabinet-play{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--accent)}.cabinet:hover:not(:disabled) .cabinet-play{text-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent)}.games-select-page{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);max-width:800px;margin:0 auto;padding:40px 20px 80px;width:100%}.games-select-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-top:var(--space-2)}.games-select-subtitle{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-2)}.games-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));gap:var(--space-4)}@media (max-width: 640px){.games-select-page{padding:20px 16px 60px}.games-select-grid{grid-template-columns:1fr}}.create-room-modal{max-width:360px}.create-room-modal form{display:flex;flex-direction:column;gap:14px}.create-room-modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:2px}.create-room-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.char-count{font-size:var(--text-xs);color:var(--text-muted);opacity:.7;white-space:nowrap}.input{font-family:var(--font-body);padding:9px 12px;border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:max(16px,var(--text-md));font-weight:500;outline:none;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}@media (pointer: coarse){.input{min-height:44px}}.input:focus{border-color:var(--glow);box-shadow:0 0 0 3px color-mix(in srgb,var(--glow) 25%,transparent),0 0 14px color-mix(in srgb,var(--glow) 35%,transparent)}.input--error{border-color:var(--error)}.input--error:focus{border-color:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 20%,transparent)}.join-name-modal-title{font-size:var(--text-lg);font-weight:600}.join-name-modal .form-label-row{margin-bottom:12px}.join-name-modal .form-error{font-size:var(--text-sm);color:var(--error)}.join-name-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.rooms-panel-game-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.rooms-panel-game-label strong{color:var(--text)}.rooms-panel-game-change{color:var(--accent);font-weight:600;text-decoration:none}.rooms-panel-game-change:hover{text-decoration:underline}.rooms-panel-create{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.rooms-panel-create-title{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight)}.rooms-panel-create-subtitle{font-size:var(--text-base);color:var(--text-muted);margin-top:2px}.rooms-panel-create-btn{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent);transition:background-color var(--transition),opacity var(--transition),transform var(--transition),box-shadow var(--transition)}.rooms-panel-create-btn:hover:not(:disabled){box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent)}.rooms-panel-divider{height:1px;background:var(--border);margin:var(--space-5) 0}.join-key-form{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.join-key-row{display:flex;gap:10px}.join-key-row .input{flex:1}.rooms-panel-or-divider{display:flex;align-items:center;gap:12px;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.rooms-panel-or-divider:before,.rooms-panel-or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.rooms-panel-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.rooms-panel-last-refreshed{font-size:var(--text-xs);color:var(--text-muted)}.rooms-panel-refresh-btn{display:flex;align-items:center;gap:6px;line-height:1}.rooms-panel-refresh-icon{flex-shrink:0}.rooms-panel-refresh-label{font-size:var(--text-sm)}@media (max-width: 640px){.rooms-panel-refresh-btn{padding:6px 10px}.rooms-panel-refresh-label{display:none}}@keyframes rooms-panel-refresh-spin{to{transform:rotate(360deg)}}.rooms-panel-refresh-icon--spinning{animation:rooms-panel-refresh-spin 1s linear infinite}.rooms-panel-refresh-icon--settling{animation:rooms-panel-refresh-spin .35s cubic-bezier(.34,1.56,.64,1)}.rooms-empty{font-size:var(--text-base);color:var(--text-muted);padding:var(--space-2) 0}.room-list{list-style:none;display:flex;flex-direction:column;gap:6px}@keyframes room-item-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.room-list>li{animation:room-item-in .22s ease-out backwards}.room-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:left;transition:background-color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.room-list-item:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.room-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.room-list-name{font-size:var(--text-md);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-list-key{font-size:var(--text-xs);font-family:ui-monospace,monospace;color:var(--text-muted)}.room-list-counts{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.room-list-count{font-size:var(--text-sm);font-weight:500;color:var(--accent);white-space:nowrap}.room-list-spectator-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.pagination-info{font-size:var(--text-base);color:var(--text-muted);min-width:40px;text-align:center}.home-page{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:20px;max-width:800px;margin:0 auto;padding:40px 20px 80px;width:100%}@media (max-width: 640px){.home-page{padding:20px 16px 60px}}.cabinets{padding:var(--space-6) 0;scroll-margin-top:calc(var(--topbar-h, 56px) + var(--space-4))}.cabinets-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);text-align:center;margin-bottom:var(--space-2)}.cabinets-subtitle{text-align:center;color:var(--text-muted);font-size:var(--text-lg);margin-bottom:var(--space-6)}.cabinets-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:center;gap:var(--space-5)}.feature-card{background:color-mix(in srgb,var(--surface) 10%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent)}.feature-card-icon{font-size:1.8rem;line-height:1;margin-bottom:var(--space-4)}.feature-card-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.feature-card-description{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed)}.features{padding:var(--space-6) 0}.features-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);text-align:center;margin-bottom:var(--space-6)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}.arcade-horizon{--horizon-line: 58%;position:relative;height:clamp(170px,28vw,250px);margin-top:var(--space-6);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 72%,transparent 100%);mask-image:linear-gradient(to bottom,black 72%,transparent 100%)}.arcade-horizon-sky{position:absolute;left:0;top:0;width:100%;height:var(--horizon-line)}.arcade-horizon-halo-inner{stop-color:color-mix(in srgb,var(--glow) 30%,transparent)}.arcade-horizon-halo-outer{stop-color:transparent}.arcade-horizon-sun-top{stop-color:var(--glow)}.arcade-horizon-sun-bottom{stop-color:var(--accent)}.arcade-horizon-pyramid{fill:color-mix(in srgb,var(--bg) 86%,var(--glow));stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.arcade-horizon-pyramid-face{fill:color-mix(in srgb,var(--glow) 8%,transparent)}.arcade-horizon-pyramid-edge{stroke:var(--accent);stroke-width:1;opacity:.45}.arcade-horizon:after{content:"";position:absolute;top:var(--horizon-line);left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--glow),transparent);box-shadow:0 0 12px color-mix(in srgb,var(--glow) 70%,transparent)}.arcade-horizon-floor{position:absolute;left:-20%;right:-20%;top:var(--horizon-line);height:100%;transform-origin:top center;transform:perspective(320px) rotateX(62deg);background-image:linear-gradient(color-mix(in srgb,var(--glow) 50%,transparent) 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--glow) 50%,transparent) 2px,transparent 2px);background-size:46px 46px}@keyframes arcade-horizon-scroll{to{background-position-y:46px}}@media (prefers-reduced-motion: no-preference){.arcade-horizon-floor{animation:arcade-horizon-scroll 1.6s linear infinite}}.hero{display:flex;flex-direction:column;text-align:center;padding-top:48px}.hero-copy{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-5)}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px 1px var(--accent);flex-shrink:0}.hero-wordmark{display:flex;flex-direction:column;align-items:center;gap:10px;text-transform:uppercase;line-height:var(--leading-none);margin-bottom:var(--space-5)}.hero-wordmark-osiris{font-size:clamp(2.8rem,10vw,4.6rem);font-weight:800;letter-spacing:.14em;padding-left:.14em}.hero-wordmark-arcade{font-size:clamp(1.35rem,4.8vw,2.15rem);font-weight:700;letter-spacing:.52em;padding-left:.52em;color:transparent;-webkit-text-stroke:1.5px var(--accent)}@supports not (-webkit-text-stroke: 1px black){.hero-wordmark-arcade{color:var(--accent)}}.hero-subtitle{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:540px}.hero-actions{display:flex;justify-content:center;gap:var(--space-3)}.hero-cta{padding:12px 22px;font-size:var(--text-lg);font-weight:600;text-decoration:none}@media (max-width: 480px){.hero{padding-top:32px}.hero-actions{flex-direction:column;width:100%}}.how-it-works{padding:var(--space-6) 0}.how-it-works-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);text-align:center;margin-bottom:var(--space-6)}.how-it-works-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);list-style:none}.how-it-works-step{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);padding-top:44px}.how-it-works-step-number{position:absolute;top:-18px;left:var(--space-6);width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);box-shadow:var(--shadow-md)}.how-it-works-step-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.how-it-works-step-description{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed)}@media (max-width: 700px){.how-it-works-steps{grid-template-columns:1fr}}.install-app-banner{display:flex;align-items:center;gap:12px;max-width:480px;margin:16px auto 0;padding:12px 14px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:var(--border-width) solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--radius);box-shadow:0 0 16px color-mix(in srgb,var(--glow) 14%,transparent)}.install-app-banner-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-sm)}.install-app-banner-text{flex:1;min-width:0}.install-app-banner-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--text)}.install-app-banner-body{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug);margin-top:2px}.install-app-banner-install{flex-shrink:0;padding:7px 14px;font-size:var(--text-sm)}.install-app-banner-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--transition),background-color var(--transition)}.install-app-banner-dismiss:hover{color:var(--text);background:var(--surface-2)}.landing-page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 20px 80px;display:flex;flex-direction:column;gap:var(--space-6)}.landing-final-cta{text-align:center;padding:48px var(--space-6);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,color-mix(in srgb,var(--surface) 70%,transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.landing-final-cta-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5)}.start-conditions-modal{max-width:360px}.start-conditions-modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.start-conditions-list{display:flex;flex-direction:column;gap:var(--space-3);padding-left:1.2em;color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-snug)}.start-conditions-list li::marker{color:var(--accent)}.start-conditions-modal-footer{display:flex;justify-content:flex-end;margin-top:var(--space-5)}.game-settings-trigger{display:inline-flex;align-items:center;justify-content:flex-end;align-self:flex-end;gap:8px}.game-settings-trigger-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.game-settings-trigger .btn--icon{width:30px;height:30px}.game-settings-modal{max-width:380px}.game-settings-modal[open]{display:flex;flex-direction:column;gap:14px}.game-settings-modal-title{font-size:var(--text-lg);font-weight:600}.game-settings-modal-title--with-close{padding-right:28px}.game-settings-modal .room-team-controls{justify-content:space-between}.game-settings-modal-close{position:absolute;top:10px;right:10px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xl);line-height:1;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.game-settings-modal-close:hover{background:var(--surface-2);color:var(--text)}.game-settings-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px}.game-settings-modal-subtext{font-size:var(--text-sm);font-style:italic;color:var(--text-muted)}.player-item{display:flex;flex-direction:column;gap:6px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);position:relative}.player-item-main{display:flex;align-items:center;gap:10px}.player-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.player-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-tags{display:flex;gap:4px}.player-item--draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.player-item--draggable:active{cursor:grabbing}.player-drag-handle{flex-shrink:0;color:var(--text-muted);opacity:.45;transition:opacity var(--transition)}.player-item--draggable:hover .player-drag-handle{opacity:.9}.ready-control{display:flex;align-items:center;justify-content:flex-end;gap:6px}.ready-label{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);opacity:.5;white-space:nowrap;transition:color var(--transition),opacity var(--transition)}.ready-label--on{color:var(--success);opacity:.8}.ready-switch{width:22px;height:12px;border-radius:var(--radius-sm);background:var(--border);border:none;padding:0;cursor:pointer;position:relative;transition:background var(--transition);flex-shrink:0}.ready-switch--on{background:var(--success)}.ready-switch-knob{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:var(--fg-on-solid);transition:transform var(--transition);pointer-events:none}.ready-switch--on .ready-switch-knob{transform:translate(10px)}.kick-button{position:absolute;top:4px;right:6px;background:none;border:none;font-size:var(--text-md);line-height:1;padding:4px;cursor:pointer;border-radius:var(--radius-sm);opacity:.6;transition:opacity var(--transition),background-color var(--transition)}.kick-button:hover{opacity:1;background:var(--border)}.player-roster{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:80px}.player-roster .team-column-label{display:block;margin-bottom:10px}.color-selector{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--radius-pill);background:var(--surface);border:var(--border-width) solid var(--border);flex-shrink:0}.color-swatch{position:relative;width:8px;height:8px;border-radius:50%;padding:0;cursor:pointer;border:none}.color-selector--disabled .color-swatch{cursor:default;opacity:.5}.color-swatch--red{background:var(--team-red);--swatch-color: var(--team-red)}.color-swatch--green{background:var(--team-green);--swatch-color: var(--team-green)}.color-swatch--blue{background:var(--team-blue);--swatch-color: var(--team-blue)}.color-swatch--active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--swatch-color),0 0 8px var(--swatch-color)}.color-swatch--active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--swatch-color);opacity:.7}@media (min-width: 768px){.color-selector{gap:6px;padding:4px 8px}.color-swatch{width:11px;height:11px}.color-swatch--active:after{bottom:-8px;border-left-width:5px;border-right-width:5px;border-bottom-width:5px}}.rename-team-modal{max-width:320px}.rename-team-modal form{display:flex;flex-direction:column;gap:10px}.rename-team-modal-title{font-size:var(--text-lg);font-weight:600}.rename-team-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.teams{display:flex;gap:12px}@media (max-width: 700px){.teams{flex-direction:column}}.team-column{flex:1;min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:80px;transition:border-color var(--transition),background-color var(--transition)}.team-column--over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.team-column-label{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);margin:0;line-height:var(--leading-none);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-column-header{margin-bottom:10px;display:flex;align-items:center;gap:8px}.team-column-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.team-column-edit-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--accent);transform:scale(1.06)}.team-column-edit-btn:active:not(:disabled){transform:scale(.94)}.team-column-edit-btn:disabled{opacity:.35;cursor:default}.team-join-btn{display:block;width:100%;margin-top:8px;padding:6px 10px;font-size:var(--text-xs);font-weight:600;text-align:center;color:var(--text-muted);background:none;border:1px dashed var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:color var(--transition),border-color var(--transition),background-color var(--transition)}.team-join-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.team-empty{font-size:var(--text-sm);color:var(--text-muted);opacity:.5;text-align:center;-webkit-user-select:none;user-select:none}.team-player-list{list-style:none;display:flex;flex-direction:column;gap:6px}.team-column[data-color=red]{border-top:3px solid var(--team-red)}.team-column[data-color=green]{border-top:3px solid var(--team-green)}.team-column[data-color=blue]{border-top:3px solid var(--team-blue)}.room{max-width:900px;margin:0 auto;padding:40px 20px 80px;width:100%}.room-card{display:flex;flex-direction:column;gap:20px;margin-bottom:0}.room-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-header-info{display:flex;flex-direction:column;gap:6px}.room-name-row{display:flex;align-items:baseline;gap:8px}.room-name{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text)}.room-meta{display:flex;align-items:center;gap:8px}.room-key-badge{font-size:var(--text-xs);font-weight:600;font-family:ui-monospace,monospace;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.room-copy-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.room-team-controls{display:flex;align-items:center;gap:10px}.room-team-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.room-team-options{display:flex;gap:6px}.room-team-options .btn--icon{font-size:var(--text-base)}.room-ready-row{display:flex;align-items:center;justify-content:flex-end;gap:6px}.room-ready-info{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;padding:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--transition),background-color var(--transition)}.room-ready-info svg{display:block}.room-ready-info:hover{color:var(--accent);background:var(--surface-2)}.room-ready-subtext{text-align:right;font-size:var(--text-sm);font-style:italic;color:var(--text-muted)}.room-ready-subtext--ready{color:var(--success);font-weight:600}.room-footer{display:flex;flex-direction:column;gap:8px}@media (max-width: 700px){.room{padding:20px 16px 60px}.room-ready-subtext{font-size:var(--text-xs)}.room-copy-btn{min-height:0;min-width:0;padding:3px 8px;font-size:var(--text-2xs)}}.bottom-nav{display:none}@media (max-width: 767px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:var(--bottom-nav-h);padding-bottom:env(safe-area-inset-bottom,0);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:var(--border-width) solid var(--border);box-shadow:0 -2px 16px color-mix(in srgb,var(--glow) 12%,transparent);z-index:100}}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;background:none;border:none;color:var(--text-muted);text-decoration:none;font-family:var(--font-display);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-wide);cursor:pointer;transition:color var(--transition)}.bottom-nav-tab>svg,.bottom-nav-tab-icon>svg{width:21px;height:21px;transition:filter var(--transition)}.bottom-nav-tab--active{color:var(--accent)}.bottom-nav-tab--active>svg,.bottom-nav-tab--active .bottom-nav-tab-icon>svg{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 70%,transparent))}.bottom-nav-tab .player-avatar{width:23px;height:23px;font-size:var(--text-2xs)}.bottom-nav-tab-icon{position:relative;display:inline-flex}.bottom-nav-badge{position:absolute;top:-6px;right:-8px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--accent);color:var(--accent-fg);font-family:var(--font-body);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.bottom-nav-dot-badge{position:absolute;top:-3px;right:-5px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px var(--surface);pointer-events:none}.bottom-sheet-divider{height:1px;background:var(--border);margin:var(--space-3) 0}.bottom-sheet-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:11px 4px;text-align:left;text-decoration:none;background:none;border:none;font-family:var(--font-body);font-size:var(--text-md);font-weight:500;color:var(--text);cursor:pointer;border-radius:var(--radius-xs);transition:background-color var(--transition)}.bottom-sheet-item>svg{flex-shrink:0}.bottom-sheet-item:hover{background:var(--surface-2)}.bottom-sheet-item--danger{color:var(--error)}.bottom-sheet-item--danger:hover{background:color-mix(in srgb,var(--error) 10%,transparent)}.breadcrumbs{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-3) 20px 0}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);list-style:none;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase}.breadcrumbs-item{display:flex;align-items:center;gap:var(--space-2);min-width:0}.breadcrumbs-item+.breadcrumbs-item:before{content:"▸";color:var(--text-muted);opacity:.55}.breadcrumbs-link{color:var(--text-muted);text-decoration:none;transition:color var(--transition),text-shadow var(--transition)}.breadcrumbs-link:hover{color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}.breadcrumbs-text{color:var(--text-muted)}.breadcrumbs-text--current{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-input{display:flex;align-items:center;white-space:nowrap;overflow-x:auto;scrollbar-width:none;cursor:text}.emoji-input::-webkit-scrollbar{display:none}.emoji-input:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.emoji-chip{display:inline-flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;flex-shrink:0;vertical-align:middle;-webkit-user-select:none;user-select:none}.emoji-chip svg{width:100%;height:100%}.emoji-input-templates{display:none}.emoji-picker{display:inline-flex}.emoji-picker-trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--surface-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:border-color var(--transition),background-color var(--transition)}.emoji-picker-trigger:hover{background:var(--border)}.emoji-picker-trigger svg{width:18px;height:18px}.emoji-picker-popover{position:absolute;bottom:calc(100% + 8px);left:0;right:0;display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md),0 0 20px color-mix(in srgb,var(--glow) 14%,transparent);z-index:200;animation:emoji-picker-in .14s ease}@keyframes emoji-picker-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-row{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.emoji-picker-row::-webkit-scrollbar{display:none}.emoji-picker-item{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:4px;flex-shrink:0;scroll-snap-align:start;background:none;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--transition),transform var(--transition)}.emoji-picker-item:hover{background:var(--surface-2);transform:scale(1.12)}.emoji-picker-item svg{width:100%;height:100%}.emoji-picker-arrow{flex-shrink:0;width:20px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:color var(--transition)}.emoji-picker-arrow:hover{color:var(--accent)}.chat-emoji{width:1.3em;height:1.3em;vertical-align:text-bottom;margin:0 1px}.chat-fab{position:fixed;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-fg);border:none;font-size:var(--text-xl);cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md),0 6px 16px #0000004d;z-index:100;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.chat-fab:hover{background:var(--accent-hover);transform:scale(1.05)}.chat-fab:active{cursor:grabbing;box-shadow:var(--shadow-md),0 12px 28px #0006;transform:scale(.97)}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--error);color:var(--fg-on-solid);font-size:var(--text-2xs);font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-box{position:fixed;width:320px;height:400px;min-width:260px;min-height:240px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:99;display:flex;flex-direction:column;overflow:hidden}.chat-resize-handle{position:absolute;width:20px;height:20px;touch-action:none;color:var(--text-muted);transition:color var(--transition)}.chat-resize-handle:hover{color:var(--accent)}.chat-resize-handle-grip{position:absolute;background:currentColor}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.chat-title{font-size:var(--text-base);font-weight:600;color:var(--text)}.chat-close{background:none;border:none;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-xs);transition:background var(--transition),color var(--transition)}.chat-close:hover{background:var(--surface-2);color:var(--text)}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}.chat-messages::-webkit-scrollbar{display:none}.chat-empty{text-align:center;color:var(--text-muted);font-size:var(--text-base);opacity:.6;margin:auto 0}.chat-message{display:flex;flex-direction:column;gap:2px}.chat-message-header{display:flex;align-items:baseline;gap:6px}.chat-message-name{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.chat-message--me .chat-message-name{color:var(--accent)}.chat-message-time{font-size:var(--text-2xs);color:var(--text-muted);opacity:.6}.chat-message-text{font-size:var(--text-base);color:var(--text);word-break:break-word;line-height:var(--leading-snug)}.chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);flex-shrink:0;position:relative}.chat-input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:max(16px,var(--text-base));outline:none;transition:border-color var(--transition);font-family:inherit}.chat-input:focus{border-color:var(--accent)}.chat-send{padding:7px 14px;font-size:var(--text-base)}@media (max-width: 767px){.chat-fab{display:none}}.footer{display:flex;justify-content:center;padding:var(--space-4) var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.hand-sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;flex-direction:column;align-items:center;padding:6px 0 calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 6px);background:linear-gradient(to top,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface) 45%,transparent) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translateY(100%);transition:transform .26s cubic-bezier(.32,.72,0,1);pointer-events:none;touch-action:none}.hand-sheet--open{transform:translateY(0);pointer-events:auto}@media (min-width: 768px){.hand-sheet{display:none}}@media (prefers-reduced-motion: reduce){.hand-sheet{transition:none}}.hand-sheet-handle{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--border);margin-bottom:2px;flex-shrink:0}.hand-sheet .hand{display:flex}.hand-sheet .hand-deck{position:absolute;top:6px;right:8px;margin:0;z-index:2}.hand-sheet .deck{width:34px;height:48px;font-size:.7rem;border-width:1px}.mobile-pager{position:fixed;top:var(--topbar-h);bottom:max(calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px)),var(--keyboard-inset, 0px));left:0;right:0;z-index:90;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translate(100%);transition:transform .24s cubic-bezier(.32,.72,0,1);pointer-events:none}.mobile-pager--open{transform:translate(0);pointer-events:auto}@media (prefers-reduced-motion: reduce){.mobile-pager{transition:none}}.mobile-pager-scroll{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.mobile-pager-scroll::-webkit-scrollbar{display:none}.mobile-pager-page{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.mobile-pager-page:has(.chat-messages){padding:0;overflow-y:hidden}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);max-width:380px;z-index:1000;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toast--error{border-color:color-mix(in srgb,var(--error) 35%,transparent);background:color-mix(in srgb,var(--error) 6%,var(--surface))}.toast--info{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.toast-message{font-size:var(--text-base);flex:1;line-height:var(--leading-snug)}.toast--error .toast-message{color:var(--error)}.toast--info .toast-message{color:var(--accent)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-sm);padding:2px 4px;border-radius:var(--radius-xs);line-height:var(--leading-none);flex-shrink:0;transition:color var(--transition),background-color var(--transition)}.toast-close:hover{color:var(--text);background:var(--border)}.connection-status,.connection-retry{display:inline-flex;align-items:center;gap:var(--space-2)}.connection-retry-text{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.connection-retry .btn{padding:2px var(--space-2);font-size:var(--text-xs)}@media (max-width: 767px){.connection-retry-text{display:none}}.status{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text-muted);-webkit-user-select:none;user-select:none}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status--connected{color:var(--success);border-color:var(--success)}.status--connected:before{background:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 25%,transparent)}@media (prefers-reduced-motion: no-preference){.status--connected:before{animation:pulse 2s ease infinite}}@media (max-width: 767px){.status,:root:not([data-theme=dark]) .status{font-size:0;padding:0;gap:0;border:none;background:transparent}.status:before{width:8px;height:8px}}:root:not([data-theme=dark]) .status{background:var(--text-muted);border-color:transparent;color:var(--fg-on-solid)}:root:not([data-theme=dark]) .status:before{background:#fff9;box-shadow:none}:root:not([data-theme=dark]) .status--connected{background:var(--success);border-color:transparent;color:var(--fg-on-solid)}:root:not([data-theme=dark]) .status--connected:before{background:#ffffffd9;box-shadow:none}@media (max-width: 767px){:root:not([data-theme=dark]) .status--connected:before{background:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 25%,transparent)}}@media (min-width: 768px){:root[data-theme=dusk] .status{background:color-mix(in srgb,var(--text-muted) 55%,black);color:var(--text);border-color:transparent}:root[data-theme=dusk] .status:before{background:#ffffff8c}:root[data-theme=dusk] .status--connected{background:color-mix(in srgb,var(--success) 55%,black);color:var(--text);border-color:transparent}:root[data-theme=dusk] .status--connected:before{background:#ffffffd9}}@media (max-width: 767px){:root[data-theme=dusk] .status--connected:before{background:color-mix(in srgb,var(--success) 55%,black);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 25%,transparent)}}.topbar{height:var(--topbar-h);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:var(--border-width) solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm),0 1px 12px color-mix(in srgb,var(--glow) 10%,transparent)}.topbar-inner{max-width:900px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-center{flex:1;min-width:0;display:flex;justify-content:center}.topbar-your-turn{display:inline-block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:var(--tracking-wide);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 65%,transparent);pointer-events:none;white-space:nowrap}@media (prefers-reduced-motion: no-preference){.topbar-your-turn{animation:your-turn-pulse 1.6s ease-in-out infinite}}@keyframes your-turn-pulse{0%,to{transform:scale(1);opacity:1}15%{transform:scale(1.06);opacity:1}30%{transform:scale(1);opacity:1}45%{transform:scale(1.04);opacity:1}60%{transform:scale(1);opacity:.85}}.topbar-result{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);pointer-events:none;white-space:nowrap}.topbar-result--won{color:var(--success);text-shadow:0 0 10px color-mix(in srgb,var(--success) 65%,transparent)}.topbar-result--lost{color:var(--error);text-shadow:0 0 10px color-mix(in srgb,var(--error) 65%,transparent)}.topbar-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text);text-shadow:0 0 12px color-mix(in srgb,var(--glow) 35%,transparent);background:none;border:none;cursor:pointer;padding:0}.topbar-back-button{display:none}@media (max-width: 767px){.topbar-logo svg{width:28px;height:28px}.topbar-logo-text{display:none}.topbar-logo-text--always{display:inline}.topbar-back-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);padding:0;cursor:pointer}}.topbar-nav{display:flex;align-items:center;gap:4px}@media (max-width: 767px){.topbar-nav{display:none}.topbar-center{justify-content:flex-end;margin-right:8px}}.topbar-mobile-actions{display:none}@media (max-width: 767px){.topbar-mobile-actions{display:flex;gap:4px;flex-shrink:0}}.nav-link{position:relative;display:inline-block;background:none;border:none;cursor:pointer;text-decoration:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-muted);transition:color var(--transition),background-color var(--transition)}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link--active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav-link--active:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.nav-link--active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 6px 1px color-mix(in srgb,var(--accent) 70%,transparent)}.update-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:var(--shadow-md);max-width:380px;z-index:1000;animation:update-toast-in .18s ease}@keyframes update-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.update-toast-message{font-size:var(--text-base);flex:1;line-height:var(--leading-snug)}.update-toast-refresh{flex-shrink:0;background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--radius-xs);padding:6px 12px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity var(--transition)}.update-toast-refresh:hover{opacity:.85}.update-toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-sm);padding:2px 4px;border-radius:var(--radius-xs);line-height:var(--leading-none);flex-shrink:0;transition:color var(--transition),background-color var(--transition)}.update-toast-close:hover{color:var(--text);background:var(--border)}@media (max-width: 767px){.update-toast{left:12px;right:12px;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 12px);max-width:none}}.bg-guides{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.bg-guide{position:absolute}.bg-guide--left,.bg-guide--right,.bg-guide--left-wide,.bg-guide--right-wide{top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,var(--border) 0px,var(--border) 3px,transparent 3px,transparent 9px)}.bg-guide--left{left:calc(50% - 400px)}.bg-guide--right{left:calc(50% + 400px)}.bg-guide--left-wide{left:calc(50% - 512px)}.bg-guide--right-wide{left:calc(50% + 512px)}.bg-guide--top,.bg-guide--bottom{left:0;width:100%;height:1px;background:repeating-linear-gradient(to right,var(--border) 0px,var(--border) 3px,transparent 3px,transparent 9px)}.bg-guide--top{top:200px}.bg-guide--bottom{top:calc(100% - 200px)}.bg-point{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--border);transform:translate(-50%,-50%)}.bg-point--top-left{top:200px;left:calc(50% - 400px)}.bg-point--top-right{top:200px;left:calc(50% + 400px)}.bg-point--bottom-left{top:calc(100% - 200px);left:calc(50% - 400px)}.bg-point--bottom-right{top:calc(100% - 200px);left:calc(50% + 400px)}.bg-point--top-left-wide{top:200px;left:calc(50% - 512px)}.bg-point--top-right-wide{top:200px;left:calc(50% + 512px)}.bg-point--bottom-left-wide{top:calc(100% - 200px);left:calc(50% - 512px)}.bg-point--bottom-right-wide{top:calc(100% - 200px);left:calc(50% + 512px)}.bg-glow-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.bg-glow-dot-core,.bg-glow-dot-halo{fill:var(--glow)}.bg-glow-trail-seg{stroke:var(--glow);stroke-width:1.2;stroke-linecap:round}@media (prefers-reduced-motion: reduce){.bg-glow-svg{display:none}}