@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Press+Start+2P&display=swap";body{font-family:"Press Start 2P",monospace;background-color:#0c0c1e;color:#e8e8e8;min-height:100vh;margin:0;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}button{font-family:"Press Start 2P",monospace;border:none;border-radius:0;cursor:pointer}:root{--bg: #0c0c1e;--surface: #141432;--surface-raised: #1c1c42;--nes-red: #E84040;--nes-blue: #4488FF;--nes-green: #2ECC71;--nes-gold: #F8B800;--nes-white: #F0F0F0;--nes-black: #000000;--nes-gray: #6E6E8A;--nes-dark: #101030;--text: #E8E8F0;--text-dim: #9090AA;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-pixel: "Press Start 2P", monospace;--radius: 2px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.app:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 6px);pointer-events:none;z-index:9999}.app{max-width:560px;margin:0 auto;padding:0 20px;min-height:100vh;display:flex;flex-direction:column;position:relative}.header{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:3px solid rgba(255,255,255,.08)}.header-left{display:flex;align-items:center;gap:12px}.logo{font-size:26px}.header h1{font-family:var(--font-pixel);font-size:13px;font-weight:400;color:var(--nes-gold);letter-spacing:1px}.icon-btn{background:none;border:none;font-size:22px;cursor:pointer;padding:10px;border-radius:8px;transition:background .15s}.icon-btn:hover{background:#ffffff14}.main{flex:1;padding:28px 0}.question-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.question-number{font-family:var(--font-pixel);font-size:11px;color:var(--nes-gold);padding:4px 0}.question-category{font-family:var(--font-pixel);font-size:9px;color:var(--nes-blue);padding:6px 12px;border:2px solid rgba(68,136,255,.3);background:#4488ff14;text-transform:uppercase;letter-spacing:1px}.question-difficulty{font-size:14px;margin-left:auto}.question-text{font-size:20px;font-weight:600;line-height:1.5;margin-bottom:28px;color:#fff;letter-spacing:-.01em}.hint-area{margin-bottom:20px}.hint-btn{background:transparent;color:var(--nes-gold);padding:10px 18px;font-family:var(--font-body);font-size:14px;font-weight:500;border:2px solid rgba(248,184,0,.3);cursor:pointer;border-radius:var(--radius);transition:all .15s;min-height:44px}.hint-btn:before{content:"? ";font-family:var(--font-pixel);font-size:10px}.hint-btn:hover{background:#f8b8001a;border-color:var(--nes-gold)}.hint-text{color:var(--nes-gold);font-size:15px;font-style:italic;line-height:1.6;padding:14px 16px;background:#f8b8000f;border-left:3px solid var(--nes-gold);border-radius:var(--radius)}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.option{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:2px solid rgba(255,255,255,.06);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--text);text-align:left;position:relative;min-height:52px;transition:all .12s}.option:hover:not(:disabled){background:var(--surface-raised);border-color:var(--nes-blue);transform:translate(4px)}@media(hover:hover){.option:hover:not(:disabled):before{content:"▶";position:absolute;left:-22px;color:var(--nes-blue);font-family:var(--font-pixel);font-size:10px;animation:cursor-blink .6s steps(1) infinite}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.option:active:not(:disabled){transform:translate(2px)}.option:disabled{cursor:default}.option.correct{background:#2ecc711f;border-color:var(--nes-green);color:var(--nes-green);animation:correct-flash .5s steps(1) 1}@keyframes correct-flash{0%{opacity:1}20%{opacity:.3}40%{opacity:1}60%{opacity:.3}80%{opacity:1}}.option.wrong{background:#e840401f;border-color:var(--nes-red);color:var(--nes-red)}.option.dimmed{opacity:.3}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);background:#ffffff0d;border:2px solid rgba(255,255,255,.08);font-family:var(--font-pixel);font-size:11px;color:var(--nes-gray);flex-shrink:0}.option.correct .option-letter{background:var(--nes-green);border-color:var(--nes-green);color:var(--bg)}.option.wrong .option-letter{background:var(--nes-red);border-color:var(--nes-red);color:#fff}.option:hover:not(:disabled) .option-letter{border-color:var(--nes-blue);color:var(--nes-blue)}.option-text{flex:1;line-height:1.4}.check{font-size:18px;font-weight:700;flex-shrink:0}.result-area{animation:slideUp .35s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-banner{text-align:center;padding:18px;margin-bottom:18px;border:2px solid;border-radius:var(--radius)}.result-banner.correct{border-color:var(--nes-green);background:#2ecc7114}.result-banner.correct h3{font-family:var(--font-pixel);color:var(--nes-green);font-size:14px;letter-spacing:2px;text-transform:uppercase}.result-banner.wrong{border-color:var(--nes-red);background:#e8404014}.result-banner.wrong h3{font-family:var(--font-pixel);color:var(--nes-red);font-size:12px;letter-spacing:2px;text-transform:uppercase}.fun-fact{background:var(--surface);padding:20px;margin-bottom:24px;border-left:3px solid var(--nes-gold);border-radius:var(--radius)}.fun-fact h4{font-family:var(--font-pixel);color:var(--nes-gold);font-size:9px;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.fun-fact p{color:var(--text);font-size:15px;line-height:1.7}.result-actions{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.share-btn,.next-btn,.play-again-btn{font-family:var(--font-body);font-size:15px;font-weight:600;padding:14px 28px;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;min-height:48px;transition:all .15s}.share-btn{background:transparent;color:var(--text-dim);border-color:#ffffff1a}.share-btn:hover{border-color:#fff3;color:var(--text)}.next-btn,.play-again-btn{background:var(--nes-blue);color:#fff;border-color:var(--nes-blue);width:100%}.next-btn:hover,.play-again-btn:hover{background:#59f}.next-btn:active,.play-again-btn:active{transform:translateY(2px)}.next-question{text-align:center;margin-bottom:16px}.next-question p{color:var(--nes-gray);font-size:13px}.countdown{font-family:var(--font-pixel);font-size:16px!important;color:var(--nes-white)!important;margin-top:8px;letter-spacing:2px}.streak-badge{text-align:center;font-family:var(--font-pixel);font-size:11px;color:var(--nes-gold);background:#f8b8000f;padding:12px 20px;border:2px solid rgba(248,184,0,.2);border-radius:var(--radius);letter-spacing:1px}.score-display{font-family:var(--font-pixel);font-size:11px;color:var(--nes-gold)}.stats-modal{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stats-content{background:var(--surface);border:2px solid rgba(255,255,255,.1);border-radius:4px;padding:28px;width:min(90vw,360px);text-align:center}.stats-content h2{font-family:var(--font-pixel);margin-bottom:24px;font-size:13px;color:var(--nes-gold);text-transform:uppercase;letter-spacing:2px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.stat{padding:16px 8px;background:#ffffff08;border:2px solid rgba(255,255,255,.06);border-radius:var(--radius)}.stat-value{font-family:var(--font-pixel);font-size:18px;color:var(--nes-white)}.stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.close-btn{font-family:var(--font-body);background:#ffffff0f;color:var(--text);border:2px solid rgba(255,255,255,.1);padding:12px 28px;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;transition:all .15s}.close-btn:hover{background:#ffffff1a}.final-score{text-align:center;padding:40px 0}.final-score h2{font-family:var(--font-pixel);font-size:14px;color:var(--nes-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.final-score .score-big{font-family:var(--font-pixel);font-size:32px;color:var(--nes-white);margin-bottom:8px}.final-score .score-percent{font-size:18px;color:var(--text-dim);margin-bottom:32px}.footer{padding:20px 0;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.footer p{color:var(--text-dim);font-size:13px}@media(max-width:480px){.app{padding:0 16px}.question-text{font-size:18px}.option{padding:14px 16px;font-size:15px}.header h1{font-size:11px}.fun-fact p{font-size:14px}}.rank-warm{--nes-blue: #FF8844}.rank-warm .header{border-bottom-color:#ff88444d}.rank-fire{--nes-blue: #FF4444}.rank-fire .header{border-bottom-color:#ff44444d}.rank-fire .app:before{background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,50,50,.03) 3px,rgba(255,50,50,.03) 6px)}.rank-electric{--nes-blue: #FFD700;--nes-gold: #00E5FF}.rank-electric .header{border-bottom-color:#ffd7004d}.rank-gold{--nes-blue: #FFD700;--bg: #0f0c1e}.rank-gold .header{border-bottom-color:#ffd70066}.rank-gold .question-text{color:#fff8e0}.rank-god{--bg: #0a0018;--surface: #1a0832;--surface-raised: #2a1042;--nes-blue: #CC44FF;--nes-gold: #FF44CC}.rank-god .header{border-bottom-color:#c4f6}.rank-god .question-category{color:#c4f;border-color:#cc44ff4d;background:#cc44ff14}.streak-pill{font-family:var(--font-pixel);font-size:10px;color:var(--nes-gold);background:#f8b8001a;padding:4px 10px;border:1px solid rgba(248,184,0,.2);border-radius:2px;margin-right:8px;animation:streak-glow 2s ease-in-out infinite}@keyframes streak-glow{0%,to{opacity:1}50%{opacity:.7}}.rank-up-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:200;font-family:var(--font-pixel);font-size:12px;color:var(--nes-gold);background:var(--surface);border:2px solid var(--nes-gold);padding:12px 24px;animation:toast-in .3s ease-out,toast-out .3s ease-in 2.7s forwards;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.rank-display,.final-rank{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.rank-emoji-big{font-size:32px}.rank-name-big{font-family:var(--font-pixel);font-size:14px;color:var(--nes-gold);letter-spacing:1px}.final-streak{font-family:var(--font-pixel);font-size:11px;color:var(--text-dim);text-align:center;margin-top:12px}.sub-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.lives-display{display:flex;gap:4px;font-size:18px}.heart.dead{opacity:.2;filter:grayscale(1)}.badge-count{font-family:var(--font-pixel);font-size:9px;color:var(--nes-gold);padding:4px 8px;background:#f8b80014;border:1px solid rgba(248,184,0,.15)}.boss-banner{text-align:center;padding:24px;margin-bottom:20px;background:#e840401a;border:3px solid var(--nes-red);animation:boss-pulse .8s ease-in-out infinite}.boss-text{font-family:var(--font-pixel);font-size:16px;color:var(--nes-red);letter-spacing:3px;text-transform:uppercase}@keyframes boss-pulse{0%,to{transform:scale(1);border-color:var(--nes-red)}50%{transform:scale(1.02);border-color:#f66;box-shadow:0 0 20px #e840404d}}.boss-timer-bar{position:relative;height:28px;background:#e8404026;border:2px solid var(--nes-red);margin-bottom:20px;overflow:hidden}.boss-timer-fill{position:absolute;inset:0;background:var(--nes-red);animation:timer-shrink linear forwards;transform-origin:left}@keyframes timer-shrink{0%{width:100%}to{width:0%}}.boss-timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:11px;color:#fff;z-index:1}.boss-victory{text-align:center;padding:20px;margin-bottom:18px;border:2px solid var(--nes-green);background:#2ecc711a;animation:victory-flash .6s steps(1) 3}.boss-victory h3{font-family:var(--font-pixel);font-size:14px;color:var(--nes-green);letter-spacing:2px}.boss-victory p{color:var(--nes-gold);font-family:var(--font-pixel);font-size:10px;margin-top:8px}@keyframes victory-flash{0%,to{opacity:1}50%{opacity:.5}}.boss-defeat{text-align:center;padding:20px;margin-bottom:18px;border:2px solid var(--nes-red);background:#e840401a}.boss-defeat h3{font-family:var(--font-pixel);font-size:14px;color:var(--nes-red);letter-spacing:2px}.boss-defeat p{color:var(--text-dim);font-size:13px;margin-top:8px}.game-over-banner{text-align:center;padding:40px 0 20px}.game-over-banner h2{font-family:var(--font-pixel);font-size:24px;color:var(--nes-red);letter-spacing:4px;animation:game-over-flash 1s steps(1) infinite}.game-over-sub{color:var(--text-dim);font-size:14px;margin-top:12px}@keyframes game-over-flash{0%,to{opacity:1}50%{opacity:.6}}.badges-section{margin:20px 0}.badges-title{font-family:var(--font-pixel);font-size:10px;color:var(--nes-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;text-align:center}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);text-align:center}.badge-item.earned{border-color:var(--nes-gold);background:#f8b80014}.badge-item.locked{opacity:.35;filter:grayscale(.8)}.badge-emoji{font-size:20px}.badge-label{font-family:var(--font-pixel);font-size:7px;color:var(--text);letter-spacing:.5px}.badge-progress{font-size:10px;color:var(--text-dim)}.badge-toast{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:200;font-family:var(--font-pixel);font-size:11px;color:var(--nes-gold);background:var(--surface);border:2px solid var(--nes-gold);padding:12px 24px;animation:toast-in .3s ease-out,toast-out .3s ease-in 2.7s forwards;white-space:nowrap}.review-btn{font-family:var(--font-body);background:#4488ff1a;color:var(--nes-blue);border:2px solid rgba(68,136,255,.3);padding:12px 28px;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;margin-bottom:12px;width:100%;transition:all .15s}.review-btn:hover{background:#48f3}.header-right{display:flex;align-items:center;gap:4px}.challenge-intro{text-align:center;padding:1rem;margin:.5rem 1rem;background:#fcbf491a;border:2px solid #fcbf49;border-radius:12px;color:#f1faee;font-size:1.1rem}.challenge-intro strong{color:#fcbf49}.challenge-comparison{display:flex;align-items:center;justify-content:center;gap:2rem;margin:1.5rem 0}.challenge-player{text-align:center}.challenge-label{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#a8dadc;margin-bottom:.5rem}.challenge-vs{font-family:"Press Start 2P",monospace;font-size:1.5rem;color:#e63946}