.landing{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-6);background-image:radial-gradient(ellipse at center,#0a0e278c,#0a0e27e6 80%),linear-gradient(180deg,#0a0e2780,#0a0e27d9),url(/backgrounds/landing.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.landing-header{text-align:center;position:relative;z-index:1}.landing-title{font-family:var(--font-display);font-size:clamp(32px,8vw,56px);font-weight:900;letter-spacing:.05em;color:var(--color-cyan);text-shadow:0 0 20px var(--color-cyan),0 0 40px rgba(0,245,212,.5),0 4px 24px rgba(0,0,0,.8);margin-bottom:var(--space-2)}.landing-tagline{font-size:14px;color:var(--color-text);letter-spacing:.3em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.9)}.landing-actions{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:320px;position:relative;z-index:1}.join-banner{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;background:linear-gradient(180deg,#0a0e27fa,#0a0e27d9);border-bottom:2px solid var(--color-cyan);box-shadow:0 0 32px #00f5d480,0 4px 24px #0009;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:banner-slide-down .5s cubic-bezier(.16,1,.3,1)}.join-banner-streak{position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,212,.4),transparent);animation:banner-streak 1.4s ease-out;pointer-events:none}.join-banner-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.join-banner-text{font-family:var(--font-display);font-size:clamp(14px,3vw,20px);font-weight:900;letter-spacing:.2em;color:var(--color-cyan);text-shadow:0 0 16px var(--color-cyan),0 0 32px rgba(0,245,212,.5);text-align:center;padding:0 var(--space-4);animation:banner-text-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes banner-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes banner-streak{0%{left:-50%}to{left:150%}}@keyframes banner-text-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.join-banner,.join-banner-streak,.join-banner-text{animation-duration:.01ms!important;animation-iteration-count:1!important}}.stage-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;position:relative;padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl);background-image:radial-gradient(ellipse at center,#0a0e2766,#0a0e27e0 80%),url(/backgrounds/stage.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(0,245,212,.12);box-shadow:inset 0 0 80px #0009}.stage-leaderboard{width:100%;max-width:600px;display:flex;justify-content:center}.stage{position:relative;width:100%;max-width:600px;aspect-ratio:1 / 1;margin:0 auto}.stage-table{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;display:flex;align-items:center;justify-content:center;transition:filter .4s ease}.stage-table-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at center,#232948e6,#1a1f3ad9 70%,#0a0e27e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--phase-color, var(--color-cyan));box-shadow:0 0 40px var(--phase-color, rgba(0, 245, 212, .3)),inset 0 0 60px #00f5d414;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);transition:border-color .4s ease,box-shadow .4s ease}.stage-table-label{font-family:var(--font-display);font-size:14px;letter-spacing:.3em;color:var(--phase-color, var(--color-cyan));text-shadow:0 0 12px var(--phase-color, var(--color-cyan));margin-bottom:var(--space-2);transition:color .4s ease,text-shadow .4s ease}.stage-table-hint{font-size:12px;color:var(--color-text-muted);font-style:italic}@media (min-width: 900px){.stage-wrapper{flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--space-8);padding:var(--space-8)}.stage-leaderboard{max-width:320px;flex-shrink:0;order:2}.stage{flex-shrink:0;order:1;max-width:520px}}.table-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:center}.table-phase-title{font-family:var(--font-display);font-size:18px;letter-spacing:.3em;color:var(--color-cyan);text-shadow:0 0 12px var(--color-cyan)}.table-phase-hint{font-size:12px;color:var(--color-text-muted);font-style:italic}.table-preview-digits{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.table-preview-digit{width:40px;height:48px;border-radius:var(--radius-sm);background:var(--color-bg);border:2px solid var(--color-border-bright);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--color-cyan)}.table-preview-input{width:200px;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border-bright);color:var(--color-text-muted);font-size:14px;margin-top:var(--space-2)}.table-preview-challenge{padding:12px 24px;border-radius:var(--radius-md);background:var(--color-red);color:#fff;font-size:14px;font-weight:700;letter-spacing:.1em;box-shadow:0 0 20px #f369;margin-top:var(--space-2);animation:danger-pulse 1.2s ease-in-out infinite}@keyframes danger-pulse{0%,to{box-shadow:0 0 20px #f369}50%{box-shadow:0 0 32px #ff3366e6,0 0 64px #f366}}.table-preview-reveal{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-2);font-family:var(--font-mono);font-size:14px;color:var(--color-text)}.reaction-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px 10px;background:#0a0e27eb;border:1px solid var(--color-border-bright);border-radius:9999px;box-shadow:0 4px 24px #0000008c,0 0 24px #00f5d426;z-index:1600;max-width:calc(100vw - 24px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reaction-bar::-webkit-scrollbar{display:none}.reaction-btn{min-width:40px;min-height:40px;font-size:22px;line-height:1;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:transform .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (hover: hover) and (pointer: fine){.reaction-btn:hover{background:var(--color-surface-raised);transform:scale(1.15)}}.reaction-btn:active{transform:scale(.85)}.reaction-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1400;overflow:hidden}.reaction-float{position:absolute;bottom:90px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;animation:reaction-rise 2.6s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.reaction-emoji{font-size:40px;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.reaction-name{font-size:10px;color:var(--color-text-muted);background:#0a0e27bf;padding:1px 6px;border-radius:9999px;white-space:nowrap;letter-spacing:.05em}@keyframes reaction-rise{0%{transform:translate(-50%) translateY(0) scale(.6);opacity:0}15%{transform:translate(-50%) translateY(-20px) scale(1.15);opacity:1}70%{transform:translate(-50%) translateY(-260px) scale(1);opacity:1}to{transform:translate(-50%) translateY(-380px) scale(.9);opacity:0}}@media (prefers-reduced-motion: reduce){.reaction-float{animation:none;opacity:0}}.spectator-screen{min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:16px}.spectator-screen-join{align-items:center;justify-content:center}.spectator-join-card{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:32px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.spectator-join-icon{font-size:48px;margin-bottom:4px}.spectator-join-title{font-family:var(--font-display);font-size:24px;letter-spacing:.15em;color:var(--color-cyan);text-shadow:0 0 16px var(--color-cyan);margin:0;text-align:center}.spectator-join-subtitle{font-size:14px;color:var(--color-text-muted);text-align:center;margin:0 0 8px}.spectator-join-btn{width:100%;max-width:300px;margin-top:8px}.spectator-join-error{color:var(--color-red);font-size:13px;margin:0;text-align:center}.spectator-back{background:transparent;border:none;color:var(--color-text-muted);font-size:13px;cursor:pointer;padding:6px 12px;margin-top:8px}.spectator-back:hover{color:var(--color-cyan)}.spectator-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.spectator-badge{font-family:var(--font-display);font-size:13px;letter-spacing:.25em;color:var(--color-cyan);text-shadow:0 0 12px var(--color-cyan)}.spectator-header-right{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--color-text-muted);flex-wrap:wrap}.spectator-header-right strong{color:var(--color-text);font-family:var(--font-mono)}.spectator-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;text-align:center}.spectator-waiting-title{font-family:var(--font-display);font-size:20px;letter-spacing:.15em;color:var(--color-cyan);text-shadow:0 0 12px var(--color-cyan);margin:0}.spectator-waiting-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.spectator-stage{width:100%;display:flex;justify-content:center}.spectator-list{align-self:flex-end;max-width:240px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.spectator-list-title{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 8px}.spectator-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.spectator-list li{font-size:13px;color:var(--color-text)}.code-input{font-family:var(--font-mono);font-size:16px;letter-spacing:.12em;text-align:center;padding:12px}.lock-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:center}.lock-panel-title{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--color-cyan);text-shadow:0 0 10px var(--color-cyan);margin:0}.lock-panel-subtitle{font-size:13px;color:var(--color-text-muted);font-family:var(--font-mono);margin:0}.lock-panel-digits{display:flex;gap:var(--space-2);margin:var(--space-2) 0}.lock-panel-digit{width:48px;height:60px;border-radius:var(--radius-sm);background:var(--color-bg);border:2px solid var(--color-cyan);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--color-cyan);box-shadow:0 0 12px #00f5d466}.lock-panel-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:var(--space-2);max-width:300px;width:100%}.lock-panel-key{min-height:48px;min-width:48px;aspect-ratio:1 / 1;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border-bright);color:var(--color-text);font-family:var(--font-mono);font-size:20px;font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform .1s var(--ease-out)}@media (hover: hover) and (pointer: fine){.lock-panel-key:hover{background:var(--color-surface-raised);border-color:var(--color-cyan)}}.lock-panel-key:active{transform:scale(.94)}.lock-panel-key-action{color:var(--color-magenta);border-color:var(--color-magenta)}.lock-panel-lock{margin-top:var(--space-3);min-width:220px}.lock-panel-locked{animation:lock-pulse 1.2s ease-in-out infinite}.lock-panel-locked .lock-panel-title{color:var(--color-green);text-shadow:0 0 10px var(--color-green)}@keyframes lock-pulse{0%,to{opacity:1}50%{opacity:.65}}@media (prefers-reduced-motion: reduce){.lock-panel-locked{animation:none}}.peek-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:center}.peek-panel-title{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--color-purple);text-shadow:0 0 10px var(--color-purple);margin:0}.peek-panel-subtitle{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono);margin:0}.peek-panel-waiting{color:var(--color-text-muted);font-style:italic;padding:var(--space-6) 0;font-size:14px}.peek-panel-reveal{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.peek-panel-who{font-size:14px;color:var(--color-text);margin:0}.peek-panel-who strong{color:var(--color-purple);text-shadow:0 0 8px var(--color-purple)}.peek-panel-digits{display:flex;gap:var(--space-2)}.peek-panel-digit{width:48px;height:60px;border-radius:var(--radius-sm);background:var(--color-bg);border:2px solid var(--color-border-bright);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--color-text-muted)}.peek-panel-digit-revealed{border-color:var(--color-purple);color:var(--color-purple);box-shadow:0 0 16px #9d4edd99,0 0 32px #9d4edd4d;animation:peek-reveal-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes peek-reveal-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.peek-panel-hint{font-size:12px;color:var(--color-text-muted);font-style:italic;margin:0}@media (prefers-reduced-motion: reduce){.peek-panel-digit-revealed{animation:none}}.bluff-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:center}.bluff-panel-title{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--color-magenta);text-shadow:0 0 10px var(--color-magenta);margin:0}.bluff-panel-subtitle{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono);margin:0}.bluff-panel-instruction{font-size:13px;color:var(--color-text);max-width:340px;margin:var(--space-2) 0;line-height:1.4}.bluff-panel-input-wrap{position:relative;width:100%;max-width:340px}.bluff-panel-input{width:100%;padding:14px 60px 14px 16px;border-radius:var(--radius-md);background:var(--color-bg);border:2px solid var(--color-border-bright);color:var(--color-text);font-family:var(--font-body);font-size:16px;transition:border-color .15s ease}.bluff-panel-input:focus{outline:none;border-color:var(--color-magenta);box-shadow:0 0 12px #ff2e634d}.bluff-panel-counter{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);pointer-events:none}.bluff-panel-submit{margin-top:var(--space-2);min-width:200px}.bluff-panel-hint{font-size:11px;color:var(--color-text-muted);font-style:italic;margin:0}.bluff-panel-submitted{animation:bluff-pulse 1.5s ease-in-out infinite}.bluff-panel-submitted .bluff-panel-title{color:var(--color-green);text-shadow:0 0 10px var(--color-green)}.bluff-panel-mybluff{font-family:var(--font-body);font-size:16px;color:var(--color-magenta);font-style:italic;margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-4);border-left:3px solid var(--color-magenta);background:#ff2e6314;border-radius:var(--radius-sm);max-width:340px}.bluff-panel-mybluff-empty{color:var(--color-text-muted);border-left-color:var(--color-text-muted);background:#5a608014}@keyframes bluff-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion: reduce){.bluff-panel-submitted{animation:none}}.challenge-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:center}.challenge-panel-title{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--color-red);text-shadow:0 0 10px var(--color-red);margin:0}.challenge-panel-subtitle{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono);margin:0}.challenge-panel-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:420px;padding:0;margin:var(--space-2) 0}.challenge-panel-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease,opacity .2s ease}.challenge-panel-row-selected{border-color:var(--color-red);box-shadow:0 0 12px #f366}.challenge-panel-row-locked{opacity:.4;pointer-events:none}.challenge-panel-info{flex:1;text-align:left;min-width:0}.challenge-panel-name{font-size:14px;font-weight:700;color:var(--color-text);margin-bottom:4px}.challenge-panel-bluff{font-size:12px;color:var(--color-magenta);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-panel-count{font-size:11px;color:var(--color-text-muted);margin-top:4px}.challenge-panel-btn{padding:8px 14px;border-radius:var(--radius-sm);background:var(--color-red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;cursor:pointer;border:none;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 0 12px #f366}.challenge-panel-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #ff3366b3}.challenge-panel-btn:active:not(:disabled){transform:scale(.95)}.challenge-panel-badge{padding:8px 14px;border-radius:var(--radius-sm);background:transparent;border:2px solid var(--color-red);color:var(--color-red);font-size:11px;font-weight:700;letter-spacing:.15em;white-space:nowrap}.challenge-panel-hint{font-size:11px;color:var(--color-text-muted);font-style:italic;margin:0}.challenge-panel-empty{padding:var(--space-4);color:var(--color-text-dim);font-style:italic;font-size:13px}@media (prefers-reduced-motion: reduce){.challenge-panel-btn{transition:none}}.guess-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:center}.guess-panel-title{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--color-amber);text-shadow:0 0 10px var(--color-amber);margin:0}.guess-panel-subtitle{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono);margin:0}.guess-panel-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;margin:var(--space-2) 0 0}.guess-panel-targets{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-2)}.guess-panel-target{padding:6px 14px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border-bright);color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.guess-panel-target:hover{border-color:var(--color-amber);color:var(--color-text)}.guess-panel-target-active{background:var(--color-amber);border-color:var(--color-amber);color:var(--color-bg)}.guess-panel-digits{display:flex;gap:var(--space-2);margin:var(--space-2) 0}.guess-panel-digit{width:48px;height:60px;border-radius:var(--radius-sm);background:var(--color-bg);border:2px solid var(--color-amber);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--color-amber);box-shadow:0 0 12px #ffb70359}.guess-panel-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:260px;width:100%}.guess-panel-key{aspect-ratio:1 / 1;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border-bright);color:var(--color-text);font-family:var(--font-mono);font-size:18px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.guess-panel-key:hover{background:var(--color-surface-raised);border-color:var(--color-amber)}.guess-panel-key:active{transform:scale(.94)}.guess-panel-key-action{color:var(--color-magenta);border-color:var(--color-magenta)}.guess-panel-submit{margin-top:var(--space-2);padding:12px 28px;border-radius:var(--radius-md);background:var(--color-amber);color:var(--color-bg);font-size:15px;font-weight:700;letter-spacing:.05em;cursor:pointer;border:none;box-shadow:0 0 16px #ffb70380;transition:transform .15s ease}.guess-panel-submit:hover:not(:disabled){transform:scale(1.03)}.guess-panel-submit:disabled{background:var(--color-surface);color:var(--color-text-dim);box-shadow:none;cursor:not-allowed}.guess-panel-no-more{padding:var(--space-4);color:var(--color-text-muted);font-style:italic}.guess-panel-history{margin-top:var(--space-4);width:100%;max-width:400px}.guess-panel-history-title{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;margin:0 0 var(--space-2)}.guess-panel-history ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.guess-panel-history-row{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px}.guess-panel-history-target{color:var(--color-text);text-align:left}.guess-panel-history-code{font-family:var(--font-mono);color:var(--color-amber);font-weight:700}.guess-panel-history-result{display:flex;gap:6px;font-size:12px}.guess-panel-hit-pos{color:var(--color-green);font-weight:700}.guess-panel-hit-digit{color:var(--color-amber);font-weight:700}.guess-panel-hit-none{color:var(--color-text-dim)}.guess-panel-history-points{font-family:var(--font-mono);color:var(--color-cyan);font-weight:700;min-width:30px;text-align:right}.guess-panel-legend{font-size:10px;color:var(--color-text-dim);margin:8px 0 0;font-style:italic}.reveal-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:center}.reveal-panel-title{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--color-green);text-shadow:0 0 10px var(--color-green);margin:0}.reveal-panel-subtitle{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono);margin:0}.reveal-panel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);width:100%;max-width:500px;margin:var(--space-3) 0}.reveal-panel-card{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-bright);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:8px;animation:reveal-flip .5s cubic-bezier(.34,1.56,.64,1)}.reveal-panel-card-name{font-size:13px;font-weight:700;color:var(--color-text);letter-spacing:.05em}.reveal-panel-card-code{display:flex;gap:6px}.reveal-panel-digit{width:34px;height:44px;border-radius:var(--radius-sm);background:var(--color-bg);border:2px solid var(--color-green);color:var(--color-green);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:20px;font-weight:700;box-shadow:0 0 10px #06ffa566}.reveal-panel-card-footer{display:flex;gap:12px;align-items:center;font-family:var(--font-mono);font-size:14px}.reveal-panel-delta{color:var(--color-text-muted);font-weight:700}.reveal-panel-delta-pos{color:var(--color-green);text-shadow:0 0 8px var(--color-green)}.reveal-panel-delta-neg{color:var(--color-red);text-shadow:0 0 8px var(--color-red)}.reveal-panel-total{color:var(--color-cyan);font-weight:700}.reveal-panel-challenges{width:100%;max-width:400px;margin-top:var(--space-2)}.reveal-panel-challenges-title{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;margin:0 0 var(--space-2)}.reveal-panel-challenges ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.reveal-panel-challenge{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;background:var(--color-surface);border:1px solid var(--color-border)}.reveal-panel-challenge-success{border-color:var(--color-green)}.reveal-panel-challenge-fail{border-color:var(--color-red)}.reveal-panel-challenge-names{text-align:left;color:var(--color-text)}.reveal-panel-challenge-verdict{font-size:11px;font-weight:700;letter-spacing:.15em}.reveal-panel-challenge-success .reveal-panel-challenge-verdict{color:var(--color-green)}.reveal-panel-challenge-fail .reveal-panel-challenge-verdict{color:var(--color-red)}.reveal-panel-challenge-points{font-family:var(--font-mono);font-weight:700;min-width:34px;text-align:right}.reveal-panel-challenge-success .reveal-panel-challenge-points{color:var(--color-green)}.reveal-panel-challenge-fail .reveal-panel-challenge-points{color:var(--color-red)}.reveal-panel-next{font-size:12px;color:var(--color-text-muted);font-style:italic;margin:var(--space-3) 0 0}@keyframes reveal-flip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.reveal-panel-card{animation:none}}.game-over{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;padding:var(--space-6) var(--space-4);text-align:center;overflow:hidden}.game-over-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.game-over-confetti-piece{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;opacity:.9;animation:game-over-fall 3.5s linear infinite}@keyframes game-over-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.9}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (prefers-reduced-motion: reduce){.game-over-confetti-piece{animation:none;opacity:0}}.game-over-winner{display:flex;flex-direction:column;align-items:center;gap:6px;animation:game-over-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes game-over-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.game-over-trophy{font-size:64px;filter:drop-shadow(0 0 24px rgba(255,214,10,.7));animation:game-over-trophy-glow 2s ease-in-out infinite}@keyframes game-over-trophy-glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,214,10,.6))}50%{filter:drop-shadow(0 0 32px rgba(255,214,10,.95))}}.game-over-title{font-family:var(--font-display);font-size:14px;letter-spacing:.3em;color:var(--color-text-muted);margin:0}.game-over-winner-name{font-family:var(--font-display);font-size:32px;font-weight:900;color:#ffd60a;text-shadow:0 0 24px rgba(255,214,10,.7),0 0 48px rgba(255,214,10,.4);margin:0;letter-spacing:.05em}.game-over-winner-score{font-family:var(--font-mono);font-size:16px;color:var(--color-cyan);margin:0}.game-over-you-won{font-size:14px;color:var(--color-green);font-style:italic;margin:4px 0 0}.game-over-standings{width:100%;max-width:400px}.game-over-standings-title{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-3)}.game-over-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);counter-reset:rank}.game-over-row{display:grid;grid-template-columns:36px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform .2s ease,border-color .2s ease}.game-over-row-gold{border-color:#ffd60a;background:#ffd60a0f}.game-over-row-silver{border-color:silver;background:#c0c0c00d}.game-over-row-bronze{border-color:#cd7f32;background:#cd7f320d}.game-over-row-you{box-shadow:0 0 12px #00f5d440}.game-over-rank{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--color-text-muted);text-align:center}.game-over-row-gold .game-over-rank{color:#ffd60a}.game-over-row-silver .game-over-rank{color:silver}.game-over-row-bronze .game-over-rank{color:#cd7f32}.game-over-name{font-size:15px;font-weight:600;color:var(--color-text);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-over-you-tag{color:var(--color-text-muted);font-weight:400;font-size:13px}.game-over-score{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--color-cyan);min-width:40px;text-align:right}.game-over-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px;margin-top:var(--space-3)}.game-over-btn{padding:14px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:700;letter-spacing:.05em;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}.game-over-btn-primary{background:var(--color-cyan);color:var(--color-bg);box-shadow:0 0 16px #00f5d480}.game-over-btn-primary:hover{transform:scale(1.03)}.game-over-btn-ghost{background:transparent;color:var(--color-cyan);border:1px solid var(--color-cyan)}.game-over-btn-ghost:hover{background:#00f5d414}.phase-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:phase-intro-fade 1.4s ease-out forwards}.phase-intro-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a0e27b3,#0a0e27f2 70%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.phase-intro-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:phase-intro-pop .7s cubic-bezier(.34,1.56,.64,1)}.phase-intro-double{font-family:var(--font-display);font-size:96px;font-weight:900;color:#ffd60a;text-shadow:0 0 32px rgba(255,214,10,.9),0 0 64px rgba(255,214,10,.5);line-height:1;margin-bottom:8px;animation:phase-intro-zoom .8s cubic-bezier(.34,1.56,.64,1)}.phase-intro-round{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.4em;color:var(--color-text-muted)}.phase-intro-phase{font-family:var(--font-display);font-size:56px;font-weight:900;letter-spacing:.15em;color:var(--color-cyan);text-shadow:0 0 24px var(--color-cyan),0 0 48px rgba(0,245,212,.6);text-transform:uppercase}@keyframes phase-intro-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes phase-intro-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes phase-intro-zoom{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.phase-intro,.phase-intro-content,.phase-intro-double{animation-duration:.01ms!important}}.score-pop-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1500;overflow:hidden}.score-pop{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;border-radius:var(--radius-md);background:#0a0e27d9;border:2px solid currentColor;animation:score-pop-rise 2.2s cubic-bezier(.16,1,.3,1) forwards}.score-pop-pos{color:var(--color-green);box-shadow:0 0 24px #06ffa580;text-shadow:0 0 12px var(--color-green)}.score-pop-neg{color:var(--color-red);box-shadow:0 0 24px #ff336680;text-shadow:0 0 12px var(--color-red)}.score-pop-player{font-family:var(--font-display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.score-pop-amount{font-family:var(--font-mono);font-size:32px;font-weight:900}@keyframes score-pop-rise{0%{transform:translate(-50%,40px) scale(.6);opacity:0}20%{transform:translate(-50%) scale(1.1);opacity:1}40%{transform:translate(-50%,-20px) scale(1);opacity:1}to{transform:translate(-50%,-160px) scale(.9);opacity:0}}@media (prefers-reduced-motion: reduce){.score-pop{animation:none;opacity:0}}.screen-shake{width:100%;min-height:100%;will-change:transform}.screen-shake-light{animation:shake-light .5s cubic-bezier(.36,.07,.19,.97)}.screen-shake-heavy{animation:shake-heavy .8s cubic-bezier(.36,.07,.19,.97)}@keyframes shake-light{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-3px,-2px)}40%{transform:translate(3px,2px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px)}90%{transform:translate(0)}}@keyframes shake-heavy{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-10px,4px) rotate(-.4deg)}20%{transform:translate(10px,-6px) rotate(.4deg)}30%{transform:translate(-8px,-6px) rotate(-.3deg)}40%{transform:translate(8px,5px) rotate(.3deg)}50%{transform:translate(-6px,3px) rotate(-.2deg)}60%{transform:translate(6px,-3px) rotate(.2deg)}70%{transform:translate(-4px,2px) rotate(-.1deg)}80%{transform:translate(4px,-2px) rotate(.1deg)}90%{transform:translate(-2px,1px) rotate(0)}}@media (prefers-reduced-motion: reduce){.screen-shake-light,.screen-shake-heavy{animation:none}}.btn{min-height:var(--touch-min);padding:12px 22px;border-radius:var(--radius-md);font-size:15px;font-weight:600;letter-spacing:.05em;font-family:inherit;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.btn:hover:not(:disabled){transform:scale(1.02)}.btn-ghost:hover:not(:disabled){background:#00f5d414}}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{background:var(--color-surface);color:var(--color-text-dim);box-shadow:none;cursor:not-allowed}.btn-primary{background:var(--color-cyan);color:var(--color-bg);box-shadow:0 0 16px #00f5d480}.btn-secondary{background:var(--color-magenta);color:#fff;box-shadow:0 0 16px #ff2e6380}.btn-ghost{background:transparent;color:var(--color-cyan);border:1px solid var(--color-cyan)}.btn-danger{background:var(--color-red);color:#fff;box-shadow:0 0 16px #ff336680}.beast{border-radius:50%;background:var(--color-surface-raised);border:2px solid var(--color-cyan);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.beast-emoji{line-height:1;-webkit-user-select:none;user-select:none}.leaderboard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 4px 24px #00000080;min-width:260px;max-width:340px}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.leaderboard-title{font-family:var(--font-display);font-size:12px;letter-spacing:.15em;color:var(--color-cyan);text-shadow:0 0 8px rgba(0,245,212,.5)}.leaderboard-round{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:.1em}.leaderboard-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-row{display:grid;grid-template-columns:20px 1fr auto;grid-template-rows:auto auto;column-gap:var(--space-2);row-gap:4px;align-items:center;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);transition:background .2s ease,transform .2s ease}.leaderboard-row-gold{background:#ffd60a14}.leaderboard-row-silver{background:#c0c0c00f}.leaderboard-row-bronze{background:#cd7f320f}.leaderboard-rank{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--color-text-muted);text-align:center}.leaderboard-row-gold .leaderboard-rank{color:#ffd60a;text-shadow:0 0 8px rgba(255,214,10,.6)}.leaderboard-row-silver .leaderboard-rank{color:silver}.leaderboard-row-bronze .leaderboard-rank{color:#cd7f32}.leaderboard-name{font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-score{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-cyan);min-width:32px;text-align:right}.leaderboard-row-gold .leaderboard-score{color:#ffd60a;text-shadow:0 0 8px rgba(255,214,10,.6)}.leaderboard-bar-track{grid-column:1 / -1;height:4px;background:var(--color-bg);border-radius:9999px;overflow:hidden;margin-top:2px}.leaderboard-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-cyan),var(--color-magenta));border-radius:9999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.leaderboard-row-gold .leaderboard-bar-fill{background:linear-gradient(90deg,#ffd60a,#ff8c00)}.leaderboard-empty{text-align:center;font-size:13px;color:var(--color-text-dim);font-style:italic;padding:var(--space-4) 0}.player-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.player-ring>div{pointer-events:auto}.player-seat{position:absolute;width:80px;height:80px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:auto}.player-seat-compact{width:60px;height:60px;gap:2px}.player-seat-chair{width:48px;height:48px;border-radius:50%;background:var(--color-surface);border:2px dashed var(--color-border-bright);display:flex;align-items:center;justify-content:center;font-size:24px;opacity:.5;animation:seat-breathe 3s ease-in-out infinite}.player-seat-compact .player-seat-chair{width:40px;height:40px;font-size:18px}@keyframes seat-breathe{0%,to{opacity:.4}50%{opacity:.7}}.player-seat-label{font-size:11px;font-weight:600;color:var(--color-text);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;text-align:center}.player-seat-compact .player-seat-label{font-size:9px;max-width:60px}.player-seat-score{font-size:10px;line-height:1.1;font-weight:800;color:var(--color-cyan);text-shadow:0 0 8px rgba(0,245,212,.35);font-variant-numeric:tabular-nums;white-space:nowrap}.player-seat-compact .player-seat-score{font-size:9px}.player-seat-label-empty{color:var(--color-text-dim);font-style:italic;font-weight:400}.player-seat-host{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--color-bg);background:var(--color-cyan);padding:2px 6px;border-radius:var(--radius-sm)}.player-seat-compact .player-seat-host{font-size:8px;padding:1px 5px}.player-seat-active .beast{transform:scale(1.15);box-shadow:0 0 24px var(--color-cyan),0 0 48px #00f5d480}.player-seat-bluff{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-6px);max-width:160px;min-width:60px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-magenta);border-radius:var(--radius-md);color:var(--color-magenta);font-size:11px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 12px #ff2e6359;pointer-events:none;animation:bluff-bubble-in .4s cubic-bezier(.34,1.56,.64,1)}.player-seat-compact .player-seat-bluff{max-width:110px;min-width:44px;font-size:10px;padding:4px 8px}.player-seat-bluff:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-magenta)}.player-seat-bluff-empty{color:var(--color-text-muted);font-style:italic}@keyframes bluff-bubble-in{0%{transform:translate(-50%) translateY(4px);opacity:0}to{transform:translate(-50%) translateY(-6px);opacity:1}}.player-seat-leader .beast{box-shadow:0 0 24px #ffd60a,0 0 48px #ffd60a80;border-color:#ffd60a}.player-seat-crown{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:22px;filter:drop-shadow(0 0 8px rgba(255,214,10,.9));animation:crown-bob 2s ease-in-out infinite;pointer-events:none;z-index:2}.player-seat-compact .player-seat-crown{top:-18px;font-size:18px}@keyframes crown-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}@media (prefers-reduced-motion: reduce){.player-seat-crown,.player-seat-bluff,.player-seat-chair{animation:none}}.join-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6);max-width:480px;margin:0 auto;position:relative}.back-btn{position:absolute;top:var(--space-4);left:var(--space-4);color:var(--color-text-muted);font-size:14px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.back-btn:hover{color:var(--color-cyan)}.join-title{font-family:var(--font-display);font-size:28px;color:var(--color-text);margin-bottom:var(--space-4);text-align:center}.code-inputs{display:flex;gap:var(--space-2);justify-content:center}.code-cell{width:48px;height:64px;background:var(--color-surface);border:2px solid var(--color-border-bright);border-radius:var(--radius-md);color:var(--color-cyan);font-family:var(--font-mono);font-size:28px;font-weight:700;text-align:center;text-transform:uppercase;transition:border-color .15s ease,box-shadow .15s ease}.code-cell:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 12px #00f5d466}.field{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px}.field-label{font-size:14px;color:var(--color-text-muted)}.field-input{background:var(--color-surface);border:1px solid var(--color-border-bright);border-radius:var(--radius-md);padding:12px 16px;color:var(--color-text);font-size:16px}.field-input:focus{outline:none;border-color:var(--color-cyan)}.join-btn{width:100%;max-width:320px;margin-top:var(--space-4)}.join-btn:disabled{background:var(--color-surface);color:var(--color-text-dim);box-shadow:none;cursor:not-allowed}.code-input{font-family:var(--font-mono);font-size:18px;letter-spacing:.15em;text-align:center;padding:16px 12px}.join-hint{font-size:12px;color:var(--color-text-muted);text-align:center;max-width:320px;margin-top:var(--space-2)}.lobby{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-6);max-width:560px;margin:0 auto;position:relative;background-image:radial-gradient(ellipse at center,#0a0e2799,#0a0e27eb 75%),url(/backgrounds/lobby.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.lobby-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.lobby-logo{font-family:var(--font-display);color:var(--color-cyan);font-size:16px;letter-spacing:.1em;text-shadow:0 0 12px var(--color-cyan)}.lobby-leave{color:var(--color-text-muted);font-size:14px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);min-height:36px}.lobby-leave:hover{color:var(--color-magenta)}.lobby-code-section{text-align:center;width:100%;padding:var(--space-6) var(--space-4);background:#0a0e2799;border-radius:var(--radius-lg);border:1px solid rgba(0,245,212,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lobby-code-label{font-size:12px;color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-2)}.lobby-code{font-family:var(--font-mono);font-size:clamp(28px,9vw,44px);font-weight:700;color:var(--color-cyan);letter-spacing:.2em;text-shadow:0 0 24px rgba(0,245,212,.7),0 4px 16px rgba(0,0,0,.6);padding:var(--space-4) 0;word-break:break-all}.lobby-code-hint{font-size:14px;color:var(--color-text-muted)}.lobby-players{width:100%}.lobby-players-title{font-size:14px;color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-3);display:flex;justify-content:space-between}.lobby-players-count{color:var(--color-cyan);font-family:var(--font-mono)}.lobby-player-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.lobby-player{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#1a1f3abf;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color var(--duration-fast) var(--ease-out)}.lobby-player-empty{opacity:.4;border-style:dashed;background:#1a1f3a66}.lobby-player-avatar{font-size:24px}.lobby-player-name{flex:1;font-size:16px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player-tag{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--color-bg);background:var(--color-cyan);padding:3px 8px;border-radius:var(--radius-sm)}.lobby-start{width:100%;margin-top:auto}.lobby-in-progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#00f5d414;border:1px solid var(--color-cyan);border-radius:var(--radius-md)}.lobby-in-progress-badge{font-family:var(--font-display);font-size:12px;letter-spacing:.2em;color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan);margin:0}.lobby-return-btn{min-width:220px}:root{--color-bg: #0A0E27;--color-surface: #1A1F3A;--color-surface-raised: #232948;--color-border: #2A3050;--color-border-bright: #3A4370;--color-magenta: #FF2E63;--color-cyan: #00F5D4;--color-purple: #9D4EDD;--color-amber: #FFB703;--color-green: #06FFA5;--color-red: #FF3366;--color-text: #EAEAEA;--color-text-muted: #B4BCD6;--color-text-dim: #6A7290;--color-text-inverse: #0A0E27;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-display: "Orbitron", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--touch-min: 44px;--focus-ring: 2px solid var(--color-cyan);--focus-offset: 2px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-text-size-adjust:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:16px}img,svg{max-width:100%;height:auto;display:block}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}