:root{--ink:#091b1b;--panel:#102a27;--gold:#d5b574;--paper:#f5e9cc;--muted:#a7beb1;--mint:#79dcba;--red:#f17f75}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:Georgia,serif}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #8d794c;background:#173c34;transition:background .15s,transform .15s}button:hover{background:#285246}button:active{transform:translateY(2px)}button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}button:disabled{cursor:default}#world{position:absolute;width:100%;height:100%;inset:0;image-rendering:pixelated}#app{position:absolute;inset:0;pointer-events:none}#app button,#app .overlay{pointer-events:auto}.hud{position:absolute;top:0;left:0;right:0;height:83px;padding:12px 26px;display:flex;align-items:center;gap:24px;background:linear-gradient(#091e1ef5,#0c2724e8);border-bottom:1px solid #b29b5c80;box-shadow:0 3px 20px #0008}.brand{font-size:23px;letter-spacing:2px;flex:1;text-align:center}.brand small{display:block;font:10px monospace;letter-spacing:4px;color:var(--gold);margin-top:6px}.health{min-width:165px}.hearts{color:var(--red);font-size:27px;letter-spacing:4px;text-shadow:0 2px #471f27}.empty{color:#466259}.micro{font:11px monospace;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase}.score{margin-top:3px;font:11px monospace;color:var(--gold)}.hud-actions{display:flex;gap:8px}.icon{width:39px;height:39px;font:19px monospace;border-color:#7b875955}.seal{color:var(--gold);font-size:20px;white-space:nowrap}.quest{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background:#0c2523ed;border:1px solid #b29b5c88;box-shadow:0 8px 35px #0008;padding:12px 18px;display:flex;align-items:center;gap:22px;max-width:95%;min-width:350px}.quest strong{display:block;font-size:19px;margin-top:4px}.quest button{padding:11px 17px;white-space:nowrap;font:12px monospace;color:var(--gold)}.travel-help{position:absolute;bottom:105px;left:50%;transform:translate(-50%);font:11px monospace;letter-spacing:1px;text-align:center;background:#09221bad;padding:7px 12px;border-radius:3px;white-space:nowrap}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05141492;padding:24px;backdrop-filter:blur(2px);overflow:auto}.panel{position:relative;width:min(600px,100%);background:linear-gradient(150deg,#193931f7,#091d1bf9);border:1px solid var(--gold);box-shadow:0 0 0 5px #0b2322,0 0 0 6px #ad955e66,0 25px 90px #000b;padding:30px}.panel:before,.panel:after{content:"✦";position:absolute;color:var(--gold);font-size:20px;top:-12px}.panel:before{left:-10px}.panel:after{right:-10px}.start{text-align:center;width:min(590px,100%);padding:32px 40px}.eyebrow{font:11px monospace;color:var(--gold);letter-spacing:3px;text-transform:uppercase}.title{font-weight:400;font-size:clamp(36px,5vw,61px);line-height:1.03;margin:20px 0 14px;color:#f7e5b5;text-shadow:0 3px #000}.title span{display:block;font-size:.58em;letter-spacing:5px;margin-top:9px}.hero-art{height:105px;image-rendering:pixelated;filter:drop-shadow(0 6px 8px #0009);margin:10px}.start p{font-size:16px;line-height:1.6;color:#c7d6c7;margin:12px 0 22px}.primary{background:var(--gold);border:1px solid #f4dfa4;color:#142b26;padding:14px 25px;font:700 13px monospace;letter-spacing:1px;box-shadow:0 3px #5c5931;min-height:48px}.primary:hover{background:#efce89}.start .primary{width:100%}.secondary{margin-top:14px;padding:10px 15px;background:transparent;font:12px monospace}.legend{display:flex;justify-content:center;gap:22px;font:11px monospace;color:var(--muted);margin-top:25px;line-height:1.6}.battle-overlay{background:linear-gradient(90deg,#05141418,#05141440);backdrop-filter:none;justify-content:flex-end;align-items:center;padding-right:5vw}.battle{width:540px;padding:25px}.enemy-head{display:flex;align-items:center;gap:20px;margin-bottom:20px}.portrait{width:88px;height:91px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 8px #0008);animation:bob 2.4s ease-in-out infinite}.wraith{filter:hue-rotate(155deg) drop-shadow(0 0 15px #987ae3)!important}.enemy-info{flex:1}.enemy-info h2{font-weight:400;font-size:28px;margin:4px 0 10px}.bar{height:8px;background:#051514;border:1px solid #87926655}.bar i{display:block;background:linear-gradient(90deg,#71b573,#bde496);height:100%;transition:width .3s}.enemy-count{font:10px monospace;color:var(--muted);margin-top:6px}.question-block{border-top:1px solid #87926655;padding-top:17px}.question-block h3{font-size:24px;line-height:1.35;font-weight:400;margin:12px 0 22px;min-height:60px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{min-height:60px;text-align:left;padding:12px;display:flex;align-items:center;gap:12px;font-size:16px;border-color:#78866a77}.key{font:12px monospace;color:var(--gold);border:1px solid #76836366;padding:5px 7px}.answer.correct{background:#235b41;border-color:#8deaaf}.answer.wrong{background:#62342f;border-color:var(--red)}.answer.hidden{opacity:.2}.battle-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:20px}.tool{padding:10px 12px;font:11px monospace;color:var(--gold)}.tool:disabled{opacity:.4}.feedback{padding:15px;margin-top:15px;border-left:3px solid var(--mint);background:#79dcba10;font-size:14px;line-height:1.5}.feedback.bad{border-color:var(--red);background:#f17f7510}.feedback strong{color:var(--gold);display:block;font-size:17px;margin-bottom:4px}.next{width:100%;margin-top:15px}.result{text-align:center}.result h2{font-size:42px;font-weight:400;margin:15px 0}.result p{line-height:1.6;color:#baccbc}.stats{display:flex;justify-content:center;gap:35px;padding:18px 0;margin:15px 0;border-block:1px solid #87926655}.stats b{display:block;font-size:27px;color:var(--gold);margin-bottom:5px}.toast{position:absolute;top:103px;left:50%;transform:translate(-50%);padding:13px 22px;background:#112d28ed;border:1px solid var(--gold);font:13px monospace;text-align:center;max-width:90%;box-shadow:0 8px 20px #0005}.dpad{position:absolute;bottom:128px;left:20px;display:none;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px;gap:3px;opacity:.82}.dpad button{font:18px monospace;touch-action:none;background:#122e29e8}.dpad .up{grid-column:2}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}@keyframes bob{50%{transform:translateY(-5px)}}@media(max-width:700px){.hud{padding:10px 12px;height:72px;gap:10px}.brand{font-size:15px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:2px}.health{min-width:110px}.hearts{font-size:21px;letter-spacing:1px}.score{font-size:9px}.seal{font-size:15px}.hud-actions{gap:4px}.icon{width:31px;height:34px;font-size:16px}.quest{bottom:18px;min-width:0;width:calc(100% - 32px);padding:11px 13px;gap:10px}.quest strong{font-size:17px}.quest button{padding:11px;font-size:10px}.quest .micro{font-size:9px}.travel-help{font-size:9px;bottom:97px}.dpad{display:grid}.overlay{padding:18px}.battle-overlay{justify-content:center;align-items:center;padding-top:87px;padding-bottom:18px}.battle{padding:19px;max-height:100%;overflow:auto}.enemy-head{gap:15px;margin-bottom:13px}.portrait{width:68px;height:70px}.enemy-info h2{font-size:24px}.question-block h3{font-size:21px;min-height:0;margin:10px 0 16px}.answer{padding:10px;min-height:61px;font-size:14px;gap:9px}.key{font-size:10px;padding:4px}.battle-footer{margin-top:14px}.start{padding:27px 24px}.start p{font-size:14px}.hero-art{height:83px}.legend{gap:14px;font-size:10px}.feedback{font-size:13px;padding:10px}.result h2{font-size:34px}}@media(max-height:610px){.start{padding:20px}.start .hero-art{display:none}.title{font-size:38px;margin:10px}.start p{margin:10px}.legend{margin-top:15px}.battle-overlay{padding-top:83px}.battle{padding:17px;max-height:100%;overflow:auto}.enemy-head{margin-bottom:8px}.portrait{height:55px}.question-block h3{font-size:19px;margin:8px 0 12px;min-height:0}.answer{min-height:45px}.battle-footer{margin-top:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}