@import "https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Inter:wght@400;500&display=swap";:root{--among-bg:#0b0b0c;--neon-blue:#00f2fe;--imposter-red:#ff3c3c;--card-bg:#1a1a1ae6;--text-yellow:#f5f557}body{background-color:var(--among-bg);color:#fff;margin:0;padding:0;font-family:Courier New,Courier,monospace;overflow-x:hidden}#page{background:radial-gradient(circle,#1a1a2e 0%,#0b0b0c 100%);flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}#page:before{content:"";opacity:.3;z-index:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000);background-repeat:repeat;background-size:200px 200px;width:200%;height:200%;animation:100s linear infinite starsMove;position:absolute}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.hh{color:#fff;text-transform:uppercase;text-shadow:0 0 20px #ff3c3c80;z-index:1;letter-spacing:5px;margin-top:50px;font-size:2rem;animation:2s ease-in-out infinite alternate titlePulse}@keyframes titlePulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.05)}}.container{z-index:1;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:30px;display:flex}.card{background:var(--card-bg);border:3px solid #444;border-radius:15px;width:320px;padding:30px;transition:all .3s;box-shadow:0 10px 30px #00000080}.card:hover{border-color:var(--neon-blue);box-shadow:0 0 20px var(--neon-blue);transform:translateY(-10px)}.card h1{color:var(--neon-blue);text-align:center;margin-bottom:25px;font-size:1.5rem}.form-row{margin-bottom:15px}.form-row h5{color:#888;text-transform:uppercase;margin:0 0 8px;font-size:.8rem}.form-row input{color:#fff;box-sizing:border-box;background:#000;border:1px solid #444;border-radius:5px;width:100%;padding:12px}.form-row input:focus{border-color:var(--neon-blue);outline:none}button{cursor:pointer;text-transform:uppercase;border:none;border-radius:5px;width:100%;margin-top:10px;padding:15px;font-weight:700;transition:all .2s}.card button{color:#000;background:#adff2f}.card button:hover{background:#fff;transform:scale(1.02)}.floating-crew{opacity:.4;pointer-events:none;z-index:0;width:60px;height:80px;position:absolute}.rulesOverlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.rulesBox{border:2px solid var(--text-yellow);background:#111;border-radius:10px;max-width:500px;padding:40px}#ak{text-align:center;color:#555;width:100%;margin-top:50px;font-size:.9rem}:root{--neon-blue:#00f2fe;--imposter-red:#ff3c3c;--visor-color:#80ced6;--among-bg:#0b0b0c}.game-container.space-bg{z-index:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden;background:0 0!important}.loadingTitle{color:#0a84ff;margin-bottom:20px;font-family:monospace}html,body{background-color:#0b0b0c;margin:0;padding:0}.round-table{z-index:1;background:#1a1a1a;border:10px solid #333;border-radius:50%;position:relative}.end-btn{color:#000;background-color:#0a84ff;width:150px}.next-btn{background-color:#0a84ff;width:150px;font-size:10px;display:block}.game-container{background:var(--among-bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.leaderboard-panel{z-index:9999;background:#000000e6;border:2px solid #555;border-radius:6px;min-width:220px;position:fixed;top:20px;right:20px;box-shadow:0 0 20px #00000080}.lb-header{color:#fff;text-align:center;background:#333;border-bottom:2px solid #555;padding:8px 15px;font-size:14px;font-weight:700}.lb-body{padding:10px}.rank-item{border-bottom:1px solid #222;justify-content:space-between;padding:6px 0;display:flex}.player-name{color:#fff;font-size:13px}.player-score{color:#f5f557;font-weight:700}.stage{justify-content:center;align-items:center;width:800px;height:800px;display:flex;position:relative}.round-table{z-index:1;background:#1a1a1a;border:10px solid #333;border-radius:50%;justify-content:center;align-items:center;width:450px;height:450px;display:flex}.center-info{text-align:center;z-index:5}.role-label{color:#666;text-transform:uppercase;margin:0;font-size:14px}.role-value{color:#fff;margin:5px 0;font-size:32px}.is-imposter .role-value{color:var(--imposter-red);text-shadow:0 0 15px var(--imposter-red)}.crew-wrapper{z-index:10;transition:all .4s;position:absolute}.crewmate{width:60px;height:80px;position:relative}.crewmate .body{z-index:5;border:4px solid #000;border-radius:20px 20px 8px 8px;width:50px;height:65px;position:relative}.crewmate .visor{background:var(--visor-color);z-index:6;border:4px solid #000;border-radius:12px;width:35px;height:20px;position:absolute;top:12px;right:-4px}.crewmate .backpack{z-index:4;border:4px solid #000;border-radius:5px;width:15px;height:35px;position:absolute;top:18px;left:-12px}.red{--crew-glow:#c51111}.red .body,.red .backpack{background:#c51111}.blue{--crew-glow:#132ed1}.blue .body,.blue .backpack{background:#132ed1}.green{--crew-glow:#117f2d}.green .body,.green .backpack{background:#117f2d}.pink{--crew-glow:#ed54ba}.pink .body,.pink .backpack{background:#ed54ba}.orange{--crew-glow:#ef7d0d}.orange .body,.orange .backpack{background:#ef7d0d}.yellow{--crew-glow:#f5f557}.yellow .body,.yellow .backpack{background:#f5f557}.crew-wrapper.speaking .crewmate{filter:drop-shadow(0 0 15px var(--crew-glow)) drop-shadow(0 0 5px var(--crew-glow));transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-20px)scale(1.1)}.crew-wrapper.speaking{z-index:50}.bottom-controls{z-index:1000;position:fixed;bottom:25px;left:25px}.input-row{border:2px solid #0a84ff;border-radius:5px;display:flex;overflow:hidden}.input-row input{color:#fff;background:#111;border:none;outline:none;width:250px;padding:15px}.input-row button{color:#000;cursor:pointer;background:#0a84ff;border:none;width:80px;padding:15px 20px;font-weight:700;position:absolute;top:-10px;left:290px}.speech-bubble{color:#000;z-index:100;background:#fff;border-radius:10px 10px 10px 0;width:100px;height:30px;padding:15px;font-weight:700;position:absolute;bottom:140%;left:150%;transform:translate(-50%)}.vote-module.top-left{z-index:1000;background:#000000f2;border-radius:6px;width:250px;position:fixed;top:20px;left:20px}.vote-grid{flex-direction:column;gap:5px;padding:10px;display:flex}.vote-btn{color:#fff;text-align:left;cursor:pointer;background:#1a1a1a;border:1px solid #444;align-items:center;gap:10px;padding:10px;display:flex}.radio-circle{border:2px solid #666;border-radius:50%;width:12px;height:12px}.vote-btn.selected-radio{border-color:var(--neon-blue);background:#222}.vote-btn.selected-radio .radio-circle{border-color:var(--neon-blue);background:var(--neon-blue);box-shadow:0 0 8px var(--neon-blue)}.submit-vote{color:#000;background:#0a84ff;border:none;width:100%;padding:12px;font-weight:700}.bottom-right-actions{z-index:1000;position:fixed;bottom:25px;right:25px}.action-btn{cursor:pointer;text-transform:uppercase;border:none;border-radius:5px;padding:15px 30px;font-size:16px;font-weight:700}.start-btn,.next-btn{color:#000;background:#0a84ff}body{font-family:Inter,sans-serif}h1{letter-spacing:1px;text-transform:uppercase;font-family:Oswald,sans-serif}#mainLayout{z-index:1;background:var(--bg-main);height:100vh;color:var(--text-main);grid-template-columns:1fr 2fr 1fr}#playersPanel,#chatPanel,#rightPanel{background:var(--bg-panel);flex-direction:column;padding:10px;display:flex}#chatPanel{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;height:100vh;display:flex;overflow:hidden}#chat::-webkit-scrollbar{display:none}#chatPanel>*{width:60%;max-width:850px}h1{text-align:center;margin:0;padding:10px}.player{border-radius:0;margin:5px 0;padding:8px}#loadingScreen{color:#fff;background:#0b0b0c;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:monospace;display:flex}.playerSlots{flex-direction:column;gap:10px;display:flex}.slot{text-align:center;color:#aaa;border:1px solid #0a84ff;border-radius:10px;width:200px;padding:10px;transition:all .3s}.slot.filled{color:#fff;background:#0a84ff22;border:1px solid #0a84ff}.dots{margin-top:20px;font-size:30px}.dots span{animation:1.4s infinite blink}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.player.active{border-left:3px solid var(--accent)}.playerButtons{flex-direction:column;gap:5px;display:flex;position:absolute;top:650px}#chat{flex-direction:column;flex:1;gap:7px;padding:10px;display:flex;overflow-y:auto}.msgRow{display:flex}.msgRow.me{justify-content:flex-end}.bubble{background:#424648;border-radius:7px 7px 7px 0;max-width:70%;padding:10px}.start,.end{background:linear-gradient(135deg,#0a84ff,#3aa0ff);transition:all .3s;box-shadow:0 0 10px #0a84ff44}.start:hover,.end:hover{transform:scale(1.05);box-shadow:0 0 20px #0a84ff}.msgRow{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player{background:#2c2c2e;border-radius:10px;justify-content:space-between;align-items:center;margin:6px 0;padding:10px;transition:all .3s;display:flex}.player.active{background:#0a84ff22;border-left:4px solid #0a84ff}.me .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:0;border-bottom-left-radius:7px}#inputArea{gap:5px;display:flex}#messagebox{border:1px solid var(--border);background:var(--bg-card);color:#fff;border:1px solid var(--accent);border-radius:10px;outline:none;flex:1;height:30px;margin-bottom:25px;padding:10px}#send{background:var(--accent);color:#fff;border:none;border-radius:10px;width:80px;height:40px;margin-bottom:50px}.end,.start{background:var(--accent);color:#fff;border:none;border-radius:10px;width:150px;height:30px}.end:hover,.start:hover{cursor:pointer;background-color:#0002;transition-duration:.5s}#gameLoading{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:monospace;display:flex}.glitch{color:#0a84ff;font-size:36px;animation:1s infinite glitch}@keyframes glitch{0%{text-shadow:2px 0 red}50%{text-shadow:-2px 0 #00f}to{text-shadow:2px 0 red}}.loadingTitl{color:#0a84ff;text-transform:none;font-family:Courier New,Courier,monospace;font-size:20px}.loaderText p{opacity:.7;margin:5px;animation:2s infinite alternate fade}@keyframes fade{0%{opacity:.3}to{opacity:1}}.scanBar{background:#222;border-radius:5px;width:200px;height:4px;margin-top:30px;overflow:hidden}.scanBar:after{content:"";background:#0a84ff;width:50%;height:100%;animation:1.2s infinite scan;display:block}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(200%)}}.leaderList{flex-direction:column;gap:10px;padding:10px;display:flex}.leaderCard{background:#2c2c2e;border:1px solid #3a3a3c;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.leaderCard:hover{transform:scale(1.02)}.rank{color:#a1a1a6;font-size:14px}.playerName{flex:1;margin-left:10px;font-weight:500}.score{font-weight:700}.first{background:linear-gradient(90deg,#0a84ff22,#0a84ff55);border:1px solid #0a84ff}.second{background:linear-gradient(90deg,#8e8e9322,#8e8e9355)}.third{background:linear-gradient(90deg,#cd7f3222,#cd7f3255)}#voteBox{border-top:1px solid var(--border);background:var(--bg-card);border-radius:12px;width:260px;padding:12px;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 20px #0006}.voteTitle{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.timer{color:var(--text-secondary);font-family:monospace;font-size:14px}.voteList{flex-direction:column;gap:8px;display:flex}.voteCard{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;padding:10px;transition:all .2s;display:flex}.voteCard input{display:none}.voteCard:hover{background:#3a3a3c}.voteCard.selected{border:1px solid var(--accent);background:var(--accent-soft)}.voteBtn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:10px;font-weight:500;transition:all .2s}.voteBtn.submitted{color:var(--text-secondary);cursor:not-allowed;background:#3a3a3c}.roleBox{color:#9fa7a7;text-align:center;margin-top:30px}#finalScreen{color:#fff;background:radial-gradient(circle,#0a84ff33,#000);flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:monospace;display:flex;overflow:hidden}.winnerTitle{color:gold;font-size:50px;animation:.6s pop}.winnerBox{background:linear-gradient(90deg,#ffd70033,#ffd70088);border:2px solid gold;border-radius:20px;margin-top:20px;padding:20px 50px;animation:1s infinite alternate glow}.winnerBox h2{font-size:35px}.finalList{flex-direction:column;gap:12px;width:350px;margin-top:40px;display:flex}.finalCard{background:#1c1c1e;border-radius:12px;justify-content:space-between;padding:15px;transition:all .3s;animation:.5s slideUp;display:flex}.finalCard:hover{transform:scale(1.05)}.gold{background:linear-gradient(90deg,#ffd70055,#ffd700aa)}.silver{background:linear-gradient(90deg,#c0c0c055,#c0c0c0aa)}.bronze{background:linear-gradient(90deg,#cd7f3255,#cd7f32aa)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 10px gold}to{box-shadow:0 0 30px gold}}
