@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=IBM+Plex+Mono:wght@400;600;700&display=swap";:root{--font-display: "Rajdhani", "Space Mono", monospace;--font-body: "IBM Plex Mono", "Courier New", monospace;--color-bg-space: #0a0a0f;--color-bg-void: #050508;--color-bg-panel: rgba(255, 255, 255, .03);--color-bg-panel-hover: rgba(255, 255, 255, .06);--color-neon-cyan: #00d9ff;--color-neon-magenta: #ff006e;--color-neon-green: #06ffa5;--color-neon-yellow: #ffbe0b;--color-text-primary: #ffffff;--color-text-secondary: #a0a0b0;--color-text-muted: #6a6a7a;--color-border-subtle: rgba(255, 255, 255, .08);--color-border-glass: rgba(255, 255, 255, .12);--color-border-neon: var(--color-neon-cyan);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--radius-sm: 8px;--radius-md: 16px;--shadow-cyan: 0 0 20px rgba(0, 217, 255, .4);--shadow-magenta: 0 0 20px rgba(255, 0, 110, .4);--shadow-green: 0 0 20px rgba(6, 255, 165, .4);--blur-glass: blur(10px);font-family:var(--font-body);line-height:1.6;font-weight:400;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-space);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(0,217,255,.05) 0%,var(--color-bg-space) 50%);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,217,255,.03) 0px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.3}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius-sm);border:1px solid var(--color-border-glass);padding:var(--space-2) var(--space-3);font-size:1em;font-weight:600;font-family:var(--font-display);background:var(--color-bg-panel);color:var(--color-text-primary);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase;letter-spacing:.1em}button:hover{background:var(--color-bg-panel-hover);border-color:var(--color-neon-cyan);box-shadow:var(--shadow-cyan);transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--color-neon-cyan);outline-offset:2px}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.game-controls{background:var(--color-bg-panel);border:1px solid var(--color-border-glass);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-cyan);display:flex;justify-content:space-between;align-items:center;margin:var(--space-1) auto;max-width:1800px;width:calc(100% - var(--space-4))}.control-section{display:flex;align-items:center;gap:var(--space-2)}.play-pause-btn{background:var(--color-bg-void);color:var(--color-neon-green);border:2px solid var(--color-neon-green);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase;letter-spacing:.15em;box-shadow:var(--shadow-green)}.play-pause-btn:hover{background:var(--color-neon-green);color:var(--color-bg-void);box-shadow:0 0 25px #06ffa599;transform:translateY(-2px)}.round-indicator{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-neon-cyan);padding:var(--space-1) var(--space-2);background:#00d9ff1a;border-radius:var(--radius-sm);border:1px solid var(--color-neon-cyan)}.speed-buttons{display:flex;gap:var(--space-1)}.speed-btn{background:var(--color-bg-panel);border:1px solid var(--color-border-glass);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.speed-btn:hover{background:var(--color-bg-panel-hover);border-color:var(--color-neon-cyan);color:var(--color-neon-cyan)}.speed-btn.active{background:#00d9ff26;color:var(--color-neon-cyan);border-color:var(--color-neon-cyan);box-shadow:var(--shadow-cyan)}label{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em}.game-complete-actions{gap:var(--space-2)}.show-results-btn{background:linear-gradient(135deg,#ff006e,#ffb800);color:#0a0a14;border:2px solid #ffb800;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 20px #ffb80080,0 0 40px #ff006e4d;animation:resultsPulse 2s ease-in-out infinite}@keyframes resultsPulse{0%,to{box-shadow:0 0 20px #ff006e66,0 0 40px #ffb80033}50%{box-shadow:0 0 30px #ff006e99,0 0 60px #ffb80066}}.show-results-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 40px #ff006e99,0 0 80px #ffb80066}.new-game-btn{background:var(--color-bg-void);color:var(--color-neon-cyan);border:2px solid var(--color-neon-cyan);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--shadow-cyan)}.new-game-btn:hover{background:var(--color-neon-cyan);color:var(--color-bg-void);box-shadow:0 0 25px #00d9ff99;transform:translateY(-2px)}.theater-stage{display:grid;grid-template-columns:1fr 320px;gap:var(--space-2);max-width:1800px;margin:0 auto;padding:var(--space-1);width:100%}.spotlight-area{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:radial-gradient(circle at center,var(--color-bg-panel) 0%,transparent 70%);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);position:relative;overflow:hidden;padding:var(--space-3)}.spotlight-area.viewing-history{border-color:var(--color-neon-yellow);box-shadow:0 0 20px #ffeb0026}.history-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-2);background:#ffeb001a;border:1px solid var(--color-neon-yellow);border-radius:var(--radius-sm);animation:historyPulse 2s ease-in-out infinite}@keyframes historyPulse{0%,to{box-shadow:0 0 5px #ffeb004d}50%{box-shadow:0 0 15px #ffeb0080}}.history-badge{font-family:var(--font-display);font-size:.9rem;color:var(--color-neon-yellow);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.history-position{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-muted)}.return-to-live-btn{padding:var(--space-1) var(--space-2);background:var(--color-neon-green);color:var(--color-bg-void);border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.return-to-live-btn:hover{background:var(--color-neon-cyan);transform:scale(1.05);box-shadow:var(--shadow-cyan)}.waiting-state{text-align:center;color:var(--color-text-muted)}.waiting-icon{font-size:4rem;margin-bottom:var(--space-2);animation:spin 2s linear infinite;filter:drop-shadow(0 0 20px rgba(0,217,255,.3))}@keyframes spin{to{transform:rotate(360deg)}}.waiting-text{font-family:var(--font-display);font-size:1.2rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary)}.waiting-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-neon-cyan);margin-bottom:var(--space-3);text-shadow:var(--shadow-cyan)}.waiting-subtitle{font-size:.9rem;color:var(--color-text-muted);font-style:italic;margin-top:var(--space-2)}.waiting-context{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);max-width:300px;margin:0 auto}.context-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.context-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.context-value{font-family:var(--font-display);font-weight:600;color:var(--color-text-primary)}.context-value.secret{color:var(--color-neon-pink);text-shadow:var(--shadow-pink)}.waiting-icon.pulse{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(0,217,255,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 0 40px rgba(0,217,255,.6))}}.waiting-icon.celebration{animation:celebration-bounce 1s ease-in-out infinite,celebration-glow 2s ease-in-out infinite}@keyframes celebration-bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.05)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-5px) scale(1.02)}}@keyframes celebration-glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,184,0,.4))}50%{filter:drop-shadow(0 0 40px rgba(255,184,0,.8))}}.thinking-player-spotlight{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-neon-cyan);box-shadow:var(--shadow-cyan);max-width:320px;margin:0 auto var(--space-2) auto;animation:spotlightPulse 2s ease-in-out infinite}@keyframes spotlightPulse{0%,to{box-shadow:0 0 10px #00d9ff4d;border-color:var(--color-neon-cyan)}50%{box-shadow:0 0 25px #00d9ff99;border-color:#00d9ffe6}}.thinking-player-info{display:flex;align-items:baseline;gap:var(--space-2)}.thinking-player-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-neon-cyan);text-shadow:var(--shadow-cyan)}.thinking-player-model{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.thinking-progress{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-secondary)}.thinking-bar{width:100%;height:6px;background:var(--color-bg-panel);border-radius:100px;overflow:hidden;border:1px solid var(--color-border-subtle)}.thinking-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-neon-cyan),var(--color-neon-green));border-radius:100px;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-cyan)}.thinking-dots{font-size:2rem;color:var(--color-neon-cyan);margin-top:var(--space-2)}.thinking-dots span{animation:dot-bounce 1.4s ease-in-out infinite;display:inline-block}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-10px);opacity:1}}.player-performance{width:100%;max-width:100%;animation:performanceEnter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes performanceEnter{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.performance-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.player-badge{display:flex;gap:var(--space-3);align-items:center;min-width:0}.player-avatar-large{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,var(--color-neon-cyan),var(--color-bg-void));border:2px solid var(--color-neon-cyan);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:var(--color-text-primary);box-shadow:var(--shadow-cyan);flex-shrink:0}.player-details{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.player-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.05em}.player-model{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em}.round-indicator{font-family:var(--font-body);font-size:.85rem;color:var(--color-neon-cyan);font-weight:600}.role-badge.imposter{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#ff006e1a;border:2px solid var(--color-neon-magenta);border-radius:var(--radius-sm);box-shadow:var(--shadow-magenta)}.badge-icon{font-size:2rem}.badge-text{font-family:var(--font-display);font-size:.9rem;color:var(--color-neon-magenta);text-transform:uppercase;letter-spacing:.15em;font-weight:700}.guess-text{font-family:var(--font-body);font-size:.8rem;color:var(--color-neon-yellow);font-style:italic}.confidence-display{display:flex;flex-direction:column;gap:var(--space-1);min-width:150px}.confidence-label{font-family:var(--font-display);font-size:.9rem;color:var(--color-text-muted);text-align:right}.confidence-bar{height:8px;background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);border-radius:100px;overflow:hidden;position:relative}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--color-neon-magenta),var(--color-neon-yellow),var(--color-neon-green));border-radius:100px;transition:width .8s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-green)}.clue-spotlight{text-align:center;margin:var(--space-2) 0;padding:var(--space-2);background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);border-radius:var(--radius-md)}.clue-label{font-family:var(--font-body);font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.clue-word-massive{font-family:var(--font-display);font-size:3.5rem;font-weight:900;color:var(--color-text-primary);letter-spacing:.05em;animation:clueReveal .8s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,var(--color-text-primary),var(--color-neon-cyan));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(0,217,255,.5))}.player-performance.imposter .clue-word-massive{background:linear-gradient(135deg,var(--color-neon-magenta),var(--color-neon-yellow));background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 40px rgba(255,0,110,.5))}@keyframes clueReveal{0%{opacity:0;transform:scale(.8);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.thinking-display{background:var(--color-bg-panel);border-radius:var(--radius-md);padding:var(--space-2);border:1px solid var(--color-border-glass);margin-top:var(--space-2)}.thinking-label{font-family:var(--font-display);font-size:1rem;color:var(--color-neon-cyan);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.15em}.thinking-text{font-family:var(--font-body);font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary);text-align:left;word-wrap:break-word;overflow-wrap:break-word}.player-performance.imposter .thinking-label{color:var(--color-neon-magenta)}.player-performance.imposter .thinking-display{border-color:var(--color-neon-magenta);background:#ff006e0d}.player-performance.voting .player-avatar-large,.player-avatar-large.voting{background:radial-gradient(circle,var(--color-neon-yellow),var(--color-bg-void));border-color:var(--color-neon-yellow);box-shadow:var(--shadow-yellow)}.round-indicator.voting{color:var(--color-neon-yellow)}.confidence-fill.voting{background:linear-gradient(90deg,var(--color-neon-yellow),var(--color-neon-green));box-shadow:var(--shadow-yellow)}.thinking-display.voting{border-color:var(--color-neon-yellow);background:#ffeb000d}.thinking-display.voting .thinking-label{color:var(--color-neon-yellow)}.vote-spotlight{text-align:left;margin:var(--space-2) 0;padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-neon-yellow);box-shadow:var(--shadow-yellow)}.vote-label{font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-neon-yellow);margin-bottom:var(--space-2)}.vote-list{display:flex;flex-direction:column;gap:var(--space-2)}.vote-suspect{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-panel);border-radius:var(--radius-sm);border-left:3px solid var(--color-border-subtle);transition:all .2s ease}.vote-suspect.primary{border-left-color:var(--color-neon-magenta);background:#ff006e1a}.suspect-rank{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--color-text-muted);min-width:30px}.vote-suspect.primary .suspect-rank{color:var(--color-neon-magenta)}.suspect-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text-primary);min-width:80px}.suspect-reason{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary);line-height:1.4;flex:1}.timeline-round-header.voting .round-label{background:#ffeb0033;border-color:var(--color-neon-yellow);color:var(--color-neon-yellow);box-shadow:var(--shadow-yellow)}.timeline-round-header.voting .round-line{background:linear-gradient(90deg,transparent,var(--color-neon-yellow),transparent);height:2px}.timeline-item.voting{border-left-color:var(--color-neon-yellow);background:#ffeb000d}.timeline-item.voting:hover{background:#ffeb001f}.timeline-item.voting.current{box-shadow:var(--shadow-yellow);opacity:1}.vote-target{text-align:center;margin:var(--space-2) 0}.target-name{font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:var(--color-neon-magenta);text-shadow:var(--shadow-magenta);animation:targetReveal .6s cubic-bezier(.34,1.56,.64,1)}@keyframes targetReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.vote-reasoning{font-family:var(--font-body);font-size:1rem;color:var(--color-text-secondary);font-style:italic;margin-top:var(--space-2);text-align:center;line-height:1.5}.vote-tally{margin-top:var(--space-3);padding:var(--space-2);background:var(--color-bg-panel);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.tally-label{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.tally-list{display:flex;flex-direction:column;gap:var(--space-1)}.tally-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border-radius:var(--radius-sm);border-left:3px solid var(--color-neon-yellow)}.tally-item:first-child{border-left-color:var(--color-neon-magenta);background:#ff006e1a}.tally-player{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.tally-count{font-family:var(--font-body);font-size:.85rem;color:var(--color-neon-yellow);font-weight:600}.tally-item:first-child .tally-count{color:var(--color-neon-magenta)}.timeline-item.elimination{border-left-width:4px;padding:var(--space-2);opacity:1;cursor:default}.timeline-item.elimination.caught{border-left-color:var(--color-neon-magenta);background:#ff006e26;box-shadow:var(--shadow-magenta)}.timeline-item.elimination.innocent{border-left-color:var(--color-neon-cyan);background:#00d9ff1a}.elimination-badge{font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:var(--radius-sm)}.elimination-badge.imposter{background:var(--color-neon-magenta);color:var(--color-bg-void);animation:imposterReveal .5s ease-in-out}.elimination-badge.innocent{background:var(--color-text-muted);color:var(--color-bg-void)}@keyframes imposterReveal{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.remaining-imposters{font-family:var(--font-body);font-size:.75rem;color:var(--color-neon-yellow);font-style:italic;margin-top:var(--space-1)}.timeline-vote-reason{font-size:.85rem;font-style:italic;color:var(--color-text-muted)}.timeline-sidebar{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-bg-void);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);padding:var(--space-2);overflow:visible;min-height:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.timeline-header h3{font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:.15em}.round-progress{font-family:var(--font-body);font-size:.9rem;color:var(--color-neon-cyan);font-weight:600}.timeline-scroll{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-1)}.timeline-round-block{margin-bottom:var(--space-2)}.timeline-round-block:first-child .timeline-round-header{margin-top:0}.timeline-round-header{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 var(--space-1) 0}.timeline-round-header.current-round .round-label{background:#00d9ff33;border-color:var(--color-neon-cyan);color:var(--color-neon-cyan);box-shadow:var(--shadow-cyan)}.timeline-round-header.current-round .round-line{background:linear-gradient(90deg,transparent,var(--color-neon-cyan),transparent);height:2px}.round-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-subtle),transparent)}.round-label{font-family:var(--font-display);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;padding:var(--space-1) var(--space-2);background:var(--color-bg-panel);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);transition:all .3s ease}.timeline-scroll::-webkit-scrollbar{width:6px}.timeline-scroll::-webkit-scrollbar-track{background:var(--color-bg-panel);border-radius:10px}.timeline-scroll::-webkit-scrollbar-thumb{background:var(--color-neon-cyan);border-radius:10px;opacity:.5}.timeline-item{display:flex;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-panel);border-left:3px solid var(--color-neon-cyan);transition:all .2s cubic-bezier(.34,1.56,.64,1);opacity:.6;cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-item:hover{opacity:.85;background:#00d9ff14;transform:translate(4px)}.timeline-item:focus{outline:2px solid var(--color-neon-cyan);outline-offset:2px}.timeline-item.current{background:#00d9ff1a;border-left-color:var(--color-neon-cyan);box-shadow:var(--shadow-cyan);opacity:1}.timeline-item.selected{background:#ffeb0026;border-left-color:var(--color-neon-yellow);box-shadow:0 0 12px #ffeb0066;opacity:1;transform:translate(4px)}.timeline-item.selected .timeline-marker{opacity:1}.timeline-item.imposter{border-left-color:var(--color-neon-magenta);background:#ff006e0d}.timeline-item.imposter:hover{background:#ff006e1f}.timeline-item.imposter.current{border-left-color:var(--color-neon-magenta);box-shadow:var(--shadow-magenta);opacity:1}.timeline-item.imposter.selected{background:#ffeb0026;border-left-color:var(--color-neon-yellow);box-shadow:0 0 12px #ffeb0066}.timeline-marker{font-size:1.2rem;opacity:.7}.timeline-content{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.timeline-meta{display:flex;justify-content:space-between;align-items:center}.timeline-player{font-family:var(--font-display);font-size:.85rem;color:var(--color-text-primary);font-weight:600}.timeline-round{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted)}.timeline-clue{font-family:var(--font-body);font-size:1rem;color:var(--color-text-secondary);font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.timeline-guess{font-family:var(--font-body);font-size:.8rem;color:var(--color-neon-yellow);font-style:italic}.player-gallery{margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.gallery-label{font-family:var(--font-display);font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-2)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.player-chip{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--color-bg-panel);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.player-chip.active{background:#00d9ff26;border-color:var(--color-neon-cyan);box-shadow:var(--shadow-cyan)}.chip-avatar{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,var(--color-neon-cyan),var(--color-bg-void));border:1px solid var(--color-neon-cyan);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--color-text-primary);flex-shrink:0}.chip-label{font-family:var(--font-body);font-size:.65rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1200px){.theater-stage{grid-template-columns:1fr;grid-template-rows:1fr auto}.timeline-sidebar{max-height:300px}.clue-word-massive{font-size:3.5rem}}@media(max-width:768px){.clue-word-massive{font-size:2.5rem}.player-performance{padding:1.5rem}.timeline-sidebar{max-height:250px}}.imposter-reveal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;animation:overlayFadeIn .6s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.reveal-header{text-align:center;margin-bottom:1.5rem}.reveal-title{font-family:Space Mono,Courier New,monospace;font-size:2.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0;display:flex;flex-direction:column;gap:.25rem}.title-line{display:inline-block;background:linear-gradient(90deg,#ff006e,#8338ec,#3a86ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,0,110,.5);animation:titleSlideIn .8s cubic-bezier(.34,1.56,.64,1);opacity:0;animation-fill-mode:forwards}.title-line.delay-1{animation-delay:.3s}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.word-reveal{font-family:Inter,system-ui,sans-serif;font-size:1.1rem;color:#8b8b9a;margin-top:.75rem;opacity:0;animation:fadeInUp .6s ease-out forwards}.word-reveal.delay-2{animation-delay:.6s}.secret-word{font-family:Space Mono,monospace;color:#ffbe0b;font-weight:700;font-size:1.3rem;text-shadow:0 0 20px rgba(255,190,11,.6)}.imposter-cards{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;max-width:1200px}.imposter-card{position:relative;width:220px;height:280px;perspective:1000px;opacity:0;animation:cardReveal .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardReveal{0%{opacity:0;transform:scale(.8) rotateY(-15deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.card-glow{position:absolute;inset:-3px;border-radius:16px;background:linear-gradient(135deg,#ff006e,#8338ec,#3a86ff);opacity:0;filter:blur(12px);animation:glowPulse 2s ease-in-out infinite;animation-delay:inherit}.imposter-card.caught .card-glow{background:linear-gradient(135deg,#06ffa5,#00d9ff)}.imposter-card.escaped .card-glow{background:linear-gradient(135deg,#ff006e,#ff6d00)}@keyframes glowPulse{0%,to{opacity:.6;filter:blur(12px)}50%{opacity:.9;filter:blur(16px)}}.card-inner{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#16213e,#0f172a);border-radius:16px;border:2px solid rgba(255,255,255,.1);padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;transition:transform .3s ease}.imposter-card:hover .card-inner{transform:translateY(-8px)}.mask-container{position:relative;margin-top:.5rem}.mask-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(255,0,110,.8));animation:maskFloat 3s ease-in-out infinite}@keyframes maskFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.mask-glow{position:absolute;inset:-15px;background:radial-gradient(circle,rgba(255,0,110,.4) 0%,transparent 70%);filter:blur(15px);opacity:.6;animation:glowBreath 2s ease-in-out infinite}@keyframes glowBreath{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.player-info{text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.player-name{font-family:Space Mono,monospace;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:.05em;margin-bottom:.25rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.player-model{font-family:Inter,sans-serif;font-size:.75rem;color:#8b8b9a;text-transform:uppercase;letter-spacing:.1em}.status-badge{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:100px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;animation:badgeSlideIn .5s ease-out;animation-delay:inherit;animation-fill-mode:backwards}@keyframes badgeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-badge.caught{background:linear-gradient(135deg,#06ffa533,#00d9ff33);border:2px solid #06ffa5;color:#06ffa5;box-shadow:0 0 20px #06ffa566,inset 0 0 20px #06ffa51a}.status-badge.escaped{background:linear-gradient(135deg,#ff006e33,#ff6d0033);border:2px solid #ff006e;color:#ff006e;box-shadow:0 0 20px #ff006e66,inset 0 0 20px #ff006e1a}.status-icon{font-size:1rem}.detection-score{margin-top:1.5rem;text-align:center;opacity:0;animation:fadeInUp .8s ease-out forwards}.detection-score.delay-3{animation-delay:1.2s}.score-label{font-family:Inter,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:#8b8b9a;margin-bottom:.25rem}.score-value{font-family:Space Mono,monospace;font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#06ffa5,#00d9ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;text-shadow:0 0 30px rgba(6,255,165,.5)}.score-bar{width:250px;height:6px;background:#ffffff1a;border-radius:100px;overflow:hidden;margin:0 auto}.score-fill{height:100%;background:linear-gradient(90deg,#06ffa5,#00d9ff);border-radius:100px;box-shadow:0 0 20px #06ffa5cc;animation:scoreFill 1.5s ease-out;animation-delay:1.5s;animation-fill-mode:backwards}@keyframes scoreFill{0%{width:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.imposter-cards{flex-direction:column;align-items:center}.reveal-title{font-size:2.5rem}.score-value{font-size:3rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg-space);color:var(--color-text-primary);min-height:100vh;margin:0;padding:0}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}.app-header{text-align:center;padding:var(--space-2) var(--space-2) var(--space-1);margin:0}.app-header h1{font-family:var(--font-display);font-size:2rem;font-weight:700;background:linear-gradient(90deg,var(--color-neon-magenta),var(--color-neon-cyan));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-1);filter:drop-shadow(0 0 30px rgba(255,0,110,.4))}.app-header p{font-size:.95rem;color:var(--color-text-muted);font-family:var(--font-body)}.game-setup{max-width:700px;width:100%;margin:var(--space-3) auto;background:var(--color-bg-panel);border:1px solid var(--color-border-glass);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-cyan);box-sizing:border-box}.game-setup h2{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:center;text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:1.4rem}.setup-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-3)}.form-group{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden}.form-group label{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;min-width:90px;flex-shrink:0}.form-group input{padding:var(--space-1) var(--space-2);background:var(--color-bg-panel);border:1px solid var(--color-border-glass);border-radius:var(--radius-sm);font-size:1rem;color:var(--color-text-primary);font-family:var(--font-body);transition:all .3s cubic-bezier(.34,1.56,.64,1);flex:1;min-width:0}.form-group input:focus{outline:none;border-color:var(--color-neon-cyan);box-shadow:var(--shadow-cyan);background:var(--color-bg-panel-hover)}.start-btn{grid-column:1 / -1;background:var(--color-bg-void);color:var(--color-neon-cyan);border:2px solid var(--color-neon-cyan);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-top:var(--space-1);box-shadow:var(--shadow-cyan)}.start-btn:hover{background:var(--color-neon-cyan);color:var(--color-bg-void);transform:translateY(-2px);box-shadow:0 4px 30px #00d9ff99}.game-layout{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;max-width:1600px;margin:0 auto}@media(max-width:1200px){.game-layout{grid-template-columns:1fr}}.left-panel,.center-panel,.right-panel{display:flex;flex-direction:column}.result-card{background:#fff;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 2px 8px #0000001a;text-align:center}.result-card h2{color:#4ecdc4;margin-bottom:15px}.result-card p{margin:8px 0;font-size:1.1rem}.results-modal-overlay{position:fixed;inset:0;background:#05050fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results-modal{position:relative;background:var(--color-bg-panel);border:2px solid var(--color-neon-magenta);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:95vw;max-width:1100px;max-height:95vh;overflow:hidden;box-shadow:0 0 60px #ff006e4d,var(--shadow-glow-magenta);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:44px;height:44px;border:2px solid #ff006e;border-radius:50%;background:#0a0a14e6;color:#ff006e;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 0 15px #ff006e66}.modal-close-btn:hover{background:#ff006e;color:#0a0a14;box-shadow:0 0 25px #ff006e99;transform:scale(1.1)}.modal-actions{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-glass)}.modal-new-game-btn{background:var(--color-bg-void);color:var(--color-neon-magenta);border:2px solid var(--color-neon-magenta);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-glow-magenta)}.modal-new-game-btn:hover{background:var(--color-neon-magenta);color:var(--color-bg-void);transform:translateY(-2px);box-shadow:0 4px 30px #ff006e99}.modal-dismiss-btn{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-glass);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.modal-dismiss-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.results-modal .imposter-reveal-overlay{position:relative;inset:auto;z-index:auto;padding:var(--space-3);background:transparent;animation:none;min-height:auto}.error-banner{width:100%;max-width:800px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-2) auto;background:linear-gradient(135deg,#ff323226,#ff64321a);border:1px solid rgba(255,100,100,.4);border-radius:var(--radius-sm);animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:1.2rem;flex-shrink:0}.error-message{flex:1;font-size:.9rem;color:#f99}.error-action{padding:var(--space-1) var(--space-2);background:transparent;border:1px solid rgba(255,100,100,.5);border-radius:var(--radius-sm);color:#f99;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.error-action:hover{background:#ff646433;border-color:#ff6464cc;color:#fbb}