:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a2e;--bg-card-hover: #22223a;--neon-green: #39ff14;--neon-green-dim: #2bcc10;--neon-pink: #ff2d7b;--neon-cyan: #00fff7;--neon-yellow: #ffe600;--neon-blue: #00d4ff;--text-primary: #e0e0e0;--text-secondary: #888;--border-color: #333;--font-retro: "Press Start 2P", monospace;--font-mono: "Courier New", monospace;--radius: 8px;--glow-green: 0 0 10px rgba(57, 255, 20, .3), 0 0 20px rgba(57, 255, 20, .1);--glow-pink: 0 0 10px rgba(255, 45, 123, .3), 0 0 20px rgba(255, 45, 123, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-retro);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--neon-green);text-decoration:none}a:hover{text-shadow:var(--glow-green)}h1,h2,h3{font-family:var(--font-retro);color:var(--neon-green)}input,button{font-family:var(--font-retro)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);z-index:9999}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-green-dim)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes neonFlicker{0%,to{text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.1)}5%{text-shadow:0 0 15px rgba(57,255,20,.5),0 0 30px rgba(57,255,20,.2)}10%{text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.1)}15%{text-shadow:0 0 18px rgba(57,255,20,.6),0 0 35px rgba(57,255,20,.25)}20%{text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.1)}50%{text-shadow:0 0 12px rgba(57,255,20,.4),0 0 25px rgba(57,255,20,.15)}55%{text-shadow:0 0 18px rgba(57,255,20,.6),0 0 35px rgba(57,255,20,.25)}60%{text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.1)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.1)}50%{text-shadow:0 0 20px rgba(57,255,20,.6),0 0 40px rgba(57,255,20,.3),0 0 60px rgba(57,255,20,.1)}}@keyframes connectedPulse{0%,to{box-shadow:0 0 #39ff1466}50%{box-shadow:0 0 0 4px #39ff1400}}.page{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem}.page-title{font-size:1.2rem;margin-bottom:2rem;text-align:center;animation:glowPulse 3s ease-in-out infinite}.btn{display:inline-block;padding:12px 24px;font-size:.7rem;font-family:var(--font-retro);border:2px solid var(--neon-green);background:transparent;color:var(--neon-green);cursor:pointer;border-radius:var(--radius);transition:all .2s;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:var(--neon-green);color:var(--bg-primary);box-shadow:var(--glow-green)}.btn:active{transform:scale(.95);box-shadow:inset 0 2px 4px #0000004d}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:transparent;color:var(--neon-green);box-shadow:none}.btn--pink{border-color:var(--neon-pink);color:var(--neon-pink)}.btn--pink:hover{background:var(--neon-pink);color:var(--bg-primary);box-shadow:var(--glow-pink)}.btn--small{padding:8px 16px;font-size:.55rem}.card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;transition:all .2s}.card:hover{border-color:var(--neon-green);box-shadow:0 0 15px #39ff1466,0 0 30px #39ff1426;transform:translateY(-2px) scale(1.05)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;width:100%}.input{padding:10px 14px;font-size:.65rem;font-family:var(--font-retro);background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius);outline:none;transition:border-color .2s}.input:focus{border-color:var(--neon-green)}.input::placeholder{color:var(--text-secondary);font-size:.55rem}.header{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color)}.header__logo{font-size:1.4rem;color:var(--neon-green);text-shadow:var(--glow-green);letter-spacing:3px;animation:neonFlicker 4s ease-in-out infinite}.player-tag{display:inline-flex;align-items:center;gap:.5rem;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.6rem}.player-tag--p1{border-color:var(--neon-green);color:var(--neon-green)}.player-tag--p2{border-color:var(--neon-pink);color:var(--neon-pink)}.player-tag--p3{border-color:var(--neon-blue);color:var(--neon-blue)}.player-tag--p4{border-color:var(--neon-yellow);color:var(--neon-yellow)}.player-tag__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.player-tag--connected .player-tag__dot{animation:connectedPulse 2s ease-in-out infinite}.player-tag--disconnected{opacity:.4}.player-tag__stats{font-size:.45rem;opacity:.7;margin-left:.3rem}.waiting{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem}.waiting__title{font-size:.9rem;animation:blink 1.2s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.waiting__code{font-size:1.5rem;color:var(--neon-yellow);letter-spacing:6px;padding:1rem 2rem;border:2px dashed var(--neon-yellow);border-radius:var(--radius)}.waiting__share{font-size:.55rem;color:var(--text-secondary)}.result{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;animation:fadeIn .4s ease-out}.result__title{font-size:1.2rem}.result__title--win{color:var(--neon-green);text-shadow:var(--glow-green)}.result__title--lose{color:var(--neon-pink);text-shadow:var(--glow-pink)}.result__stats{font-size:.6rem;color:var(--text-secondary);text-align:center;line-height:2}.result__actions{display:flex;gap:1rem}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:1000}.countdown-overlay__number{font-size:5rem;color:var(--neon-green);text-shadow:var(--glow-green);animation:countPulse 1s ease-out}@keyframes countPulse{0%{transform:scale(2);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}.lobby{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;width:100%}.lobby__section{width:100%;display:flex;flex-direction:column;gap:.8rem}.lobby__section--row{flex-direction:row;gap:1rem}.lobby__section--row .btn{flex:1}.lobby__label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase}.lobby__row{display:flex;gap:.8rem}.lobby__row .input{flex:1}.lobby__player-count{display:flex;gap:.5rem}.btn--active{background:var(--neon-green);color:var(--bg-primary);box-shadow:var(--glow-green)}.lobby__divider{font-size:.6rem;color:var(--text-secondary);text-align:center;padding:.5rem 0}.game-area{display:flex;flex-direction:column;align-items:center;gap:1rem}.game-area__scoreboard{display:flex;align-items:center;gap:2rem;font-size:.8rem}.game-area__score{font-size:1.5rem;color:var(--neon-yellow)}.game-area canvas{border:2px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary)}.game-room__mid-actions{margin-top:1rem;opacity:.5;transition:opacity .2s}.game-room__mid-actions:hover{opacity:1}.game-card{cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem;animation:fadeSlideUp .5s ease-out both}.game-card:nth-child(1){animation-delay:0ms}.game-card:nth-child(2){animation-delay:80ms}.game-card:nth-child(3){animation-delay:.16s}.game-card:nth-child(4){animation-delay:.24s}.game-card:nth-child(5){animation-delay:.32s}.game-card:nth-child(6){animation-delay:.4s}.game-card:nth-child(7){animation-delay:.48s}.game-card:nth-child(8){animation-delay:.56s}.game-card:nth-child(9){animation-delay:.64s}.game-card__emoji{font-size:2.5rem;transition:transform .3s ease}.game-card:hover .game-card__emoji{animation:iconBounce .5s ease}.game-card__title{font-size:.7rem;color:var(--neon-green)}.game-card__desc{font-size:.5rem;color:var(--text-secondary);line-height:1.8}.typing-race{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1.5rem}.typing-race__sentence{font-family:var(--font-mono);font-size:1.1rem;line-height:2;padding:1.5rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius);letter-spacing:1px}.typing-race__char--correct{color:var(--neon-green)}.typing-race__char--incorrect{color:var(--neon-pink);text-decoration:underline}.typing-race__char--current{background:#39ff1433;border-bottom:2px solid var(--neon-green)}.typing-race__progress{display:flex;flex-direction:column;gap:.5rem}.typing-race__bar-wrapper{display:flex;align-items:center;gap:1rem}.typing-race__bar{flex:1;height:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.typing-race__bar-fill{height:100%;transition:width .2s;border-radius:4px}.typing-race__bar-fill--p1{background:var(--neon-green)}.typing-race__bar-fill--p2{background:var(--neon-pink)}.typing-race__bar-fill--p3{background:var(--neon-blue)}.typing-race__bar-fill--p4{background:var(--neon-yellow)}.typing-race__wpm{font-size:.55rem;color:var(--text-secondary);min-width:80px}.typing-race__timer{font-size:1rem;color:var(--neon-yellow);text-align:center}.word-duel{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.word-duel__boards{display:flex;gap:3rem}.word-duel__board{display:flex;flex-direction:column;align-items:center;gap:.5rem}.word-duel__board-label{font-size:.55rem;color:var(--text-secondary);margin-bottom:.3rem}.word-duel__grid{display:grid;grid-template-columns:repeat(5,42px);gap:4px}.word-duel__cell{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-family:var(--font-retro);border:2px solid var(--border-color);border-radius:4px;text-transform:uppercase}.word-duel__cell--correct{background:#538d4e;border-color:#538d4e;color:#fff}.word-duel__cell--present{background:#b59f3b;border-color:#b59f3b;color:#fff}.word-duel__cell--absent{background:#3a3a3c;border-color:#3a3a3c;color:#fff}.word-duel__cell--filled{border-color:var(--text-secondary)}.word-duel__keyboard{display:flex;flex-direction:column;align-items:center;gap:6px}.word-duel__keyboard-row{display:flex;gap:4px}.word-duel__key{padding:10px 12px;font-size:.55rem;font-family:var(--font-retro);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;cursor:pointer;min-width:30px;text-align:center}.word-duel__key:hover{background:var(--bg-card-hover)}.word-duel__key--wide{padding:10px 16px;min-width:55px}.word-duel__key--correct{background:#538d4e;border-color:#538d4e}.word-duel__key--present{background:#b59f3b;border-color:#b59f3b}.word-duel__key--absent{background:#3a3a3c;border-color:#3a3a3c}.word-duel__opponent-progress{font-size:.55rem;color:var(--text-secondary)}.snake-game{display:flex;flex-direction:column;align-items:center;gap:1rem}.snake-game__info{display:flex;gap:2rem;font-size:.6rem}.xo-game{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.xo-game__status{font-size:.7rem}.xo-game__grid{display:grid;grid-template-columns:repeat(3,100px);gap:4px}.xo-game__cell{width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-family:var(--font-retro);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius);cursor:default;transition:all .15s}.xo-game__cell--clickable{cursor:pointer}.xo-game__cell--clickable:hover{border-color:var(--neon-green);background:var(--bg-card-hover)}.xo-game__cell--filled{cursor:default}.c4-game{display:flex;flex-direction:column;align-items:center;gap:1rem}.c4-game__status{font-size:.7rem}.c4-game__board{display:flex;flex-direction:column;align-items:center;gap:.5rem}.c4-game__columns{display:flex;gap:2px}.c4-game__col-btn{width:50px;height:28px;font-size:.6rem;background:transparent;border:1px solid var(--border-color);color:var(--neon-green);cursor:pointer;border-radius:4px;transition:all .15s}.c4-game__col-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--neon-green)}.c4-game__col-btn:disabled{opacity:.2;cursor:default}.c4-game__grid{display:grid;grid-template-columns:repeat(7,50px);gap:2px;background:#1a237e;padding:8px;border-radius:var(--radius)}.c4-game__cell{width:50px;height:50px;border-radius:50%;background:#0a0a2e;display:flex;align-items:center;justify-content:center}.c4-game__cell--win{animation:c4pulse .5s ease-in-out infinite alternate}@keyframes c4pulse{to{transform:scale(1.1)}}.c4-game__disc{width:42px;height:42px;border-radius:50%;transition:all .2s}.tetris-game{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tetris-game__timer{font-size:1.2rem;color:var(--neon-yellow)}.tetris-game__boards{display:flex;gap:2rem;align-items:flex-start}.tetris-board{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tetris-board__label{font-size:.6rem}.tetris-board canvas{border-radius:var(--radius)}.tetris-board__score{font-size:.5rem;color:var(--text-secondary)}.bomber-game{display:flex;flex-direction:column;align-items:center;gap:.5rem}.bomber-game canvas{border:2px solid var(--border-color);border-radius:var(--radius)}.chess-game{display:flex;flex-direction:column;align-items:center;gap:.8rem}.chess-game__time-select{display:flex;align-items:center;gap:.5rem}.chess-game__clocks{display:flex;gap:2rem}.chess-game__clock{display:flex;align-items:center;gap:.6rem;padding:8px 16px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius);font-family:var(--font-mono);opacity:.5;transition:opacity .3s,border-color .3s,box-shadow .3s}.chess-game__clock--active{opacity:1;border-color:var(--neon-yellow);box-shadow:0 0 8px #ffe60026}.chess-game__clock-color{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid #555;font-size:0;flex-shrink:0}.chess-game__clock-label{font-size:.5rem;color:var(--text-secondary)}.chess-game__clock-time{font-size:.9rem;color:var(--text-primary);min-width:50px;text-align:right}.chess-game__status{min-height:1.2em;font-size:.55rem}.chess-game__board{display:grid;grid-template-columns:repeat(8,72px);grid-template-rows:repeat(8,72px);border:4px solid #3a3a3a;border-radius:3px;box-shadow:0 4px 24px #00000080}.chess-game__square{width:72px;height:72px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.chess-game__piece{font-size:2.8rem;line-height:1;pointer-events:none;transition:transform .1s}.chess-game__piece--white{color:#fff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5)) drop-shadow(0 0 3px rgba(0,0,0,.3))}.chess-game__piece--black{color:#1a1a1a;filter:drop-shadow(0 1px 0 rgba(255,255,255,.15)) drop-shadow(0 0 2px rgba(0,0,0,.4))}.chess-game__legal{width:20px;height:20px;border-radius:50%;background:#0003;position:absolute;pointer-events:none}.chess-game__legal--capture{width:66px;height:66px;background:transparent;border:5px solid rgba(0,0,0,.2);border-radius:50%}.chess-game__coord-rank{position:absolute;top:3px;left:4px;font-size:.5rem;font-weight:700;pointer-events:none;font-family:var(--font-mono)}.chess-game__coord-file{position:absolute;bottom:3px;right:4px;font-size:.5rem;font-weight:700;pointer-events:none;font-family:var(--font-mono)}.chess-game__promo-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.chess-game__promo-dialog{background:var(--bg-card);border:2px solid var(--neon-green);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.chess-game__promo-btn{font-size:2.8rem;padding:8px 14px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .15s;line-height:1}.chess-game__promo-btn:hover{border-color:var(--neon-green);background:var(--bg-card-hover);transform:scale(1.1)}.game-picker{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.game-picker__title{font-size:.9rem;color:var(--neon-green)}.game-picker__waiting{font-size:.7rem;color:var(--text-secondary);animation:blink 1.2s step-end infinite}.game-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:600px;width:100%}.game-picker__card{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;padding:1rem;text-align:center;background:none;border:none;color:inherit;font:inherit}.game-picker__emoji{font-size:2rem}.game-picker__label{font-size:.55rem;color:var(--neon-green)}.opponent-left-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.reaction{width:100%;max-width:500px;min-height:350px;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;border:3px solid var(--border-color)}.reaction--waiting{background:#3a1010;border-color:#f44}.reaction--go{background:#0a3a10;border-color:var(--neon-green);box-shadow:0 0 30px #39ff144d}.reaction--result{background:var(--bg-card);border-color:var(--border-color);cursor:default}.reaction__round{font-size:.55rem;color:var(--text-secondary)}.reaction__scores{display:flex;align-items:center;gap:1rem;font-size:1.5rem}.reaction__score--p1{color:var(--neon-green)}.reaction__score--p2{color:var(--neon-pink)}.reaction__score--p3{color:var(--neon-blue)}.reaction__score--p4{color:var(--neon-yellow)}.reaction__vs{color:var(--text-secondary);font-size:.8rem}.reaction__instruction{font-size:.9rem;color:#f44;text-align:center}.reaction__instruction--go{font-size:1.5rem;color:var(--neon-green);text-shadow:var(--glow-green);animation:countPulse .3s ease-out}.reaction__instruction--false{color:var(--neon-yellow);font-size:.7rem}.reaction__result-info{display:flex;flex-direction:column;align-items:center;gap:.8rem}.reaction__result-text{font-size:.8rem;color:var(--text-secondary)}.reaction__result-text--win{color:var(--neon-green);text-shadow:var(--glow-green)}.reaction__result-text--lose{color:var(--neon-pink)}.reaction__times{display:flex;gap:2rem;font-size:.6rem}.reaction__time--p1{color:var(--neon-green)}.reaction__time--p2{color:var(--neon-pink)}.reaction__time--p3{color:var(--neon-blue)}.reaction__time--p4{color:var(--neon-yellow)}.reaction__hint{font-size:.45rem;color:var(--text-secondary);opacity:.6}.matchmaking{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;animation:fadeIn .3s ease-out}.matchmaking__emoji{font-size:3rem;animation:iconBounce 1.5s ease-in-out infinite}.matchmaking__text{font-size:.8rem;color:var(--neon-green);animation:blink 1.2s step-end infinite}.matchmaking__sub{font-size:.55rem;color:var(--text-secondary)}.chatbox{position:fixed;bottom:1rem;right:1rem;z-index:900;display:flex;flex-direction:column;align-items:flex-end}.chatbox__toggle{width:44px;height:44px;border-radius:50%;border:2px solid var(--neon-cyan);background:var(--bg-secondary);color:var(--neon-cyan);font-size:1.2rem;cursor:pointer;position:relative;transition:all .2s}.chatbox__toggle:hover{background:var(--bg-card-hover);box-shadow:0 0 10px #00fff74d}.chatbox__badge{position:absolute;top:-4px;right:-4px;background:var(--neon-pink);color:#fff;font-size:.45rem;font-family:var(--font-retro);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chatbox__panel{width:360px;max-height:450px;background:var(--bg-secondary);border:2px solid var(--neon-cyan);border-radius:var(--radius);margin-bottom:.5rem;display:flex;flex-direction:column;box-shadow:0 0 20px #00fff71a;animation:fadeIn .2s ease-out}.chatbox__messages{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.3rem;max-height:320px;min-height:120px}.chatbox__empty{font-size:.45rem;color:var(--text-secondary);text-align:center;padding:1rem}.chatbox__msg{font-size:.5rem;font-family:var(--font-retro);padding:4px 8px;border-radius:4px;max-width:90%;word-break:break-word}.chatbox__msg--p1{color:var(--neon-green);background:#39ff1414;align-self:flex-start}.chatbox__msg--p2{color:var(--neon-pink);background:#ff2d7b14;align-self:flex-end}.chatbox__msg--p3{color:var(--neon-blue);background:#00d4ff14;align-self:flex-start}.chatbox__msg--p4{color:var(--neon-yellow);background:#ffe60014;align-self:flex-end}.chatbox__quick{display:flex;gap:4px;padding:.3rem .5rem;border-top:1px solid var(--border-color)}.chatbox__quick-btn{flex:1;padding:4px 2px;font-size:.4rem;font-family:var(--font-retro);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;cursor:pointer;transition:all .15s}.chatbox__quick-btn:hover{border-color:var(--neon-cyan);background:var(--bg-card-hover)}.chatbox__input-row{display:flex;border-top:1px solid var(--border-color)}.chatbox__input{flex:1;padding:8px;font-size:.5rem;font-family:var(--font-retro);background:var(--bg-primary);border:none;color:var(--text-primary);outline:none;border-radius:0 0 0 calc(var(--radius) - 2px)}.chatbox__input::placeholder{color:var(--text-secondary);font-size:.45rem}.chatbox__send{padding:8px 12px;background:var(--neon-cyan);border:none;color:var(--bg-primary);font-family:var(--font-retro);font-size:.7rem;cursor:pointer;border-radius:0 0 calc(var(--radius) - 2px) 0;transition:background .15s}.chatbox__send:hover{background:#00ddd4}.opponent-left-dialog{background:var(--bg-secondary);border:2px solid var(--neon-pink);border-radius:var(--radius);padding:2rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 0 30px #ff2d554d}.header{justify-content:space-between}.header__right{display:flex;align-items:center;gap:.8rem}.header__friends-btn{padding:6px 12px;font-size:.5rem}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease-out}.auth-modal{background:var(--bg-secondary);border:2px solid var(--neon-green);border-radius:var(--radius);padding:2rem;width:320px;max-width:90vw;box-shadow:0 0 30px #39ff1433}.auth-modal__tabs{display:flex;gap:0;margin-bottom:1.5rem}.auth-modal__tab{flex:1;padding:10px;font-size:.6rem;font-family:var(--font-retro);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s;text-transform:uppercase}.auth-modal__tab:first-child{border-radius:var(--radius) 0 0 var(--radius)}.auth-modal__tab:last-child{border-radius:0 var(--radius) var(--radius) 0}.auth-modal__tab--active{background:var(--neon-green);color:var(--bg-primary);border-color:var(--neon-green)}.auth-modal__form{display:flex;flex-direction:column;gap:1rem}.auth-modal__error{color:var(--neon-pink);font-size:.5rem;text-align:center}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:.5rem;padding:6px 12px;background:var(--bg-card);border:1px solid var(--neon-green);border-radius:var(--radius);color:var(--neon-green);font-family:var(--font-retro);font-size:.55rem;cursor:pointer;transition:all .2s}.user-menu__trigger:hover{background:var(--bg-card-hover);box-shadow:0 0 10px #39ff1433}.user-menu__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-secondary);border:1px solid var(--neon-green);border-radius:var(--radius);min-width:140px;z-index:1200;overflow:hidden;animation:fadeIn .15s ease-out}.user-menu__item{display:block;width:100%;padding:10px 14px;font-size:.55rem;font-family:var(--font-retro);background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .15s}.user-menu__item:hover{background:var(--bg-card-hover)}.user-menu__item--danger{color:var(--neon-pink)}.level-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-size:.4rem;font-family:var(--font-retro);background:var(--neon-green);color:var(--bg-primary);border-radius:3px;font-weight:700;white-space:nowrap}.xp-bar{width:100%;max-width:300px}.xp-bar__label{font-size:.45rem;color:var(--text-secondary);margin-bottom:4px;text-align:center}.xp-bar__track{height:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.xp-bar__fill{height:100%;background:var(--neon-green);border-radius:4px;transition:width .5s ease;box-shadow:0 0 6px #39ff1466}.xp-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1300;display:flex;flex-direction:column;align-items:center;gap:.3rem;animation:xpToastIn .4s ease-out;pointer-events:none}.xp-toast__amount{font-size:1.2rem;font-family:var(--font-retro);color:var(--neon-green);text-shadow:var(--glow-green)}.xp-toast__levelup{font-size:1.5rem;font-family:var(--font-retro);color:var(--neon-yellow);text-shadow:0 0 10px rgba(255,230,0,.5),0 0 20px rgba(255,230,0,.3);animation:levelUpPulse .6s ease-in-out infinite alternate}@keyframes xpToastIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes levelUpPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.result__xp{font-size:.8rem;color:var(--neon-green);font-family:var(--font-retro)}.friends-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1100;animation:fadeIn .2s ease-out}.friends-panel{width:320px;max-width:90vw;height:100vh;background:var(--bg-secondary);border-left:2px solid var(--neon-green);display:flex;flex-direction:column;overflow-y:auto;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.friends-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--border-color)}.friends-panel__header h3{font-size:.8rem;color:var(--neon-green)}.friends-panel__close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px}.friends-panel__close:hover{color:var(--neon-pink)}.friends-panel__add{display:flex;gap:.5rem;padding:.8rem 1.2rem}.friends-panel__add .input{flex:1;font-size:.5rem;padding:6px 10px}.friends-panel__error{color:var(--neon-pink);font-size:.45rem;padding:0 1.2rem}.friends-panel__section{padding:.5rem 1.2rem}.friends-panel__section-title{font-size:.5rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem}.friends-panel__item{display:flex;align-items:center;gap:.5rem;padding:8px 0;border-bottom:1px solid var(--border-color);font-size:.55rem}.friends-panel__item-actions{display:flex;gap:.3rem;margin-left:auto}.friends-panel__item-actions .btn--small{padding:4px 8px;font-size:.4rem}.friends-panel__dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);flex-shrink:0}.friends-panel__dot--online{background:var(--neon-green);box-shadow:0 0 6px #39ff1480}.friends-panel__name{color:var(--text-primary)}.friends-panel__name--link{cursor:pointer}.friends-panel__name--link:hover{color:var(--neon-green)}.friends-panel__pending{font-size:.45rem;color:var(--text-secondary);margin-left:auto}.friends-panel__empty{font-size:.5rem;color:var(--text-secondary);text-align:center;padding:1rem 0}.invite-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:1300;background:var(--bg-secondary);border:2px solid var(--neon-cyan);border-radius:var(--radius);padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;box-shadow:0 0 20px #00fff733;animation:fadeIn .3s ease-out;max-width:90vw}.invite-toast__text{font-size:.55rem;color:var(--text-primary);text-align:center}.invite-toast__actions{display:flex;gap:.5rem}.profile{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;width:100%}.profile__header{display:flex;align-items:center;gap:.8rem}.profile__name{font-size:1.2rem;color:var(--neon-green)}.profile__stats{display:flex;gap:2rem}.profile__stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.profile__stat-value{font-size:1.2rem;color:var(--text-primary)}.profile__stat-label{font-size:.45rem;color:var(--text-secondary);text-transform:uppercase}.profile__games{width:100%}.profile__section-title{font-size:.6rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase}.profile__game-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.55rem;border-bottom:1px solid var(--border-color)}.profile__game-row span:first-child{color:var(--text-primary)}.profile__game-row span:last-child{color:var(--text-secondary)}