@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--neon-cyan: #00f7ff;--neon-pink: #ff00aa;--dark-bg: #0b001a}.app-version{position:fixed;top:10px;left:12px;z-index:200;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.04em;color:#00f7ff6b;text-shadow:0 0 8px rgba(0,247,255,.2);pointer-events:none;-webkit-user-select:none;user-select:none}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--dark-bg);color:var(--neon-cyan);font-family:"Press Start 2P",system-ui;overflow:hidden;height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}header{width:100%;max-width:1000px;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#000c;border-bottom:6px solid var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan);z-index:10}.logo{font-size:24px;letter-spacing:4px;text-shadow:0 0 10px var(--neon-pink)}.stats{display:flex;align-items:center;gap:30px;font-size:14px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.label{font-size:10px;opacity:.7;letter-spacing:2px}.score-value{color:#fff;font-size:22px;text-shadow:0 0 15px #fff}.threat{color:#f06;text-shadow:0 0 15px #ff0066;font-size:22px}.health-container{width:280px;height:28px;background:#111;border:4px solid var(--neon-cyan);position:relative;box-shadow:0 0 15px var(--neon-cyan);overflow:hidden}.health-bar{height:100%;width:100%;background:linear-gradient(90deg,#0f8,#0c6);transition:width .2s ease;box-shadow:0 0 20px #0f8}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#000;text-shadow:0 0 5px #fff;z-index:2;width:100%;text-align:center}main{flex:1;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:40px 20px}.in-game{--sidebar-w: clamp(260px, 28vw, 360px)}.in-game main{max-width:min(1000px,calc(100vw - var(--sidebar-w) - 60px))}#particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.word-container{width:100%;max-width:800px;background:#0009;border:6px solid var(--neon-cyan);border-radius:12px;padding:40px 30px;margin-bottom:40px;box-shadow:0 0 40px var(--neon-cyan);min-height:140px;display:flex;align-items:center;justify-content:center;font-size:3.2rem;letter-spacing:8px;text-transform:lowercase}.letter{display:inline-block;transition:all .1s ease;padding:2px 4px;margin:0 2px;border-radius:4px}.correct{color:#0f8;text-shadow:0 0 15px #00ff88;transform:scale(1.1)}.incorrect{color:#f06;text-shadow:0 0 15px #ff0066;animation:shake .3s ease}.pending{color:var(--neon-cyan)}#typing-input{width:100%;max-width:min(800px,calc(100% - 24px));background:#000c;border:5px solid var(--neon-pink);color:#fff;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,2.2vw + .65rem,1.8rem);padding:22px clamp(14px,4vw,30px);text-align:center;letter-spacing:3px;outline:none;box-shadow:0 0 30px var(--neon-pink);text-transform:lowercase}#typing-input::placeholder{font-size:clamp(.55rem,1.35vw + .45rem,1.05rem);letter-spacing:.06em;opacity:.55}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b001af2;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:22px;overflow-y:auto;padding:24px 0}.overlay.show{display:flex}.rules-icon-btn{position:absolute;top:18px;right:18px;width:44px;height:44px;padding:0;border-radius:999px;display:grid;place-items:center;border:4px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 18px #00f7ff8c;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:20px;font-weight:900;line-height:1}.rules-icon-btn:hover{background:var(--neon-cyan);color:#0b001a}.rules-panel{width:min(860px,92vw);max-height:min(78vh,740px);background:#000000c7;border:4px solid var(--neon-cyan);border-radius:12px;box-shadow:0 0 30px #00f7ff47;padding:16px 18px 14px;display:flex;flex-direction:column;overflow:hidden}.rules-panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;flex:0 0 auto}.rules-title{color:var(--neon-pink);letter-spacing:.14em;text-shadow:0 0 14px rgba(255,0,170,.45)}.rules-close{border-color:var(--neon-pink);color:var(--neon-pink);padding:10px 14px;font-size:.9rem;box-shadow:0 0 18px #ff00aa80}.rules-close:hover{background:var(--neon-pink);color:#0b001a}.rules-content{padding:12px 10px 6px;border-top:2px solid rgba(0,247,255,.25);flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) rgba(0,0,0,.55)}.rules-content::-webkit-scrollbar{width:12px}.rules-content::-webkit-scrollbar-track{background:#0000008c;border-radius:10px}.rules-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),rgba(255,0,170,.85));border-radius:10px;border:2px solid rgba(0,0,0,.7);box-shadow:0 0 10px #00f7ff59}.rules-section{margin:14px 0 18px}.rules-h{color:#0f8;margin-bottom:8px;letter-spacing:.12em;text-shadow:0 0 12px rgba(0,255,136,.25)}.rules-p{opacity:.92;line-height:1.75;margin:8px 0}.rules-k{color:#fff;text-shadow:0 0 10px rgba(0,247,255,.25)}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.rules-col{border:2px solid rgba(0,247,255,.18);border-radius:12px;padding:12px;background:#00000059}.rules-col-title{color:var(--neon-pink);text-align:center;letter-spacing:.12em;margin-bottom:10px}.rules-card{width:100%;text-align:left;padding:12px 12px 10px;border-radius:12px;border:3px solid rgba(0,247,255,.45);background:#0000008c;box-shadow:0 0 14px #00f7ff2e;margin-bottom:10px}.rules-card:hover{background:#00f7ff1f;color:#ffffffeb;transform:scale(1.01)}.rules-card:hover .rules-card-title{color:#00f7ff}.rules-card:hover .rules-card-sub{opacity:.95}.rules-card:focus-visible{outline:3px solid rgba(255,0,170,.75);outline-offset:2px}.rules-card-title{color:#00f7ff;letter-spacing:.08em;margin-bottom:6px}.rules-card-sub{opacity:.85;font-size:.85rem;line-height:1.4}.rules-card-tag{margin-top:8px;display:inline-block;padding:4px 8px;border-radius:999px;border:2px solid rgba(255,0,170,.65);color:#ff00aaf2;font-size:.75rem;letter-spacing:.12em}.rules-back{border-color:var(--neon-pink);color:var(--neon-pink);padding:12px 16px;font-size:.9rem;box-shadow:0 0 18px #f0a6;margin:6px 0 10px}.rules-back:hover{background:var(--neon-pink);color:#0b001a}@media (max-width: 760px){.rules-grid{grid-template-columns:1fr}}.title{font-size:3rem;text-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-pink);letter-spacing:8px;text-align:center}.lobby-title-block{position:relative;display:inline-block;text-align:center;margin-bottom:6px;padding:0 2.75em .55em .25em;max-width:96vw}.lobby-main-title{position:relative;z-index:1;font-size:clamp(1rem,3.6vw,2rem);letter-spacing:4px;line-height:1.25;text-align:center}.lobby-subtitle{position:absolute;right:0;bottom:.02em;z-index:2;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(7px,2.5vw,25px);font-weight:400;letter-spacing:.14em;text-transform:lowercase;color:#ffe312;text-shadow:2px 2px 0 #2a2000,-1px -1px 0 #000,0 0 12px rgba(255,234,85,.45);white-space:nowrap;pointer-events:none;transform-origin:right bottom;transform:rotate(-1deg) translate(-42%,10%)}button{background:transparent;border:4px solid var(--neon-cyan);color:var(--neon-cyan);font-family:"Press Start 2P",monospace;font-size:1rem;padding:16px 28px;cursor:pointer;box-shadow:0 0 18px var(--neon-cyan);transition:all .2s}button:hover{background:var(--neon-cyan);color:#0b001a;transform:scale(1.03)}button:disabled{opacity:.5;cursor:not-allowed}.in-game-leave{position:absolute;left:22px;bottom:22px;z-index:60;padding:12px 18px;font-size:.8rem;box-shadow:0 0 18px #f06}.button-row{display:flex;gap:20px}.username-input,.code-input{width:320px;padding:16px;font-size:1.1rem;text-align:center;background:#000c;color:#fff;border:4px solid var(--neon-pink)}.username-input{text-transform:none}.code-input{text-transform:uppercase}.code-input{border-color:var(--neon-cyan);letter-spacing:6px}.player-list-wrap{margin-top:10px;width:100%;max-width:420px}.label-pink,.code-label,.creator-label{color:#f0a;margin-bottom:10px;text-align:center}.player-list{background:#000000d9;padding:15px;border:4px solid var(--neon-cyan);border-radius:8px;min-height:160px;width:100%;max-height:clamp(200px,36vh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) rgba(0,0,0,.55)}.player-list::-webkit-scrollbar{width:12px}.player-list::-webkit-scrollbar-track{background:#0000008c;border-radius:10px}.player-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),rgba(255,0,170,.85));border-radius:10px;border:2px solid rgba(0,0,0,.7);box-shadow:0 0 10px #00f7ff59}.player-list::-webkit-scrollbar-thumb:hover{box-shadow:0 0 14px #00f7ff99}.room-code-wrap{text-align:center}.code-display{font-size:2.2rem;letter-spacing:10px;color:#00f7ff;background:#0009;padding:10px 20px;border:4px solid var(--neon-cyan);min-width:280px}.creator-controls{display:none;text-align:center}.danger,.danger:hover,.danger-title{color:#f06;border-color:#f06;text-shadow:0 0 15px #ff0066}.victory-title{color:#0f8;border-color:#0f8;text-shadow:0 0 22px #00ff88,0 0 44px #00cc66}.danger:hover{background:#f06;color:#0b001a}.final-stats{font-size:1rem;line-height:1.8;margin:30px 0;text-align:center}.leaderboard{margin:18px auto 0;width:min(860px,96vw);background:#000000b3;border:4px solid var(--neon-cyan);border-radius:10px;padding:14px 14px 10px;box-shadow:0 0 22px #00f7ff40;text-align:left}.leaderboard-title{color:var(--neon-pink);text-align:center;margin-bottom:10px;letter-spacing:.12em}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:3ch minmax(12ch,1fr) 4ch 7ch 4ch 8ch;gap:10px;align-items:center}.leaderboard-icon{text-align:center;font-size:1.05em;line-height:1;opacity:.95}.leaderboard-header{padding:8px 6px;border-bottom:2px solid rgba(0,247,255,.35);opacity:.9;position:sticky;top:0;z-index:1;background:#000000d1}.leaderboard-body{max-height:min(40vh,320px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) rgba(0,0,0,.55)}.leaderboard-body::-webkit-scrollbar{width:12px}.leaderboard-body::-webkit-scrollbar-track{background:#0000008c;border-radius:10px}.leaderboard-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),rgba(255,0,170,.85));border-radius:10px;border:2px solid rgba(0,0,0,.7);box-shadow:0 0 10px #00f7ff59}.leaderboard-row{padding:8px 6px;border-bottom:1px solid rgba(0,247,255,.14)}.leaderboard-row:last-child{border-bottom:0}.leaderboard-rank{color:#fff;opacity:.9}.leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-status{text-align:center;opacity:.9}.leaderboard-status{font-size:1.05em}.leaderboard-status,.leaderboard-survived,.leaderboard-threat,.leaderboard-score{text-align:center}.leaderboard-score{color:#0f8}@media (max-width: 540px){.leaderboard-header,.leaderboard-row{grid-template-columns:3ch minmax(10ch,1fr) 4ch 7ch 4ch 7ch}}#multiplayer-sidebar{position:fixed;top:90px;right:30px;z-index:50;width:var(--sidebar-w);max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) rgba(0,0,0,.55)}#multiplayer-sidebar::-webkit-scrollbar{width:12px}#multiplayer-sidebar::-webkit-scrollbar-track{background:#0000008c;border-radius:10px}#multiplayer-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),rgba(255,0,170,.85));border-radius:10px;border:2px solid rgba(0,0,0,.7);box-shadow:0 0 10px #00f7ff59}#multiplayer-sidebar::-webkit-scrollbar-thumb:hover{box-shadow:0 0 14px #00f7ff99}@media (max-width: 920px){.in-game main{max-width:1000px;padding-right:20px}#multiplayer-sidebar{position:fixed;top:90px;right:12px;width:min(320px,44vw)}}.typo-flash{animation:typoFlashAnim .85s ease forwards}.correct-flash{animation:correctFlashAnim 1.1s ease forwards}.bonus-popup{animation:bonusFloat 1.2s ease forwards}.flow-obscured #word-container,.flow-obscured #typing-input{animation:flowJitter .12s steps(2,end) infinite}.flow-obscured #typing-input{box-shadow:0 0 34px #ff00aa8c}.flow-obscure-glitch{position:absolute;transform:translate(-50%,-50%);border-radius:8px;background:repeating-linear-gradient(90deg,#fff0,#fff0 4px,#ffffff0f 5px,#fff0 8px),linear-gradient(90deg,hsla(var(--gx-hue, 190),100%,60%,var(--gx-a, .18)),hsla(calc(var(--gx-hue, 190) + 70),100%,62%,calc(var(--gx-a, .18) * .9)));mix-blend-mode:screen;box-shadow:0 0 18px #00f7ff2e,0 0 22px #ff00aa38;animation:flowGlitchPop var(--gx-dur, .42s) ease-out forwards}.flow-obscure-sweep{position:absolute;left:-12%;width:124%;transform:skew(-12deg);background:linear-gradient(90deg,#0000,#ff00aa42,#00f7ff52,#0000);mix-blend-mode:screen;box-shadow:0 0 26px #00f7ff4d;animation:flowSweep var(--sw-dur, .52s) ease-out forwards}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}to{transform:translate(-1px,-2px) rotate(-1deg)}}@keyframes typoFlashAnim{0%,to{color:var(--neon-cyan)}20%,60%{color:#f06;text-shadow:0 0 20px #ff0066}}@keyframes correctFlashAnim{0%,to{color:var(--neon-cyan)}15%,50%{color:#0f8;text-shadow:0 0 25px #00ff88;transform:scale(1.08)}}@keyframes bonusFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-120px)}}@keyframes flowJitter{0%{transform:translate(0) rotate(0)}20%{transform:translate(2px,-1px) rotate(.25deg)}50%{transform:translate(-3px,1px) rotate(-.35deg)}80%{transform:translate(3px,2px) rotate(.3deg)}to{transform:translate(-2px,-2px) rotate(-.2deg)}}@keyframes flowGlitchPop{0%{opacity:0;transform:translate(-50%,-50%) translate(0) scaleX(.85)}10%{opacity:1}65%{opacity:1;transform:translate(-50%,-50%) translate(var(--gx-dx, 16px)) scaleX(1.05)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--gx-dx, 16px) * 1.25)) scaleX(.98)}}@keyframes flowSweep{0%{opacity:0;transform:translate(-18%) skew(-12deg)}20%{opacity:1}to{opacity:0;transform:translate(18%) skew(-12deg)}}