@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--color-bg: #1a1a2e;--color-bg-secondary: #16213e;--color-primary: #e94560;--color-secondary: #0f3460;--color-accent: #f1c40f;--color-success: #27ae60;--color-error: #c0392b;--color-text: #ecf0f1;--color-text-dim: #7f8c8d;--color-border: #533483;--pixel-size: 4px;--border-width: 4px;--font-pixel: "Press Start 2P", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-pixel);font-size:12px;line-height:1.8;background-color:var(--color-bg);color:var(--color-text);image-rendering:pixelated;overflow-x:hidden}.pixel-border{border:var(--border-width) solid var(--color-border);box-shadow:inset calc(-1 * var(--border-width)) calc(-1 * var(--border-width)) 0 0 #2c3e50,inset var(--border-width) var(--border-width) 0 0 #9b59b6}.pixel-border-accent{border-color:var(--color-accent);box-shadow:inset calc(-1 * var(--border-width)) calc(-1 * var(--border-width)) 0 0 #d68910,inset var(--border-width) var(--border-width) 0 0 #f9e79f}.pixel-btn{font-family:var(--font-pixel);font-size:10px;padding:12px 24px;background-color:var(--color-secondary);color:var(--color-text);border:var(--border-width) solid var(--color-border);cursor:pointer;text-transform:uppercase;transition:transform .1s,box-shadow .1s;box-shadow:calc(-1 * var(--border-width)) calc(-1 * var(--border-width)) 0 0 #1a1a2e,var(--border-width) var(--border-width) 0 0 #000}.pixel-btn:hover{background-color:var(--color-primary);transform:translate(-2px,-2px);box-shadow:calc(-1 * var(--border-width) - 2px) calc(-1 * var(--border-width) - 2px) 0 0 #1a1a2e,calc(var(--border-width) + 2px) calc(var(--border-width) + 2px) 0 0 #000}.pixel-btn:active{transform:translate(2px,2px);box-shadow:calc(-1 * var(--border-width) + 2px) calc(-1 * var(--border-width) + 2px) 0 0 #1a1a2e,calc(var(--border-width) - 2px) calc(var(--border-width) - 2px) 0 0 #000}.pixel-btn.correct{background-color:var(--color-success);animation:pulse-correct .3s ease-out}.pixel-btn.wrong{background-color:var(--color-error);animation:shake .3s ease-out}.pixel-btn:disabled{opacity:.6;cursor:not-allowed}.pixel-input{font-family:var(--font-pixel);font-size:12px;padding:12px 16px;background-color:var(--color-bg-secondary);color:var(--color-text);border:var(--border-width) solid var(--color-border);outline:none;width:100%;max-width:300px}.pixel-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.pixel-input::placeholder{color:var(--color-text-dim)}.pixel-container{background-color:var(--color-bg-secondary);padding:24px;margin:16px}.pixel-card{background-color:var(--color-secondary);padding:20px;margin:12px 0}.game-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center,var(--color-bg-secondary) 0%,var(--color-bg) 100%)}.game-screen{width:100%;max-width:600px;min-height:400px}.avatar-container{width:120px;height:120px;margin:0 auto 20px;overflow:hidden;background-color:var(--color-bg)}.avatar-container img{width:100%;height:100%;image-rendering:pixelated}.progress-bar{width:100%;height:16px;background-color:var(--color-bg);border:2px solid var(--color-border);margin-bottom:20px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .3s ease-out}.game-title{font-size:24px;text-align:center;color:var(--color-accent);text-shadow:4px 4px 0 var(--color-primary),-2px -2px 0 var(--color-border);margin-bottom:30px;animation:flicker 2s infinite alternate}.game-title-small{font-size:14px;color:var(--color-text-dim);text-align:center;margin-bottom:20px}.score-display{display:flex;justify-content:space-between;padding:10px 20px;background-color:var(--color-bg);margin-bottom:20px;font-size:10px}.score-item{display:flex;flex-direction:column;align-items:center;gap:4px}.score-label{color:var(--color-text-dim);font-size:8px}.score-value{color:var(--color-accent)}.question-box{background-color:var(--color-bg);padding:20px;margin-bottom:20px;min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center}.question-text{font-size:11px;line-height:2}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option-btn{font-family:var(--font-pixel);font-size:9px;padding:16px 12px;background-color:var(--color-secondary);color:var(--color-text);border:var(--border-width) solid var(--color-border);cursor:pointer;text-align:left;transition:all .15s ease;display:flex;align-items:center;gap:10px}.option-btn:hover:not(:disabled){background-color:var(--color-primary);transform:scale(1.02)}.option-letter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-accent);color:var(--color-bg);font-weight:700;flex-shrink:0}.option-text{flex:1;word-break:break-word}.result-title{font-size:20px;text-align:center;margin-bottom:30px}.result-title.victory{color:var(--color-success);animation:rainbow 2s linear infinite}.result-title.defeat{color:var(--color-error)}.result-stats{text-align:center;margin-bottom:30px}.result-score{font-size:48px;color:var(--color-accent);margin-bottom:10px}.result-detail{font-size:10px;color:var(--color-text-dim);margin:8px 0}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-dots{display:flex;gap:8px}.loading-dot{width:12px;height:12px;background-color:var(--color-accent);animation:bounce .6s infinite alternate}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}75%{opacity:1}90%{opacity:.9}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse-correct{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes rainbow{0%{color:#e74c3c}16%{color:#f39c12}33%{color:#f1c40f}50%{color:#27ae60}66%{color:#3498db}83%{color:#9b59b6}to{color:#e74c3c}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.crt-overlay{pointer-events:none;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);z-index:9999}@media(max-width:480px){.game-title{font-size:16px}.options-grid{grid-template-columns:1fr}.pixel-container{padding:16px;margin:8px}.question-text{font-size:10px}.option-btn{font-size:8px;padding:12px 10px}}