@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.leaderboard-overlay{z-index:1000;background:#06040eb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.leaderboard-card{background:linear-gradient(180deg, var(--panel,#1c1733) 0%, var(--bg-deep-2,#1a1430) 100%);border:1px solid var(--border-rune,#f2b53f59);border-radius:18px;width:100%;max-width:360px;padding:36px 28px 28px;animation:.18s leaderboard-pop-in;position:relative;box-shadow:inset 0 0 0 1px #ffffff05,0 18px 50px #0000008c,0 0 40px #8d6cff14}@keyframes leaderboard-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.leaderboard-close{color:var(--text-muted,#aaa1c4);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;position:absolute;top:14px;right:14px}.leaderboard-close:hover{color:var(--text-primary,#f4efe6)}.leaderboard-title{text-align:center;font-family:var(--font-display,"Cinzel", serif);color:var(--text-primary,#f4efe6);text-shadow:0 0 14px #f2b53f4d;margin:0 0 2px;font-size:1.5rem}.leaderboard-subtitle{text-align:center;color:var(--text-muted,#aaa1c4);margin:0 0 20px;font-size:.85rem}.leaderboard-status{text-align:center;color:var(--text-muted,#aaa1c4);padding:20px 0;font-size:.9rem}.leaderboard-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.leaderboard-row-you{border-color:var(--accent-arcane,#8d6cff);background:#8d6cff1a}.leaderboard-rank{font-family:var(--font-mono,"Space Mono", monospace);color:var(--accent-ember,#f2b53f);text-align:left;flex-shrink:0;width:92px;font-size:.8rem}.leaderboard-name{color:var(--text-primary,#f4efe6);text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;font-size:.92rem;overflow:hidden}.leaderboard-level{font-family:var(--font-mono,"Space Mono", monospace);color:var(--accent-success,#3ddc97);text-align:right;white-space:nowrap;flex-shrink:0;width:92px;font-size:.8rem}.leaderboard-level-max{color:var(--accent-ember,#f2b53f);text-shadow:0 0 8px #f2b53f80;font-weight:700}.leaderboard-trigger{z-index:4;border:1px solid var(--border-rune,#f2b53f59);cursor:pointer;width:38px;height:38px;color:var(--accent-ember,#f2b53f);background:#1c1733eb;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:14px;right:14px}.leaderboard-trigger:hover{border-color:var(--accent-ember,#f2b53f);transform:translateY(-1px)}.battle-container{max-width:460px;font-family:var(--font-body,"Inter", sans-serif);text-align:center;color:var(--text-primary,#f4efe6);margin:0 auto;padding:24px}.battle-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.03em;color:var(--text-primary,#f4efe6);margin-top:30px;margin-bottom:14px;font-size:1.25rem}.arena{border:1px solid var(--border-rune,#f2b53f59);background:linear-gradient(#2a2350 0%,#241d40 35%,#1c1733 36%,#15112a 100%);border-radius:16px;min-height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #8d6cff1f}.hill{background:#8d6cff1f;border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:40px;position:absolute;top:100px}.platform{background:radial-gradient(#f2b53f38 0%,#8d6cff1f 70%,#0000 100%);border-radius:50%;position:absolute}.platform.boss{width:130px;height:38px;top:130px;right:30px}.platform.player{width:150px;height:42px;bottom:18px;left:14px}.boss-hp-card{border:1px solid var(--border-rune,#f2b53f59);text-align:left;z-index:3;background:#1c1733eb;border-radius:10px;width:148px;padding:8px 12px;position:absolute;top:14px;left:14px;box-shadow:0 2px 10px #00000059}.boss-name{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.02em;color:var(--accent-danger,#ff5d6c);margin-bottom:4px;font-size:.72rem;font-weight:600}.boss-svg-wrap{z-index:2;filter:drop-shadow(0 0 14px #ff5d6c40);width:108px;height:108px;position:absolute;top:38px;right:30px}.player-hp-card{border:1px solid var(--border-rune,#f2b53f59);text-align:left;z-index:3;background:#1c1733eb;border-radius:10px;width:148px;padding:8px 12px;position:absolute;bottom:40px;right:14px;box-shadow:0 2px 10px #00000059}.player-name{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.02em;color:var(--accent-success,#3ddc97);margin-bottom:4px;font-size:.72rem;font-weight:600}.hero-svg-wrap{z-index:2;filter:drop-shadow(0 0 14px #3ddc9740);width:132px;height:132px;position:absolute;bottom:6px;left:18px}.hp-label-row{font-family:var(--font-mono,"Space Mono", monospace);color:var(--text-muted,#aaa1c4);justify-content:space-between;margin-bottom:3px;font-size:.68rem;display:flex}.hp-bar-outer{background:#ffffff14;border:1px solid #ffffff14;border-radius:6px;width:100%;height:9px;overflow:hidden}.hp-bar-inner{height:100%;transition:width .4s}.hp-bar-boss{background:linear-gradient(90deg, #ff8a5b, var(--accent-danger,#ff5d6c))}.hp-bar-player{background:linear-gradient(90deg, #5be0a8, var(--accent-success,#3ddc97))}.question-box{border:1px solid var(--border-rune,#f2b53f59);background:var(--panel,#1c1733);border-radius:14px;margin-top:18px;padding:18px 16px;box-shadow:0 10px 28px #00000059}.question-loading{color:var(--text-muted,#aaa1c4);padding:14px 0;font-size:.95rem}.question-text{color:var(--text-primary,#f4efe6);margin-bottom:14px;font-size:1.45rem;font-weight:600;line-height:1.3}.answer-form{justify-content:center;gap:8px;display:flex}.answer-input{font-family:var(--font-mono,"Space Mono", monospace);text-align:center;width:100px;color:var(--text-primary,#f4efe6);background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:8px;font-size:1.05rem}.answer-input:focus{border-color:var(--accent-arcane,#8d6cff);outline:none;box-shadow:0 0 0 3px #8d6cff33}.attack-button{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.02em;cursor:pointer;background:linear-gradient(180deg, var(--accent-ember,#f2b53f), var(--accent-ember-dim,#c4912b));color:#2a1a05;border:none;border-radius:8px;padding:8px 18px;font-size:1rem;font-weight:600}.attack-button:disabled{opacity:.5;cursor:default}.feedback-slot{min-height:24px;margin-top:12px;font-size:.92rem}.feedback-correct{color:var(--accent-success,#3ddc97);font-weight:600}.feedback-wrong{color:var(--accent-danger,#ff5d6c);font-weight:600}.ai-status{font-family:var(--font-mono,"Space Mono", monospace);color:var(--text-muted,#aaa1c4);opacity:.7;margin-top:12px;font-size:.68rem}.step-review{text-align:left;animation:.25s step-review-in}.step-review .feedback-wrong{margin:0 0 12px;font-size:.98rem}.steps-list{border:1px solid var(--border-rune,#f2b53f59);background:#ffffff0a;border-radius:10px;margin:0 0 18px;padding:14px 16px 14px 34px;list-style:decimal}.steps-list li{font-family:var(--font-mono,"Space Mono", monospace);color:var(--text-primary,#f4efe6);font-size:.85rem;line-height:1.7}.steps-list li::marker{color:var(--accent-ember,#f2b53f);font-weight:700}.steps-unavailable{color:var(--text-muted,#aaa1c4);margin:0 0 18px;font-size:.85rem;font-style:italic}.step-review .attack-button{width:100%}@keyframes step-review-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.result-card{border:1px solid var(--border-rune,#f2b53f59);border-radius:18px;padding:32px 28px}.result-card h2{font-family:var(--font-display,"Cinzel", serif);margin-top:0}.boss-line{color:var(--text-muted,#aaa1c4);min-height:1.3em;margin-top:14px;font-style:italic}.result-victory{background:radial-gradient(circle at 50% 0%, #3ddc9724, var(--panel,#1c1733))}.result-defeat{background:radial-gradient(circle at 50% 0%, #ff5d6c24, var(--panel,#1c1733))}@keyframes boss-lunge-fwd{0%,to{transform:translate(0)scale(1)}45%{transform:translate(-22px,14px)scale(1.08)}}.boss-lunge{animation:.5s boss-lunge-fwd}@keyframes shake-hit{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.boss-hit,.hero-hit{animation:.4s shake-hit}@keyframes flash-red{0%,to{filter:none}50%{filter:brightness(1.3)saturate(3)hue-rotate(-20deg)}}.flash-red{animation:.4s flash-red}@keyframes hero-lunge-fwd{0%,to{transform:translate(0)scale(1)}40%{transform:translate(18px,-12px)scale(1.06)}}.hero-lunge{animation:.45s hero-lunge-fwd}@keyframes dragon-defeated-fall{0%{opacity:1;transform:rotate(0)translateY(0)}to{opacity:.45;transform:rotate(10deg)translateY(14px)}}.dragon-defeated{animation:.6s forwards dragon-defeated-fall}@media (prefers-reduced-motion:reduce){.boss-lunge,.boss-hit,.hero-hit,.flash-red,.hero-lunge,.dragon-defeated,.step-review{animation:none!important}}.dragon-img,.hero-img{object-fit:contain;width:100%;height:100%;display:block}.modal-overlay{z-index:1000;background:#06040eb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:linear-gradient(180deg, var(--panel) 0%, var(--bg-deep-2) 100%);border:1px solid var(--border-rune);text-align:center;border-radius:18px;width:100%;max-width:340px;padding:40px 30px 30px;position:relative;box-shadow:inset 0 0 0 1px #ffffff05,0 18px 50px #0000008c,0 0 40px #8d6cff14}.modal-title{font-family:var(--font-display);color:var(--text-primary);text-shadow:0 0 14px #f2b53f4d;margin:0 0 6px;font-size:1.6rem}.modal-subtitle{color:var(--text-muted);margin:0 0 18px;font-size:.9rem}.modal-input{border:1px solid var(--border-rune);background:var(--panel-soft);width:100%;color:var(--text-primary);font-family:var(--font-body);box-sizing:border-box;border-radius:10px;padding:12px 14px;font-size:1rem}.modal-input:focus{border-color:var(--accent-arcane);outline:none;box-shadow:0 0 0 3px #8d6cff33}.modal-error{color:var(--accent-danger);text-align:left;margin:8px 0 0;font-size:.8rem}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-confirm{flex:1}.modal-cancel{color:var(--text-muted);border:1px solid var(--border-rune);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:15px 20px;font-size:.9rem}.modal-cancel:hover{color:var(--text-primary);border-color:var(--accent-arcane)}:root{--bg-deep:#100c1c;--bg-deep-2:#1a1430;--panel:#1c1733;--panel-soft:#241d40;--accent-ember:#f2b53f;--accent-ember-dim:#c4912b;--accent-arcane:#8d6cff;--accent-danger:#ff5d6c;--accent-success:#3ddc97;--text-primary:#f4efe6;--text-muted:#aaa1c4;--border-rune:#f2b53f59;--font-display:"Cinzel", serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, #8d6cff29, transparent 55%), radial-gradient(circle at 85% 15%, #f2b53f1f, transparent 45%), var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);margin:0}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.home-card{background:linear-gradient(180deg, var(--panel) 0%, var(--bg-deep-2) 100%);border:1px solid var(--border-rune);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:44px 34px 36px;position:relative;box-shadow:inset 0 0 0 1px #ffffff05,0 18px 50px #0000008c,0 0 40px #8d6cff14}.rune-corner{border:2px solid var(--accent-ember);opacity:.7;width:18px;height:18px;position:absolute}.rune-corner-tl{border-bottom:none;border-right:none;border-radius:4px 0 0;top:10px;left:10px}.rune-corner-tr{border-bottom:none;border-left:none;border-radius:0 4px 0 0;top:10px;right:10px}.rune-corner-bl{border-top:none;border-right:none;border-radius:0 0 0 4px;bottom:10px;left:10px}.rune-corner-br{border-top:none;border-left:none;border-radius:0 0 4px;bottom:10px;right:10px}.sigil{filter:drop-shadow(0 0 8px #f2b53f8c);width:44px;height:44px;margin:0 auto 14px}.sigil-svg{width:100%;height:100%}.sigil-svg polygon{fill:none;stroke:var(--accent-ember);stroke-width:2px}.sigil-svg circle{fill:none;stroke:var(--accent-arcane);stroke-width:1.5px;opacity:.85}.game-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);text-shadow:0 0 18px #f2b53f59;margin:0 0 2px;font-size:2.6rem}.player-greeting{color:var(--text-muted);margin:0 0 22px;font-size:.95rem}.level-block{text-align:left;margin-bottom:22px}.level-label-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.level-tag{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent-ember);text-transform:uppercase;font-size:.85rem}.xp-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.xp-bar-outer{background:var(--panel-soft);border:1px solid var(--border-rune);border-radius:6px;width:100%;height:10px;overflow:hidden}.xp-bar-inner{background:linear-gradient(90deg, var(--accent-arcane), var(--accent-ember));height:100%;transition:width .5s;box-shadow:0 0 10px #f2b53f80}.result-banner{border:1px solid #0000;border-radius:10px;margin-bottom:18px;padding:10px 12px;font-size:.88rem;font-weight:600}.result-banner-win{color:var(--accent-success);background:#3ddc971f;border-color:#3ddc974d}.result-banner-loss{color:var(--accent-danger);background:#ff5d6c1f;border-color:#ff5d6c4d}.play-button{background:linear-gradient(180deg, var(--accent-ember) 0%, var(--accent-ember-dim) 100%);font-family:var(--font-display);letter-spacing:.03em;color:#2a1a05;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px 28px;font-size:1.05rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px #f2b53f40}.play-button:hover{transform:translateY(-1px);box-shadow:0 10px 28px #f2b53f59}.play-button:active{transform:translateY(0)}.play-button:focus-visible{outline:2px solid var(--accent-arcane);outline-offset:3px}@media (prefers-reduced-motion:reduce){.play-button{transition:none}}