*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier Prime,monospace;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1419);min-height:100vh;color:#e0e0e0;position:relative;overflow-x:hidden;padding-bottom:60px}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,255,136,.03) 0px,transparent 1px,transparent 2px,rgba(0,255,136,.03) 3px);pointer-events:none;z-index:1}@keyframes glitch{0%,to{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,-2px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-blue{0%,to{box-shadow:0 0 15px #00d4ff4d}50%{box-shadow:0 0 25px #00d4ff99}}.scanline{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(transparent,rgba(0,255,136,.5),transparent);animation:scanline 8s linear infinite;pointer-events:none;z-index:3}.container{position:relative;z-index:2;max-width:600px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.header{text-align:center;margin-bottom:2rem;animation:fadeIn .8s ease-out}.logo{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,136,.5);letter-spacing:.1em;margin-bottom:.5rem;position:relative}.logo-small{font-size:1.5rem}.tagline{font-family:Orbitron,sans-serif;color:#0f8;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase}.classified{display:inline-block;background:#f36;color:#fff;padding:.25rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.2em;transform:rotate(-2deg);margin-left:.5rem;box-shadow:0 4px 15px #ff336680}.game-card{background:#0f1423e6;border:2px solid #00ff88;padding:2rem;box-shadow:0 0 40px #0f83,inset 0 0 60px #00ff880d;position:relative;animation:fadeIn 1s ease-out;margin-bottom:1rem}.game-card-danger{border-color:#f36}.section-title{font-family:Orbitron,sans-serif;font-size:1.2rem;color:#0f8;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em;border-left:4px solid #00ff88;padding-left:1rem}.section-title-danger{color:#f36;border-color:#f36}.section-title-info{color:#00d4ff;border-color:#00d4ff;text-align:center}.input{width:100%;padding:.875rem;background:#0000004d;border:2px solid #00ff88;color:#e0e0e0;font-family:Courier Prime,monospace;font-size:1rem;margin-bottom:1rem;transition:all .3s ease}.input:focus{outline:none;box-shadow:0 0 20px #00ff884d;background:#00ff880d}.input-select{background:#00000080;cursor:pointer}.btn{font-family:Orbitron,sans-serif;width:100%;padding:.875rem 2rem;border:2px solid #00ff88;background:transparent;color:#0f8;cursor:pointer;font-weight:700;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:.75rem}.btn:hover:not(:disabled){background:#0f8;color:#0a0e27;box-shadow:0 0 20px #0f89}.btn:disabled{opacity:.5;cursor:default}.btn-danger{border-color:#f36;color:#f36}.btn-danger:hover:not(:disabled){background:#f36;color:#fff}.btn-warning{border-color:#fa0;color:#fa0}.btn-warning:hover:not(:disabled){background:#fa0;color:#000}.btn-small{padding:.5rem 1rem;font-size:.7rem;width:auto;margin-bottom:0}.btn-info{border-color:#00d4ff;color:#00d4ff}.btn-info:hover:not(:disabled){background:#00d4ff;color:#0a0e27}.btn-disabled-look{border-color:#666;color:#666}.kick-btn{background:transparent;border:1px solid #ff3366;color:#f36;border-radius:50%;width:24px;height:24px;font-size:12px;cursor:pointer;margin-left:10px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.kick-btn:hover{background:#f36;color:#fff}.players-list{list-style:none}.player-item{padding:.75rem;border-bottom:1px solid rgba(0,255,136,.2);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.player-item.offline{opacity:.5}.selectable-player{cursor:pointer}.selectable-player:hover{background:#00d4ff33;border-left:4px solid #00d4ff;padding-left:.5rem}.selected-player{background:#ffaa001a;border-left:4px solid #ffaa00;padding-left:.5rem}.interrogator-highlight{background:#00ff8826;border:2px solid #00ff88;box-shadow:0 0 15px #00ff884d;padding-left:.5rem}.player-badge{font-size:.75rem;padding:.25rem .5rem;background:#0f83;border:1px solid #00ff88;border-radius:2px;margin-left:.5rem}.briefing-card{background:linear-gradient(135deg,#00ff881a,#00d4ff1a);border:3px solid #00ff88;padding:3.5rem 2rem 2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.top-secret-stamp{position:absolute;top:15px;right:-20px;background:#f36;color:#fff;padding:.5rem 3rem;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:900;letter-spacing:.2em;transform:rotate(15deg);box-shadow:0 4px 15px #f366;z-index:10;border:none}.briefing-header{text-align:center;border-bottom:2px solid #00ff88;padding-bottom:1rem;margin-bottom:1.5rem}.dashed-line{border-bottom:2px dashed rgba(0,255,136,.3);width:100%;margin:1rem 0}.briefing-label{font-family:Orbitron,sans-serif;font-size:.85rem;color:#00d4ff;margin-bottom:.5rem;letter-spacing:.1em}.briefing-value{font-size:1.8rem;font-weight:700;color:#0f8;padding:1rem;background:#0000004d;border-left:4px solid #00ff88;margin-bottom:.5rem}.briefing-value-spy{color:#f36}.spy-alert{background:#f363;border:3px solid #ff3366;padding:2rem;text-align:center;margin-bottom:1.5rem;animation:pulse 2s infinite}.timer{text-align:center;padding:1rem;background:#00ff881a;border:2px solid #00ff88;margin-bottom:1.5rem}.timer.warning{border-color:#f36;color:#f36}.timer-display{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900}.room-list-container{max-height:250px;overflow-y:auto;margin-top:1rem;background:#0000004d;border:1px solid #00ff88}.room-item{padding:1rem;border-bottom:1px solid rgba(0,255,136,.3);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.room-item:hover{background:#00ff881a}.join-btn{padding:.4rem .8rem;background:transparent;border:1px solid #00ff88;color:#0f8;font-family:Orbitron,sans-serif;font-size:.8rem;cursor:pointer;transition:all .2s ease}.join-btn:hover{background:#0f8;color:#0a0e27}.leave-game-container{position:fixed;bottom:1rem;left:0;width:100%;text-align:center;z-index:1000;pointer-events:none}.leave-game-btn{background:#000000e6;border:1px solid #444;color:#888;padding:.5rem 1.5rem;border-radius:20px;font-family:Courier Prime,monospace;font-size:.8rem;cursor:pointer;pointer-events:auto;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.leave-game-btn:hover{border-color:#f36;color:#f36}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#0f1423fa;border:3px solid #00ff88;padding:2rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:2px solid #ff3366;color:#f36;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#f36;color:#fff}.rules-btn{position:fixed;bottom:1.5rem;right:1.5rem;width:50px;height:50px;background:#0a0e27e6;border:2px solid #00d4ff;color:#00d4ff;border-radius:50%;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:2000;display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px #00d4ff4d;transition:all .3s ease;animation:pulse-blue 3s infinite}.rules-btn:hover{background:#00d4ff;color:#0a0e27;box-shadow:0 0 30px #00d4ffcc;transform:scale(1.1) rotate(90deg)}.rules-header{color:#00d4ff;font-family:Orbitron,sans-serif;font-size:.9rem;border-bottom:1px dashed rgba(0,212,255,.5);margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.25rem;letter-spacing:.1em}.rules-list{margin-left:1.5rem;font-size:.85rem;color:#ccc;line-height:1.6}.rules-list li{margin-bottom:.5rem}.vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:1rem}.vote-button{padding:1rem;border:1px solid #00ff88;text-align:center;cursor:pointer;transition:all .2s ease}.vote-button:hover{background:#0f83}.vote-button.selected{background:#0f8;color:#000}.location-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.location-list-item{padding:.5rem;border:1px solid rgba(0,255,136,.3);text-align:center;font-size:.8rem;cursor:pointer;transition:all .2s ease}.location-list-item:hover{background:#00ff8826}.location-list-item.selected{background:#fa0;color:#000;border-color:#fa0}.info-bar{background:#00ff880d;padding:.5rem;text-align:center;border:1px solid rgba(0,255,136,.2);margin-bottom:1rem}.status-icon{font-size:1.2rem;margin-right:.5rem}.status-icon-pulse{animation:pulse 2s infinite}.error-banner{background:#f363;color:#f36;padding:1rem;text-align:center;border:1px solid #ff3366;margin-bottom:1rem;animation:fadeIn .3s ease-out}.connection-status{position:fixed;top:0;left:0;right:0;z-index:9999;text-align:center;padding:.5rem;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:.1em;transition:all .3s ease}.connection-status.disconnected{background:#ff3366e6;color:#fff}.connection-status.reconnecting{background:#ffaa00e6;color:#000}@media (max-width: 600px){.container{padding:1rem}.logo{font-size:2rem}}