*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;image-rendering:crisp-edges}body{font-family:"Press Start 2P",cursive;background:#0f0f1e;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px);color:#00ff41;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.95}50%{opacity:.97}to{opacity:.95}}.container{max-width:800px;width:100%;padding:2rem;position:relative;z-index:1}h1{text-align:center;margin-bottom:.5rem;font-size:1.8rem;color:#ff4a8d;text-shadow:2px 2px 0 #000,0 0 10px #ff006e,0 0 20px #ff006e;letter-spacing:.1em;animation:glow 2s ease-in-out infinite}.subtitle{text-align:center;font-size:.7rem;color:#00d9ff;margin-bottom:1rem;letter-spacing:.05em;text-shadow:0 0 5px rgba(0,217,255,.5)}.tagline{text-align:center;font-size:.65rem;color:#8a9aa5;max-width:600px;margin:0 auto 2.5rem;line-height:1.6;letter-spacing:.02em}@keyframes glow{0%,to{text-shadow:2px 2px 0 #000,0 0 10px #ff006e,0 0 20px #ff006e}50%{text-shadow:2px 2px 0 #000,0 0 15px #ff006e,0 0 25px #ff006e}}.blocks{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.join-only{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.block{background:#1a1a2e;padding:2rem;border:4px solid #16213e;box-shadow:0 0 0 2px #00ff41,inset 0 0 20px #00000080;display:flex;flex-direction:column;gap:1rem;position:relative}.block:before{content:"";position:absolute;inset:8px;border:1px solid rgba(0,255,65,.2);pointer-events:none}.block h2{font-size:.8rem;margin-bottom:.5rem;color:#00d9ff;letter-spacing:.05em}input{padding:.75rem;border:3px solid #16213e;background:#0f0f1e;color:#00ff41;font-size:.7rem;font-family:"Press Start 2P",cursive;box-shadow:inset 0 0 10px #00000080;transition:all .2s}input:focus{outline:none;border-color:#00ff41;box-shadow:inset 0 0 10px #00000080,0 0 10px #00ff4180}input::placeholder{color:#16213e}select{padding:.75rem 2.5rem .75rem .75rem;border:3px solid #16213e;background:#0f0f1e;color:#00ff41;font-size:.7rem;font-family:"Press Start 2P",cursive;box-shadow:inset 0 0 10px #00000080;transition:all .2s;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2300ff41' d='M4 6l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}select:focus{outline:none;border-color:#00ff41;box-shadow:inset 0 0 10px #00000080,0 0 10px #00ff4180}select:hover{border-color:#00d9ff;box-shadow:inset 0 0 10px #00000080,0 0 5px #00d9ff4d}select option{background:#1a1a2e;color:#00ff41;padding:.5rem}button{padding:.75rem 1.5rem;border:4px solid #00ff41;background:#1a1a2e;color:#00ff41;font-size:.7rem;font-family:"Press Start 2P",cursive;cursor:pointer;transition:all .1s;box-shadow:0 4px #007a1f,0 0 10px #00ff414d;position:relative;top:0}button:hover{background:#00ff41;color:#0f0f1e;box-shadow:0 4px #007a1f,0 0 20px #00ff4199}button:active{top:4px;box-shadow:0 0 #007a1f,0 0 20px #00ff4199}button:disabled{background:#16213e;color:#0f0f1e;border-color:#16213e;cursor:not-allowed;box-shadow:none}.secondary-btn{background:transparent;border:2px solid #00d9ff;color:#00d9ff;padding:.5rem;font-size:.6rem;box-shadow:0 0 10px #00d9ff4d}.secondary-btn:hover{background:#00d9ff1a;box-shadow:0 0 15px #00d9ff80}.secondary-btn:active{top:2px}.lobby{background:#1a1a2e;padding:2rem;border:4px solid #16213e;box-shadow:0 0 0 2px #00ff41,inset 0 0 20px #00000080}.room-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.room-info h2{font-size:1rem;color:#ff006e;text-shadow:0 0 10px #ff006e}.players-list{margin-bottom:2rem}.players-list h3{margin-bottom:1rem;color:#00d9ff;font-size:.7rem;letter-spacing:.05em}.players-list ul{list-style:none}.players-list li{background:#0f0f1e;margin-bottom:.5rem;border:2px solid #16213e;font-size:.7rem;position:relative;padding:.75rem .75rem .75rem 2rem}.players-list li:before{content:"▸";position:absolute;left:.75rem;color:#00ff41}.start-btn{width:100%;padding:1rem;font-size:.8rem}.waiting{text-align:center;color:#8a9aa5;font-size:.65rem;animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}.countdown{display:flex;align-items:center;justify-content:center;min-height:400px}.countdown-number{font-size:8rem;font-weight:700;color:#ff006e;animation:pixelPulse .8s ease-out;text-shadow:0 0 20px #ff006e,0 0 40px #ff006e,4px 4px 0 #0f0f1e,-4px -4px 0 #0f0f1e}@keyframes pixelPulse{0%{transform:scale(.3);opacity:0;filter:blur(8px)}30%{opacity:1}60%{transform:scale(1.15);filter:blur(0px)}to{transform:scale(1);opacity:1;filter:blur(0px)}}.reveal{background:#1a1a2e;padding:3rem;border:4px solid #16213e;text-align:center;animation:revealFlash .8s ease-in;box-shadow:0 0 0 2px #00ff41,inset 0 0 40px #000c}@keyframes revealFlash{0%{opacity:0;transform:scale(.8);filter:brightness(3)}20%{filter:brightness(3)}40%{filter:brightness(.5)}60%{filter:brightness(2)}80%{filter:brightness(.8)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.reveal h2{font-size:1.2rem;margin-bottom:2rem;color:#00d9ff;letter-spacing:.1em}.reveal p{font-size:.8rem;padding:2rem;margin-top:1rem;border:4px solid;line-height:1.8}.reveal p.imposter{background:#1a1a2e;color:#ff6680;border-color:#f03;box-shadow:inset 0 0 30px #ff00334d,0 0 20px #ff003380;animation:glitch .5s infinite;text-shadow:1px 1px 0 #000}.reveal p.player{background:#1a1a2e;color:#66e6ff;border-color:#00d9ff;box-shadow:inset 0 0 30px #00d9ff4d,0 0 20px #00d9ff80;text-shadow:1px 1px 0 #000}@keyframes glitch{0%,90%,to{text-shadow:1px 1px 0 #000,1px 0 #ff0033,-1px 0 #00d9ff}45%{text-shadow:1px 1px 0 #000,-1px 0 #ff0033,1px 0 #00d9ff}}.settings-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.settings-row select{flex:1}.fellow-imposters{margin-top:1rem;font-size:.7rem}.revealed-imposters{margin-top:2rem;font-size:.8rem;color:#ff6680;border:2px solid #ff0033;padding:1rem}.reveal-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.reveal-actions button{flex:1}.settings-display{font-size:.65rem;color:#8a9aa5;margin-bottom:.5rem}@media (max-width: 768px){.blocks{grid-template-columns:1fr}h1{font-size:1rem}.block h2,.room-info h2{font-size:.7rem}.countdown-number{font-size:5rem}.reveal h2{font-size:.9rem}.reveal p{font-size:.6rem;padding:1rem}}