*{box-sizing:border-box;margin:0;padding:0}#root{text-align:left;width:100%;max-width:100%;min-height:100vh;margin:0;display:block}:root{--bg-dark:#0a0a0f;--bg-screen:#0d0d12;--bg-panel:#1a1a24;--neon-pink:#ff2a6d;--neon-cyan:#05d9e8;--neon-yellow:#f7f052;--neon-green:#39ff14;--neon-orange:#ff6b35;--neon-purple:#bd00ff;--text-primary:#05d9e8;--text-secondary:#39ff14;--text-dim:#666680;--text-scan:#00ff41;--border-glow:#05d9e866;--border-dim:#ffffff1a;--font-pixel:"Press Start 2P",cursive;--font-terminal:"VT323",monospace;--ease-arcade:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}body{font-family:var(--font-terminal);background:var(--bg-dark);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:1rem;display:flex;position:relative;overflow-x:hidden}.crt-overlay{pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);animation:.15s infinite flicker;position:fixed;inset:0}.scanlines{pointer-events:none;z-index:999;opacity:.4;background:linear-gradient(#0000 50%,#0000004d 50%) 0 0/100% 4px;position:fixed;inset:0}.tv-glow{pointer-events:none;z-index:999;opacity:.4;background-size:100% 4px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.98}}.game-container{z-index:1;background:var(--bg-screen);border:3px solid var(--neon-cyan);width:min(100%,600px);max-width:600px;box-shadow:0 0 20px var(--border-glow), inset 0 0 60px #05d9e808, inset 0 0 100px #00000080;animation:screenOn .6s var(--ease-arcade);border-radius:4px;margin:0 auto;padding:1.5rem;position:relative}@keyframes screenOn{0%{opacity:0;filter:brightness(3);transform:scale(.9)}50%{filter:brightness(1.5);transform:scale(1.02)}to{opacity:1;filter:brightness();transform:scale(1)}}.game-header{text-align:center;margin-bottom:1.5rem}.pixel-decoration{color:var(--neon-pink);letter-spacing:.5rem;margin-bottom:.5rem;font-size:.8rem;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}h1{font-family:var(--font-pixel);color:var(--neon-pink);text-shadow:2px 2px 0 var(--neon-cyan),4px 4px 0 #00000080;letter-spacing:2px;margin:0 0 .5rem;font-size:clamp(.9rem,4vw,1.4rem);animation:3s infinite glitch}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{tranform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}.tagline{color:var(--text-dim);margin:0;font-size:.9rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.retro-label{font-family:var(--font-pixel);color:var(--text-dim);letter-spacing:1px;margin-bottom:.4rem;font-size:.55rem;display:block}.player-setup{margin-bottom:1.25rem}.player-input-row{gap:.5rem;display:flex}.player-input-row input{background:var(--bg-dark);border:2px solid var(--border-dim);color:var(--text-scan);font-family:var(--font-terminal);text-transform:uppercase;border-radius:2px;flex:1;padding:.6rem .8rem;font-size:1.1rem}.player-input-row input::placeholder{color:var(--text-dim)}.player-input-row input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px var(--border-glow);outline:none}.btn-retro{font-family:var(--font-pixel);background:var(--bg-panel);border:2px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 3px 0 #055, 0 0 10px var(--border-glow);padding:.7rem 1rem;font-size:.6rem;transition:all .15s}.btn-retro:hover{background:var(--neon-cyan);color:var(--bg-dark);transform:translateY(-2px)}.btn-retro:active{transform:translateY(2px);box-shadow:0 1px #055}.btn-retro:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-small{padding:.6rem .8rem;font-size:.5rem}.btn-action{background:var(--neon-pink);border-color:var(--neon-pink);color:var(--bg-dark);box-shadow:0 3px #aa0040,0 0 15px #ff2a6d66}.btn-action:hover{background:#ff4a80}.btn-secondary{border-color:var(--neon-green);color:var(--neon-green);padding:.5rem .6rem;font-size:.5rem;box-shadow:0 3px #090}.btn-secondary:hover{background:var(--neon-green);color:var(--bg-dark)}.btn-secondary span:last-child{margin-left:.3rem}.difficulty-selector{margin-bottom:1rem}.level-buttons{gap:.5rem;display:flex}.lvl-btn{background:var(--bg-dark);border:2px solid var(--text-dim);color:var(--text-dim);font-family:var(--font-terminal);cursor:pointer;border-radius:2px;flex:1;padding:.6rem;font-size:1.2rem;transition:all .2s}.lvl-btn:hover{border-color:var(--neon-yellow);color:var(--neon-yellow)}.lvl-btn.active{background:var(--neon-yellow);border-color:var(--neon-yellow);color:var(--bg-dark);box-shadow:0 0 15px #f7f05280}.timer-zone{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.timer-track{background:var(--bg-dark);border:2px solid var(--border-dim);border-radius:2px;flex:1;height:16px;overflow:hidden}.timer-fill{height:100%;transition:width .9s linear}.timer-text{font-family:var(--font-pixel);color:var(--text-scan);text-align:right;min-width:5rem;font-size:.55rem}.range-display{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.range-label{font-family:var(--font-pixel);color:var(--neon-cyan);min-width:2rem;font-size:.7rem}.range-bar{background:var(--bg-dark);border:1px solid var(--border-dim);flex:1;height:8px;position:relative}.range-marker{background:var(--neon-purple);width:0%;height:100%;transition:left .5s var(--ease-arcade);position:absolute;top:0;left:0}.input-zone{gap:.5rem;margin-bottom:.75rem;display:flex}.input-zone input{background:var(--bg-dark);border:2px solid var(--neon-pink);color:var(--text-scan);font-family:var(--font-terminal);text-align:center;appearance:textfield;border-radius:2px;flex:1;padding:.7rem 1rem;font-size:1.4rem}.input-zone input::-webkit-inner-spin-button{-webkit-appearance:none}.input-zone input::-webkit-outer-spin-button{-webkit-appearance:none}.input-zone input::placeholder{color:var(--text-dim)}.input-zone input:focus{outline:none;box-shadow:0 0 15px #ff2a6d80}.input-zone input:disabled{border-color:var(--border-dim);color:var(--text-dim)}.action-buttons{gap:.5rem;margin-bottom:.75rem;display:flex}.action-buttons .btn-retro{flex:1}.btn-start{background:var(--neon-green);width:100%;color:var(--bg-dark);font-family:var(--font-pixel);cursor:pointer;border:none;border-radius:2px;padding:1rem;font-size:.8rem;animation:.8s step-end infinite startBlink;box-shadow:0 0 30px #39ff1480}.btn-start:hover{background:var(--text-scan);animation:none}@keyframes startBlink{0%,to{opacity:1}50%{opacity:.5}}.feedback-zone{margin:1rem 0}.result-display{background:var(--bg-panel);border:2px solid var(--border-dim);text-align:center;border-radius:2px;justify-content:center;align-items:center;gap:.75rem;min-height:50px;padding:1rem;transition:all .3s;display:flex}.result-icon{font-size:1.5rem;animation:2s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.result-text{font-family:var(--font-terminal);color:var(--text-secondary);font-size:1.1rem}.result-display.warm{border-color:var(--neon-yellow)}.result-display.warm .result-icon,.result-display.warm .result-text{color:var(--neon-yellow)}.result-display.cold{border-color:var(--neon-pink)}.result-display.cold .result-icon,.result-display.cold .result-text{color:var(--neon-pink)}.result-display.success{border-color:var(--neon-green)}.result-display.success .result-icon,.result-display.success .result-text{color:var(--neon-green)}.result-display.victory{border-color:var(--neon-purple);background:#bd00ff1a}.result-display.victory .result-icon,.result-display.victory .result-text{color:var(--neon-purple);text-shadow:0 0 10px var(--neon-purple)}.stats-zone{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.stat-box{background:var(--bg-panel);border:2px solid var(--border-dim);border-radius:2px;flex-direction:column;align-items:center;padding:.75rem .5rem;display:flex}.stat-label{font-family:var(--font-pixel);color:var(--text-dim);margin-bottom:.3rem;font-size:.45rem}.stat-value{font-family:var(--font-terminal);color:var(--neon-cyan);font-size:1.8rem;line-height:1}.stat-box:nth-child(2) .stat-value{color:var(--neon-yellow)}.stat-box.stat-best{border-color:var(--neon-purple)}.stat-box.stat-best .stat-value{color:var(--neon-purple);text-shadow:0 0 10px var(--neon-purple)}.history-zone{border-top:2px dashed var(--border-dim);padding-top:1rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.history-count{font-family:var(--font-pixel);color:var(--neon-green);font-size:.6rem}.guess-history{flex-wrap:wrap;gap:.4rem;min-height:1.5rem;display:flex}.guess-history span{background:var(--bg-dark);border:1px solid var(--border-dim);font-family:var(--font-terminal);color:var(--text-scan);animation:chipPop .3s var(--ease-arcade);border-radius:2px;justify-content:center;align-items:center;padding:.3rem .5rem;font-size:.9rem;display:inline-flex}@keyframes chipPop{0%{opacity:0;transform:scale(.5)translateY(-10px)}70%{transform:scale(1.1)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}.game-footer{border-top:1px solid var(--border-dim);text-align:center;margin-top:1rem;padding-top:.75rem}.warmth-bar{background:var(--bg-dark);border-top:1px solid var(--border-dim);border-radius:2px;height:6px;margin-bottom:.75rem;overflow:hidden}.warmth-fill{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-green),var(--neon-yellow), var(--neon-pink));height:100%;transition:width .5s var(--ease-arcade);box-shadow:0 0 10px var(--neon-green)}.hint-text{font-family:var(--font-pixel);color:var(--text-dim);margin:0;font-size:.45rem}.victory-overlay{z-index:100;background:#0a0a0ff2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.victory-overlay.active{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.victory-content{text-align:center;animation:victoryEnter .6s var(--ease-arcade)}@keyframes victoryEnter{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pixel-art-star{color:var(--neon-yellow);text-shadow:0 0 20px var(--neon-yellow), 0 0 40px var(--neon-orange);margin-bottom:1rem;font-size:4rem;animation:1s linear infinite starSpin}@keyframes starSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.victory-title{font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 20px var(--neon-green);margin:0 0 .75rem;font-size:1.5rem}.victory-number{color:var(--text-primary);margin:0 0 .5rem;font-size:1.2rem}.victory-number strong{color:var(--neon-pink);font-size:2rem}.victory-score{color:var(--text-dim);margin:0 0 1.5rem;font-size:1rem}.victory-score span{color:var(--neon-yellow);font-size:1.5rem}.leaderboard-overlay{z-index:150;opacity:0;pointer-events:none;background:#0a0a0fe6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.leaderboard-overlay.active{opacity:1;pointer-events:auto}.leaderboard-modal{background:var(--bg-screen);border:3px solid var(--neon-purple);width:100%;max-width:420px;transition:transform .3s var(--ease-arcade);border-radius:4px;flex-direction:column;max-height:80vh;display:flex;transform:scale(.9)translateY(20px);box-shadow:0 0 30px #bd00ff4d}.leaderboard-overlay.active .leaderboard-modal{transform:scale(1)translateY(0)}.leaderboard-header{border-bottom:2px solid var(--border-dim);justify-content:space-between;align-items:center;padding:1rem;display:flex}.leaderboard-header h2{font-family:var(--font-pixel);color:var(--neon-yellow);letter-spacing:2px;margin:0;font-size:.7rem}.btn-close:hover{background:var(--neon-pink);color:var(--bg-dark);transform:rotate(90deg)}.difficulty-tabs{background:var(--bg-panel);gap:2px;padding:.5rem;display:flex}.tab-btn{border:1px solid var(--border-dim);color:var(--text-dim);font-family:var(--font-pixel);cursor:pointer;background:0 0;flex:1;padding:.4rem;font-size:.45rem;transition:all .2s}.tab-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.tab-btn.active{background:var(--neon-cyan);border-color:var(--neon-cyan);color:var(--bg-dark)}.score-list{flex:1;padding:.5rem;overflow-y:auto}.score-row{border-bottom:1px solid var(--border-dim);grid-template-columns:2rem 1fr 3rem 2rem;align-items:center;padding:.5rem;font-size:.9rem;display:grid}.score-row:hover{background:#05d9e81a}.score-row.top{background:#f7f0521a}.score-rank{text-align:center;color:var(--neon-yellow)}.score-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-difficulty{font-family:var(--font-pixel);text-align:center;border-radius:2px;padding:.15rem .3rem;font-size:.4rem}.score-difficulty.easy{background:var(--neon-green);color:var(--bg-dark)}.score-difficulty.medium{background:var(--neon-yellow);color:var(--bg-dark)}.score-difficulty,hard{background:var(--neon-pink);color:var(--bg-dark)}.score-points{color:var(--neon-cyan);text-align:right}.lb-empty{text-align:center;color:var(--text-dim);font-family:var(--font-pixel);padding:2rem;font-size:.5rem}.sound-toggle{z-index:200;background:var(--bg-panel);border:2px solid var(--border-dim);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:50%;font-size:1.2rem;transition:all .2s;position:fixed;top:1rem;right:1rem}.sound-toggle:hover{border-color:var(--neon-cyan);transition:scale(1.1)}@media (width<=400px){.game-container{padding:1rem}.input-zone{flex-direction:column}.stats-zone{gap:.4rem}.stat-value{font-size:1.4rem}h1{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}