:root{--bg-dark:#0b0f19;--card-bg:#161e2e;--accent-cyan:#05d9e8;--accent-pink:#ff2a6d;--accent-yellow:gold;--text-main:#f8fafc;--text-muted:#94a3b8;--border-glow:#05d9e888;background-color:var(--bg-dark);color:var(--text-main);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}body{background-color:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}#root{box-sizing:border-box;width:100%;max-width:860px;margin:0 auto;padding:16px}.game-wrapper{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.game-header{background:var(--card-bg);border:1px solid #1e293b;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 20px;display:flex;box-shadow:0 4px 12px #0006}.game-header h1{letter-spacing:1px;color:var(--text-main);margin:0;font-size:1.5rem}.logo-accent{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan)}.stats-row{flex-wrap:wrap;gap:12px;display:flex}.stat-pill{color:var(--text-main);background:#0f172a;border:1px solid #334155;border-radius:20px;padding:6px 14px;font-size:.95rem}.stat-pill strong{color:var(--accent-yellow)}.canvas-container{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.phaser-mount{border:2px solid var(--accent-cyan);border-radius:12px;justify-content:center;width:100%;display:flex;overflow:hidden;box-shadow:0 0 16px #05d9e840}.touch-controls{justify-content:space-between;gap:12px;width:100%;max-width:800px;padding:4px 0;display:flex}.control-btn{min-height:50px;color:var(--accent-cyan);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:2px solid #334155;border-radius:10px;flex:1;font-size:1.1rem;font-weight:700;transition:all .1s}.control-btn:active{background:var(--accent-cyan);color:#000;transform:scale(.97)}.jump-btn{border-color:var(--accent-pink);color:var(--accent-pink)}.jump-btn:active{background:var(--accent-pink);color:#fff}.overlay-card{background:var(--card-bg);border:2px solid var(--accent-cyan);text-align:center;box-sizing:border-box;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:32px 24px;display:flex;box-shadow:0 0 24px #05d9e84d}.overlay-card h2{color:var(--accent-cyan);margin:0;font-size:1.8rem}.subtitle{color:var(--text-muted);margin:-8px 0 8px;font-size:1rem}.instructions{text-align:left;box-sizing:border-box;background:#0f172a;border-radius:8px;width:100%;padding:16px;font-size:.95rem}.instructions p{margin:8px 0}.primary-btn{color:#000;background:var(--accent-yellow);cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px 20px;font-size:1.1rem;font-weight:700;transition:transform .15s,background .15s;box-shadow:0 4px 12px #ffd7004d}.primary-btn:hover{background:#ffe033;transform:translateY(-2px)}.primary-btn:active{transform:translateY(1px)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;box-sizing:border-box;background:#0b0f19d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.question-card{background:var(--card-bg);border:2px solid var(--accent-pink);box-sizing:border-box;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;max-height:90vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 0 32px #ff2a6d66}.gate-badge{background:var(--accent-pink);color:#fff;letter-spacing:.5px;border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:700}.math-expression{color:var(--accent-yellow);letter-spacing:2px;margin:0;font-size:2.2rem}.question-prompt{color:var(--text-muted);margin:0;font-size:.95rem}.options-column{flex-direction:column;gap:10px;width:100%;display:flex}.option-btn{width:100%;min-height:48px;color:var(--text-main);text-align:left;cursor:pointer;background:#0f172a;border:2px solid #334155;border-radius:10px;align-items:center;padding:10px 16px;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.opt-key{color:var(--text-muted);margin-right:12px;font-size:.85rem;font-weight:400}.option-btn:hover:not(:disabled){border-color:var(--accent-cyan);background:#1e293b}.option-btn.correct{color:#fff;background:#059669;border-color:#34d399}.option-btn.wrong{color:#fff;background:#dc2626;border-color:#f87171}.feedback-toast{text-align:center;box-sizing:border-box;border-radius:8px;width:100%;padding:12px 16px;font-size:.95rem}.feedback-toast.correct{color:#6ee7b7;background:#05966933;border:1px solid #34d399}.feedback-toast.wrong{color:#fca5a5;background:#dc262633;border:1px solid #f87171}.final-stats{box-sizing:border-box;background:#0f172a;border-radius:8px;width:100%;padding:16px;font-size:1.1rem}.final-stats p{margin:6px 0}