:root{
  --bg:#050a12;--bg2:#08111f;--panel:#0d1929;--panel2:#12243a;--line:#2f5273;--line2:#50799b;
  --text:#edf7ff;--muted:#9eb7ca;--gold:#f6b93b;--gold2:#ffd66b;--green:#43da76;--red:#ff5e72;
  --blue:#48b5ff;--cyan:#8ee7ff;--purple:#a678ff;--ink:#02060b;--pixel:4px;
}
*{box-sizing:border-box}
html{background:#02050a}
body{margin:0;min-height:100vh;color:var(--text);font-family:"Courier New",ui-monospace,monospace;background:
  radial-gradient(circle at 50% -10%,#18395d 0,#0b1b30 25%,#060e19 54%,#03070d 100%);image-rendering:pixelated}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
.sprite-defs{position:absolute;width:0;height:0;overflow:hidden}.pixel-svg{display:block;width:100%;height:100%;shape-rendering:crispEdges;image-rendering:pixelated}
.app-shell{width:min(1460px,100%);margin:0 auto;padding:14px 14px 28px}.hidden{display:none!important}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:linear-gradient(180deg,#0f2237,#091625);border:2px solid #345a7d;box-shadow:0 5px 0 #02060b, inset 0 1px 0 #5b82a355;position:relative;overflow:hidden}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:2px solid #a87010;background:#3a2408;color:#fff4c4;font-size:25px;box-shadow:3px 3px 0 #02060b}
.brand{font-weight:900;font-size:clamp(25px,4vw,42px);line-height:.95;color:var(--gold2);letter-spacing:2px;text-shadow:3px 3px 0 #7b4708,5px 5px 0 #02060b}.tagline{font-size:11px;letter-spacing:2.2px;color:#b9d0e3;margin-top:6px}
.profile-mini{display:flex;align-items:center;gap:10px;min-width:250px;background:#081421;border:2px solid #294c6b;padding:7px 10px;box-shadow:inset 0 0 0 2px #06101b}
.avatar-frame{width:54px;height:54px;flex:0 0 auto;background:linear-gradient(#18334e 0 57%,#23482f 57%);border:2px solid #4b7697;overflow:hidden}.avatar-svg{transform:scale(1.15);transform-origin:center 58%}
.profile-mini-copy{min-width:0}.profile-mini strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-line{display:flex;gap:18px;color:#b3c9da;font-size:12px;margin-top:5px}

.main-nav{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 14px}.nav-btn,.btn,.icon-btn,.tiny-btn{border:2px solid #365a79;background:linear-gradient(#152a42,#0d1c2e);color:var(--text);box-shadow:0 3px 0 #02060b;transition:transform .1s,filter .1s,border-color .1s}.nav-btn{padding:10px 15px;min-height:44px}.nav-btn span{color:var(--gold2);margin-right:5px}.nav-btn:hover,.btn:hover,.icon-btn:hover,.tiny-btn:hover{filter:brightness(1.16);border-color:#5d86a8}.nav-btn:active,.btn:active,.icon-btn:active,.tiny-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #02060b}.nav-btn.active{background:linear-gradient(#8f5b0d,#5f3908);border-color:var(--gold);color:#fff4ca}.btn{padding:11px 15px;min-height:44px}.btn-primary{background:linear-gradient(#a56d10,#74470a);border-color:#f3bd4c;color:#fff6d7;text-shadow:1px 1px 0 #4a2b00}.btn-ghost{background:#091522;color:#b8cad8}.icon-btn{width:44px;padding:0;font-size:23px}.tiny-btn{padding:7px 9px}.tiny-btn.danger{border-color:#743947;color:#ff9eaa}.full{width:100%}

.view{display:none}.view.active{display:block}.panel{background:linear-gradient(180deg,#11243a 0,#0b1727 100%);border:2px solid #2e5273;box-shadow:0 5px 0 #02060b,inset 0 0 0 1px #6b93b21b;padding:17px;position:relative}.panel:before{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid #6d91ac13}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:700}.panel-title{font-weight:900;color:var(--gold2);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:13px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:9px 0 14px}.page-head h2{margin:4px 0 0;font-size:clamp(25px,4vw,34px);text-shadow:2px 2px 0 #02060b}

.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:14px}.intro-panel{min-height:365px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.intro-panel:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffd66b18;transform:rotate(45deg);right:-140px;top:-120px;box-shadow:0 0 0 20px #ffd66b09,0 0 0 45px #ffd66b05}.intro-panel h1{font-size:clamp(31px,4.5vw,57px);line-height:1.02;margin:8px 0 14px;max-width:740px;color:#fff;text-shadow:3px 3px 0 #07101a}.intro-panel p{font-family:system-ui,sans-serif;color:#b8ccdc;font-size:16px;line-height:1.65;max-width:700px;margin:0}.hero-actions,.form-actions,.battle-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.feature-strip{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:22px;color:#9fc4dd;font-size:11px}.feature-strip span:before{color:var(--green)}

.hero-scene{padding:0;overflow:hidden;min-height:365px}.scene-title{position:absolute;z-index:20;top:12px;left:12px;padding:7px 10px;background:#06111cd9;border:1px solid #426887;font-size:11px;letter-spacing:1px}.status-dot{display:inline-block;width:7px;height:7px;background:#5de870;box-shadow:0 0 8px #5de870;margin-right:6px}.forest-scene{position:relative;height:318px;overflow:hidden;background:linear-gradient(#0d2945 0 48%,#1b543a 48% 70%,#4a321c 70% 100%)}
.forest-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent 24%,transparent 76%,#0006),linear-gradient(180deg,transparent 0 58%,#0a190955 58%)}
.moon{position:absolute;right:12%;top:36px;width:40px;height:40px;background:#d9efff;border-radius:50%;box-shadow:0 0 20px #b9eaff44}.moon:after{content:"";position:absolute;width:9px;height:9px;background:#b8d8e8;border-radius:50%;left:9px;top:8px;box-shadow:14px 12px 0 #b8d8e8}
.mountain{position:absolute;bottom:92px;width:220px;height:130px;background:#183650;clip-path:polygon(0 100%,45% 5%,100% 100%);opacity:.9}.m1{left:-30px}.m2{right:-35px;transform:scale(.85);background:#21415b}.tree-line{position:absolute;left:-3%;right:-3%;bottom:72px;height:105px;background:repeating-linear-gradient(90deg,transparent 0 28px,#163d2a 28px 43px,transparent 43px 73px)}.tree-line:before{content:"";position:absolute;left:0;right:0;top:0;height:65px;background:radial-gradient(circle at 18px 38px,#1d6039 0 22px,transparent 23px) 0 0/72px 65px repeat-x}.tree-line.back{opacity:.55;transform:translateY(-18px) scale(1.04)}.tree-line.front:before{background:radial-gradient(circle at 18px 38px,#236e3e 0 23px,transparent 24px) 0 0/72px 65px repeat-x}.grass-strip{position:absolute;left:0;right:0;bottom:89px;height:8px;background:repeating-linear-gradient(90deg,#3c873d 0 8px,#5c9d42 8px 12px,#2b6b35 12px 18px)}
.fighter{position:absolute;z-index:8;bottom:36px;display:flex;flex-direction:column;align-items:center;gap:2px}.fighter .pixel-svg{width:105px;height:105px;filter:drop-shadow(4px 5px 0 #0008)}.fighter span{background:#06111ddb;border:1px solid #355a78;padding:3px 6px;font-size:9px;letter-spacing:.5px}.demo-hero{left:14%;animation:heroIdle 1.4s steps(2,end) infinite}.demo-enemy{right:12%;animation:slimeIdle 1s steps(2,end) infinite}.sprite-shadow{position:absolute;left:50%;bottom:13px;width:58px;height:13px;transform:translateX(-50%);background:#0008;border-radius:50%;filter:blur(1px)}.demo-slash{position:absolute;z-index:10;left:48%;top:45%;width:100px;height:10px;background:#eaf9ff;box-shadow:0 0 0 4px #48b5ff55,0 0 18px #6fd7ff;transform:rotate(-24deg);opacity:.75;clip-path:polygon(0 40%,80% 0,100% 50%,80% 100%,0 60%);animation:demoSlash 1.7s ease-in-out infinite}.scene-tip{position:absolute;z-index:20;left:0;right:0;bottom:0;padding:11px 14px;background:#06111fee;border-top:2px solid #325778;color:#b8cfe0;font-size:12px}.scene-tip strong{color:#74ea86}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.stat-card{display:flex;align-items:center;gap:12px;background:linear-gradient(#102238,#0a1726);border:2px solid #294b69;padding:13px 14px;box-shadow:0 4px 0 #02060b}.stat-icon{display:grid;place-items:center;width:42px;height:42px;background:#071421;border:1px solid #335876;font-size:22px}.stat-card strong{display:block;font-size:24px;color:var(--gold2);line-height:1}.stat-card small{color:#9eb7ca;display:block;margin-top:5px}.section-grid{display:grid;gap:14px}.section-grid.two{grid-template-columns:1fr 1fr}.section-grid.three{grid-template-columns:repeat(3,1fr)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}.steps li{display:flex;align-items:center;gap:12px;background:#071421;border:1px solid #243f58;padding:10px}.steps li>span{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--gold);color:var(--gold2);background:#3a2608;font-weight:900;box-shadow:2px 2px 0 #02060b}.steps small{display:block;color:#99b2c5;margin-top:2px}.empty-state{color:#9fb8cb;padding:14px;border:1px dashed #41627d;line-height:1.6;background:#07142166}.progress-panel{min-height:100%}.pixel-divider{height:7px;margin:20px 0;background:repeating-linear-gradient(90deg,#274762 0 18px,transparent 18px 24px)}.lore-copy{color:#7f9eb6;font-style:italic;line-height:1.6}

.questions-layout{grid-template-columns:285px 1fr}.side-admin label,.question-form label{display:grid;gap:6px;color:#abc0d1;font-size:12px;font-weight:700}.inline-form{display:grid;grid-template-columns:1fr 44px;gap:6px;margin:7px 0 10px}input,select,textarea{width:100%;background:#071421;color:#eef8ff;border:2px solid #2b506d;padding:10px 11px;outline:none;min-height:42px}textarea{resize:vertical;min-height:112px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #f6b93b22}.compact-list,.choice-list{display:grid;gap:7px}.compact-item,.choice-btn{border:1px solid #31536f;background:#091827;color:#eef8ff;padding:10px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.compact-item.active,.choice-btn.active{border-color:#f6b93b;background:linear-gradient(90deg,#50350b,#1b2230);box-shadow:inset 4px 0 0 #f6b93b}.compact-item small,.choice-btn small{color:#9db4c6;white-space:nowrap}hr{border:0;border-top:1px solid #29465f;margin:18px 0}.question-manager{min-width:0}.form-grid{display:grid;gap:11px;margin-bottom:11px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:190px 160px 1fr}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.answers-grid label{grid-template-columns:34px 1fr;align-items:center}.answers-grid b{display:grid;place-items:center;height:42px;border:2px solid #39617e;background:#10283d;color:var(--gold2)}.divider{height:2px;background:#294b68;margin:21px 0}.manager-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.manager-toolbar input{max-width:320px}.question-table{display:grid;gap:8px;margin-top:10px}.question-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px;border:1px solid #294964;background:#081523}.question-row strong{display:block;line-height:1.4}.question-row small{display:block;color:#91aabe;margin-top:5px}.question-actions{display:flex;gap:6px;align-items:start}

.journey-map{height:190px;margin-bottom:14px;padding:0;overflow:hidden;background:linear-gradient(#163b5c 0 48%,#42704b 48% 70%,#6a4a2a 70%)}.map-sky{position:absolute;inset:0;background:linear-gradient(#16395b,#275b78 55%,transparent 55%)}.map-mountain{position:absolute;bottom:56px;width:220px;height:130px;background:#274c64;clip-path:polygon(0 100%,50% 5%,100% 100%)}.mm1{left:8%}.mm2{right:10%;transform:scale(.78);background:#355b6e}.map-path{position:absolute;left:22%;right:22%;bottom:-10px;height:100px;background:#b38a4b;clip-path:polygon(45% 0,58% 0,76% 100%,18% 100%);opacity:.85}.map-tree{position:absolute;bottom:35px;width:24px;height:60px;background:#3d2717}.map-tree:before{content:"";position:absolute;width:62px;height:48px;left:-19px;top:-25px;background:#1e613b;clip-path:polygon(50% 0,100% 70%,76% 70%,95% 100%,5% 100%,24% 70%,0 70%)}.t1{left:5%}.t2{left:18%;transform:scale(.75)}.t3{right:7%;transform:scale(1.05)}.map-castle{position:absolute;right:26%;bottom:43px;width:85px;height:70px;background:#b9c9d5;border:5px solid #17283a}.map-castle:before,.map-castle:after{content:"";position:absolute;bottom:-5px;width:27px;height:90px;background:#a8bbc9;border:5px solid #17283a}.map-castle:before{left:-25px}.map-castle:after{right:-25px}.map-castle span{position:absolute;left:31px;bottom:-5px;width:23px;height:38px;background:#4b2d27;border:4px solid #17283a}.map-copy{position:absolute;left:20px;top:20px;padding:10px 12px;background:#06121edb;border:2px solid #3c6380;max-width:390px}.map-copy strong{display:block;color:var(--gold2);font-size:16px}.map-copy small{display:block;color:#b7cddd;margin-top:4px}.journey-grid .panel{min-height:330px}.choice-btn{min-height:54px}.journey-summary{display:flex;flex-direction:column}.journey-summary .empty-state{flex:1;margin-bottom:12px}

.battle-wrap{display:grid;gap:10px}.battle-hud{display:grid;grid-template-columns:1fr 1fr;gap:10px}.combatant-card{display:flex;align-items:center;gap:11px;background:linear-gradient(#102238,#091726);border:2px solid #315776;padding:8px 10px;box-shadow:0 4px 0 #02060b}.hud-portrait{width:58px;height:58px;flex:0 0 auto;background:linear-gradient(#17334d 0 58%,#24472f 58%);border:2px solid #426b88;overflow:hidden}.hud-portrait .pixel-svg{transform:scale(1.06);transform-origin:center 60%}.hud-portrait.slime .pixel-svg{transform:scale(1.08)}.grow{flex:1;min-width:0}.hud-line,.hud-sub,.question-meta{display:flex;justify-content:space-between;gap:10px}.hud-line strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-line span{font-size:12px;color:#e5f6ff}.hud-sub,.question-meta{font-size:11px;color:#9db4c7;margin-top:5px}.hpbar,.xpbar{height:14px;border:2px solid #020812;background:#02060b;overflow:hidden;box-shadow:inset 0 0 0 1px #182536}.hpbar span,.xpbar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#22b95c,#58ef87);transition:width .38s ease}.hpbar.enemy span{background:linear-gradient(90deg,#e8465e,#ff7488)}
.battle-scene{padding:0;overflow:hidden}.battle-background{height:380px;position:relative;overflow:hidden;background:linear-gradient(#102d4a 0 46%,#214f35 46% 69%,#5b3d22 69% 100%);border-bottom:2px solid #2c4e6c}.battle-background:after{content:"";position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(#0000,#0003),repeating-linear-gradient(90deg,#5d3b21 0 28px,#624126 28px 56px,#53351f 56px 84px);opacity:.8}.battle-sky-glow{position:absolute;width:250px;height:180px;border-radius:50%;right:10%;top:-70px;background:#6bbfea1c;box-shadow:0 0 80px #9ee9ff1a}.battle-mountain{position:absolute;bottom:115px;width:320px;height:180px;background:#173c54;clip-path:polygon(0 100%,46% 4%,100% 100%)}.bm1{left:-80px;opacity:.8}.bm2{left:34%;transform:scale(.8);background:#23485d;opacity:.75}.bm3{right:-90px;transform:scale(.92);background:#1b4258;opacity:.82}.forest-depth{position:absolute;left:-3%;right:-3%;height:115px;bottom:102px;background:repeating-linear-gradient(90deg,transparent 0 30px,#153a29 30px 48px,transparent 48px 78px)}.forest-depth:before{content:"";position:absolute;left:0;right:0;top:-35px;height:76px;background:radial-gradient(circle at 24px 45px,#1a5634 0 29px,transparent 30px) 0 0/82px 75px repeat-x}.forest-depth.back{opacity:.52;transform:translateY(-24px) scale(1.04)}.forest-depth.mid:before{background:radial-gradient(circle at 24px 45px,#227044 0 30px,transparent 31px) 0 0/82px 75px repeat-x}.battle-tree{position:absolute;z-index:3;bottom:78px;width:42px;height:175px;background:#382618;border-left:6px solid #24170f;border-right:6px solid #24170f}.battle-tree.left{left:2%}.battle-tree.right{right:3%;transform:scale(1.1)}.battle-tree i{position:absolute;width:100px;height:70px;left:-35px;background:#1b663a;clip-path:polygon(50% 0,100% 70%,78% 70%,96% 100%,4% 100%,22% 70%,0 70%)}.battle-tree i:nth-child(1){top:-50px}.battle-tree i:nth-child(2){top:-15px;transform:scale(.9)}.battle-tree i:nth-child(3){top:22px;transform:scale(.75)}.ground-detail{position:absolute;z-index:4;bottom:71px;width:50px;height:14px;background:#2c7135;clip-path:polygon(0 100%,10% 10%,18% 100%,30% 0,40% 100%,55% 20%,65% 100%,80% 0,90% 100%,100% 20%,100% 100%)}.gd1{left:28%}.gd2{left:50%;transform:scale(.8)}.gd3{right:22%;transform:scale(1.2)}
.sprite-slot{position:absolute;z-index:12;bottom:45px;width:150px;height:170px;display:grid;place-items:end center;transform-origin:bottom center}.sprite-slot .sprite-shadow{bottom:12px;width:90px;height:18px}.hero-slot{left:11%}.enemy-slot{right:11%}.battle-sprite{width:150px;height:150px;filter:drop-shadow(6px 7px 0 #0008)}.hero-art{animation:heroIdle 1.15s steps(2,end) infinite}.slime-art{animation:slimeIdle .85s steps(2,end) infinite}.damage-float{position:absolute;z-index:25;top:4px;left:50%;font-weight:900;font-size:29px;color:#fff4c2;opacity:0;text-shadow:3px 3px 0 #5e101b,-2px -2px 0 #5e101b;pointer-events:none}.damage-float.show{animation:floatDamage .95s steps(5,end)}.battle-fx{position:absolute;z-index:18;left:50%;top:48%;width:0;height:0;pointer-events:none}.battle-fx.slash:before,.battle-fx.slash:after{content:"";position:absolute;width:150px;height:13px;background:#f2fcff;box-shadow:0 0 0 5px #4bb9ff55,0 0 24px #86e0ff;clip-path:polygon(0 40%,83% 0,100% 50%,83% 100%,0 60%);transform:translate(-50%,-50%) rotate(-25deg);animation:slash .5s steps(5,end)}.battle-fx.slash:after{width:90px;height:7px;transform:translate(-20%,-10%) rotate(25deg);animation-delay:.08s}.battle-fx.shield:after{content:"";position:absolute;width:92px;height:110px;transform:translate(-128px,-50%);border:8px solid #89ddff;border-radius:45% 45% 52% 52%;background:#3cb6ff1f;box-shadow:0 0 0 5px #1f7fbf55,0 0 32px #56c9ff;animation:shieldFx .7s steps(5,end)}.battle-message{position:relative;z-index:21;padding:12px 16px;background:linear-gradient(90deg,#071321,#0a1a2b);color:#ffd66b;min-height:48px;border-top:1px solid #3d6380;font-size:13px}.message-caret{color:#63d7ff;margin-right:7px}.question-box{padding:18px 19px}.question-box h3{font-size:18px;line-height:1.5;margin:14px 0}.question-meta{color:#82b9dd}.battle-answers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.answer-btn{min-height:58px;text-align:left;border:2px solid #315979;background:linear-gradient(#0f2237,#091827);color:#edf7ff;padding:12px 13px;box-shadow:0 3px 0 #02060b;transition:transform .08s,border-color .08s,background .08s}.answer-btn strong{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;background:#17344e;border:1px solid #4d7795;color:#ffd66b}.answer-btn:hover{border-color:#f6b93b;transform:translateY(-1px)}.answer-btn.correct{border-color:#49df7c;background:#123923}.answer-btn.correct strong{background:#1f7e43;border-color:#72f09a;color:#fff}.answer-btn.wrong{border-color:#ff5e72;background:#431923}.answer-btn.wrong strong{background:#8c2433;border-color:#ff8391;color:#fff}.answer-btn:disabled{cursor:default;opacity:.94}.defense-btn.active{border-color:#62c8ff;background:linear-gradient(#16466a,#0c2f4d);box-shadow:0 0 0 2px #45b9ff22,0 3px 0 #02060b}.empty-battle{text-align:center;padding:65px 20px}.empty-battle-icon{font-size:46px;color:var(--gold);text-shadow:3px 3px 0 #6b3c00}

.profile-grid{display:grid;grid-template-columns:330px 1fr 1fr;gap:14px}.profile-card{text-align:center}.profile-avatar-wrap{height:215px;display:grid;place-items:center;background:linear-gradient(#173750 0 58%,#26583a 58%);border:2px solid #315674;margin-bottom:12px;overflow:hidden}.profile-stage{position:relative;width:180px;height:190px;display:grid;place-items:end center}.profile-stage .sprite-shadow{bottom:16px;width:100px}.profile-sprite{width:180px;height:180px;filter:drop-shadow(6px 7px 0 #0008);animation:heroIdle 1.2s steps(2,end) infinite}.level-badge{display:inline-block;color:#ffe28a;font-weight:900;margin:12px 0 7px;padding:5px 10px;background:#3a2709;border:1px solid #ad7818}.xp-wrap{display:grid;gap:5px;margin:9px 0 12px}.xpbar span{background:linear-gradient(90deg,#7048d7,#aa7cff)}.attribute-list{display:grid;gap:8px}.attribute-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px;background:#071421;border:1px solid #284861}.attribute-list span{color:#a5bdcf}.attribute-list strong{color:#fff4c8}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.result-stats>div{padding:11px;background:#071421;border:1px solid #294a65}.result-stats span{display:block;color:#9fb7c9;font-size:11px}.result-stats strong{display:block;color:#ffe08b;font-size:18px;margin-top:3px}footer{text-align:center;color:#6788a0;font-size:10px;letter-spacing:1.2px;padding:23px 8px 5px}.modal-backdrop{position:fixed;inset:0;z-index:99;background:#02060bdc;display:grid;place-items:center;padding:18px}.modal{width:min(560px,100%);overflow:hidden}.modal h2{font-size:36px;color:#ffd66b;text-align:center;text-shadow:3px 3px 0 #704107;margin:2px 0 18px}.modal .form-actions{justify-content:center}.victory-rays{position:absolute;width:260px;height:260px;left:50%;top:-130px;transform:translateX(-50%);background:repeating-conic-gradient(#ffd66b22 0 10deg,transparent 10deg 22deg);border-radius:50%;pointer-events:none}

.attack-hero{animation:attackHero .62s steps(6,end)!important}.attack-enemy{animation:attackEnemy .62s steps(6,end)!important}.shake{animation:shake .42s steps(5,end)!important}.defending .hero-art{filter:drop-shadow(0 0 12px #62c8ff) brightness(1.25)}
@keyframes heroIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes slimeIdle{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-5px) scaleY(.94)}}
@keyframes demoSlash{0%,58%,100%{opacity:0;transform:translate(-45px,25px) rotate(-24deg) scaleX(.2)}68%{opacity:1;transform:translate(5px,0) rotate(-24deg) scaleX(1)}80%{opacity:0;transform:translate(35px,-10px) rotate(-24deg) scaleX(.7)}}
@keyframes attackHero{0%{transform:translateX(0)}18%{transform:translateX(-12px)}48%{transform:translateX(210px)}65%{transform:translateX(185px)}100%{transform:translateX(0)}}
@keyframes attackEnemy{0%{transform:translateX(0)}22%{transform:translateX(14px)}50%{transform:translateX(-210px)}68%{transform:translateX(-180px)}100%{transform:translateX(0)}}
@keyframes shake{0%,100%{transform:translate(0)}20%{transform:translate(-12px,3px)}40%{transform:translate(10px,-2px)}60%{transform:translate(-8px,2px)}80%{transform:translate(6px,-1px)}}
@keyframes floatDamage{0%{opacity:0;transform:translate(-50%,22px) scale(.7)}18%{opacity:1;transform:translate(-50%,-3px) scale(1.25)}70%{opacity:1;transform:translate(-50%,-35px) scale(1)}100%{opacity:0;transform:translate(-50%,-55px) scale(.9)}}
@keyframes slash{0%{opacity:0;transform:translate(-90px,40px) rotate(-25deg) scaleX(.15)}35%{opacity:1}100%{opacity:0;transform:translate(20px,-30px) rotate(-25deg) scaleX(1.15)}}
@keyframes shieldFx{0%{opacity:0;transform:translate(-128px,-50%) scale(.55)}35%,70%{opacity:1;transform:translate(-128px,-50%) scale(1)}100%{opacity:0;transform:translate(-128px,-50%) scale(1.12)}}

@media (max-width:980px){.hero-grid,.questions-layout,.profile-grid{grid-template-columns:1fr}.section-grid.three,.journey-grid{grid-template-columns:1fr 1fr}.profile-card{max-width:none}.intro-panel{min-height:300px}.hero-scene{min-height:340px}.forest-scene{height:295px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three label:last-child{grid-column:1/-1}.battle-background{height:340px}.sprite-slot{bottom:38px}.hero-slot{left:7%}.enemy-slot{right:7%}}
@media (max-width:700px){.app-shell{padding:8px}.topbar{align-items:flex-start}.profile-mini{min-width:0;width:170px}.avatar-frame{display:none}.brand-mark{display:none}.brand{font-size:24px}.tagline{font-size:9px}.profile-mini strong{font-size:11px}.mini-line{font-size:10px;gap:8px}.main-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.nav-btn{padding:8px 5px;font-size:10px}.nav-btn span{display:block;margin:0 0 2px}.stats-grid{grid-template-columns:1fr 1fr}.section-grid.two,.section-grid.three,.journey-grid,.battle-hud{grid-template-columns:1fr}.answers-grid,.battle-answers,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.form-grid.three label:last-child{grid-column:auto}.page-head{align-items:flex-start}.page-head h2{font-size:27px}.manager-toolbar{align-items:stretch;flex-direction:column}.manager-toolbar input{max-width:none}.question-row{grid-template-columns:1fr}.hero-scene{min-height:320px}.forest-scene{height:276px}.fighter .pixel-svg{width:90px;height:90px}.demo-hero{left:7%}.demo-enemy{right:4%}.battle-background{height:285px}.battle-tree{transform:scale(.75)!important;transform-origin:bottom}.battle-tree.left{left:-2%}.battle-tree.right{right:-2%}.sprite-slot{width:112px;height:132px;bottom:30px}.battle-sprite{width:112px;height:112px}.hero-slot{left:8%}.enemy-slot{right:8%}.sprite-slot .sprite-shadow{width:70px;bottom:10px}.battle-fx.shield:after{transform:translate(-85px,-50%) scale(.8)}@keyframes attackHero{0%{transform:translateX(0)}20%{transform:translateX(-8px)}50%{transform:translateX(115px)}70%{transform:translateX(95px)}100%{transform:translateX(0)}}@keyframes attackEnemy{0%{transform:translateX(0)}20%{transform:translateX(8px)}50%{transform:translateX(-115px)}70%{transform:translateX(-95px)}100%{transform:translateX(0)}}.question-box{padding:14px}.question-box h3{font-size:16px}.answer-btn{min-height:54px}.journey-map{height:165px}.map-copy{left:10px;top:10px;max-width:270px}.map-castle{right:12%;transform:scale(.75);transform-origin:bottom}.result-stats{grid-template-columns:1fr}.modal h2{font-size:30px}}
@media (max-width:430px){.stats-grid{gap:6px}.stat-card{padding:10px}.stat-icon{width:34px;height:34px;font-size:18px}.stat-card strong{font-size:20px}.hero-actions .btn{width:100%}.battle-background{height:250px}.sprite-slot{width:96px;height:112px;bottom:24px}.battle-sprite{width:96px;height:96px}.hero-slot{left:5%}.enemy-slot{right:5%}.battle-tree{opacity:.75}.hud-portrait{width:48px;height:48px}.combatant-card{padding:7px}.battle-actions .btn{width:100%}.question-meta{flex-direction:column;gap:3px}.map-copy small{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
.battle-fx.shield{left:18%;top:58%}.battle-fx.shield:after{transform:translate(-46px,-50%)}
.battle-fx.enemy-blast{left:auto;right:26%;top:58%;width:28px;height:28px;border-radius:50%;background:#7ef06c;box-shadow:0 0 0 5px #31a44755,0 0 26px #79ff70;animation:enemyBlast .62s steps(6,end)}
.battle-fx.enemy-blast:after{content:"";position:absolute;right:-12px;top:9px;width:48px;height:10px;background:#b6ff9a;box-shadow:0 0 12px #5eff6b;clip-path:polygon(0 50%,100% 0,82% 50%,100% 100%)}
.battle-fx.enemy-blast.guarded{box-shadow:0 0 0 5px #31a44755,0 0 26px #79ff70, -300px 0 0 5px #71cfff55}
@keyframes enemyBlast{0%{opacity:0;transform:translateX(0) scale(.5)}20%{opacity:1}75%{opacity:1;transform:translateX(-360px) scale(1.05)}100%{opacity:0;transform:translateX(-390px) scale(.7)}}
@media (max-width:700px){.battle-fx.shield{left:25%;top:58%}.battle-fx.shield:after{transform:translate(-46px,-50%) scale(.8)}.battle-fx.enemy-blast{right:26%}@keyframes enemyBlast{0%{opacity:0;transform:translateX(0) scale(.5)}20%{opacity:1}75%{opacity:1;transform:translateX(-190px) scale(1.05)}100%{opacity:0;transform:translateX(-215px) scale(.7)}}}