:root{--ink:#fff;--gold:#ffe14d;--miss:#ff8a8a;color:var(--ink);letter-spacing:.06em;-webkit-font-smoothing:none;font-family:DotGothic16,MS Gothic,Osaka-Mono,monospace;font-size:16px}*{box-sizing:border-box}html,body,#root{background:#05060a;min-height:100%;margin:0}button{font:inherit;letter-spacing:inherit}.crt{background:radial-gradient(at 50% 42%,#131826 0%,#05060a 72%);place-items:start center;min-height:100vh;padding:clamp(10px,3vw,34px);display:grid;position:relative}.crt:after{z-index:9;content:"";pointer-events:none;background:repeating-linear-gradient(#00000042 0 1px,#0000 1px 3px);position:fixed;inset:0}.screen{background:#000;gap:10px;width:min(760px,100%);padding:14px;display:grid;box-shadow:0 0 0 2px #2b3040,0 0 46px #78a0ff1f}.screen.is-shaking{animation:.26s steps(2,end) 2 shake}.win{border:3px solid var(--ink);background:#000;border-radius:5px;padding:12px 16px;position:relative;box-shadow:0 0 0 3px #000}.win p{margin:0 0 6px;line-height:1.85}.win p.win-label{justify-content:space-between;margin-bottom:10px;font-size:.85rem;display:flex}.side-win{flex-direction:column;justify-content:center;padding:12px 14px;display:flex}.battle-win{border-color:#3c4256}.battle-win.is-active{background:linear-gradient(#081b34f5,#050d20fa);border-color:#9adcf7;animation:.18s steps(3,end) both quiz-open;box-shadow:0 0 0 3px #000,0 0 0 5px #456b86}.win p.know-kicker{color:#9adcf7;letter-spacing:.14em;margin:0 0 10px;font-size:.68rem}.win p.know-body{margin:0;font-size:clamp(.95rem,2.4vw,1.1rem);line-height:1.8}.win p.know-idle{letter-spacing:.3em;opacity:.25;margin:auto 0;font-size:1rem}.reveal{border:2px solid var(--gold);text-align:center;background:#ffe14d14;align-content:center;gap:6px;width:100%;padding:11px;display:grid}.reveal small{color:var(--gold);font-size:.7rem}.reveal strong{font-size:clamp(1.05rem,3.2vw,1.35rem)}.reveal.is-wrong{border-color:var(--miss);background:#ff8a8a14}.reveal.is-wrong small{color:var(--miss)}.px{image-rendering:pixelated;display:block}.px.is-flipped{transform:scaleX(-1)}.field{background:radial-gradient(at 50% 96%,#1a1f2e 0%,#0000 66%),#000;grid-template-rows:auto 1fr auto;gap:8px;min-height:296px;padding:12px 8px 10px;display:grid;position:relative}.foe-line{place-self:center;place-items:center;padding-right:clamp(0px,6vw,54px);display:grid}.hero-line{justify-self:start;align-items:flex-end;gap:12px;margin-top:auto;padding-left:clamp(0px,3vw,26px);display:flex}.hero-line .sprite-slot{animation:1.1s steps(2,end) infinite bob}.hero-line.is-attacking .sprite-slot{animation:.42s steps(3,end) hero-lunge}.hero-line.is-hit .sprite-slot{animation:.34s steps(2,end) hit}.hero-status{gap:5px;padding-bottom:6px;display:grid}.boss-idle.is-lunging{animation:.4s steps(2,end) boss-lunge}.party{justify-content:center;align-items:flex-end;gap:clamp(6px,4vw,46px);display:flex}.enemy{color:var(--ink);justify-items:center;gap:7px;padding:6px 4px;display:grid}.sprite-slot{filter:drop-shadow(0 6px #000000d9);display:block;position:relative}.enemy.is-active .sprite-slot{animation:.9s steps(2,end) infinite bob}.enemy:before{content:"　"}.enemy.is-active:before{content:"▼";animation:.9s steps(2,end) infinite blink}.enemy.is-down{opacity:.18}.enemy.is-down .sprite-slot{filter:grayscale()brightness(.6);transform:translateY(6px)scaleY(.7)}.enemy.is-hit .sprite-slot{animation:.34s steps(2,end) hit}.enemy-name{font-size:.78rem}.pips{gap:3px;display:flex}.pips i{border:2px solid var(--ink);background:0 0;width:9px;height:9px}.pips i.on{background:var(--ink)}.slash{background:#fff;width:8px;height:120%;animation:.3s steps(3,end) both slash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(38deg)}.damage.is-miss{color:var(--miss)}.damage{color:var(--gold);text-shadow:2px 2px #000,-2px 2px #000;font-size:1.6rem;animation:.6s steps(4,end) both pop;position:absolute;top:8px;left:50%}.boss-idle{filter:drop-shadow(0 8px #000000d9);animation:1.1s steps(2,end) infinite bob}.boss-idle.is-hit{animation:.34s steps(2,end) hit}.is-captured{filter:grayscale()brightness(1.4);opacity:.5}.battle-win{flex-direction:column;gap:12px;min-height:300px;display:flex}.know-row{align-items:stretch;min-height:88px;display:grid}.act-area{border-top:2px solid #2b3040;flex-direction:column;flex:1;justify-content:center;min-height:104px;padding-top:12px;display:flex}.act-area .reveal{margin-block:auto}.know-main{flex-direction:column;justify-content:center;display:flex}.log-line{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-height:56px;padding:4px 6px;display:flex}.win p.win-tag{letter-spacing:.2em;opacity:.5;border-bottom:2px solid #2b3040;margin:0 0 10px;padding-bottom:7px;font-size:.66rem}.act-area .cmd-list{margin-block:auto}.battle-log{margin:0;font-size:1.05rem}.cmd-cancel{opacity:.6}.battle-record{color:var(--gold);font-size:.8rem}.cmd{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 4px 6px 0;display:flex}.cmd:before{width:1.1em;color:var(--gold);content:"▶";opacity:0;flex:none}.cmd:hover:before,.cmd:focus-visible:before{opacity:1;animation:.6s steps(2,end) infinite blink}.cmd:focus-visible{outline:none}.cmd:disabled{cursor:default;opacity:.4}.cmd:disabled:hover:before{opacity:0}.cmd.is-final:not(:disabled) .cmd-main{color:var(--gold)}.cmd-list{margin:0;padding:0;list-style:none;display:grid}.cmd-main{flex:1}.cmd-sub,.cmd-flag{opacity:.75;flex:none;font-size:.72rem}.cmd-flag{color:var(--gold);opacity:1}.menu-sprite{flex:none}.cmd-check{text-align:center;width:1.2em;color:var(--gold);opacity:.35;flex:none}.cmd-check.is-done{opacity:1}.map-win .win-label{margin-bottom:12px}.map-board{aspect-ratio:4/3;min-height:260px;image-rendering:pixelated;border:4px solid #1c3f6b;position:relative;overflow:hidden}.map-board.is-walking{pointer-events:none}.map-board.is-forest{background-color:#2a6aa3;background-image:repeating-linear-gradient(#ffffff0d 0 2px,#0000 2px 10px),radial-gradient(circle at 12% 18%,#3a86bc 0 7px,#0000 8px),radial-gradient(circle at 88% 80%,#3a86bc 0 9px,#0000 10px),radial-gradient(circle at 70% 10%,#24608f 0 16px,#0000 17px);box-shadow:inset 0 0 0 3px #4d8ec4,inset 0 0 0 6px #2a6aa3}.map-board.is-cave{background-color:#141018;background-image:radial-gradient(circle at 18% 22%,#2a1c28 0 14px,#0000 15px),radial-gradient(circle at 84% 78%,#3a2218 0 18px,#0000 19px),repeating-linear-gradient(#ffffff08 0 2px,#0000 2px 10px);border-color:#3a2a22;box-shadow:inset 0 0 0 3px #5a4030,inset 0 0 0 6px #141018}.map-island{pointer-events:none;position:absolute;inset:10% 8% 8% 7%}.map-board.is-forest .map-island{background:radial-gradient(circle at 30% 70%,#4a9a4e 0 28%,#0000 29%),radial-gradient(circle at 70% 40%,#3d8a42 0 34%,#0000 35%),#3b7a3f;border-radius:42% 36% 48% 40%;box-shadow:0 8px #5a3a22,0 12px #3d2816,inset 0 0 0 3px #2f6435}.map-board.is-cave .map-island{background:radial-gradient(circle at 28% 72%,#5a4a40 0 26%,#0000 27%),radial-gradient(circle at 72% 36%,#4a3f38 0 32%,#0000 33%),#3f3530;border-radius:28% 40% 32% 36%;box-shadow:0 8px #2a2018,0 12px #1a1410,inset 0 0 0 3px #2a221c}.map-decor{z-index:1;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.map-decor.is-tree{aspect-ratio:1;background:#245a28;border-radius:50%;box-shadow:6px 4px #1c4a20,-5px 6px #2d6b32}.map-decor.is-tree:after{content:"";background:#5a3a22;width:6px;height:8px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.map-decor.is-hill{aspect-ratio:2;background:#4a9a4e;border-radius:50% 50% 40% 40%;box-shadow:0 4px #2f6435}.map-board.is-cave .map-decor.is-hill{background:#6a5a4e;box-shadow:0 4px #3a3028}.map-decor.is-rock{aspect-ratio:1.2;background:#6a6560;border-radius:40% 50% 45% 40%;box-shadow:3px 3px #3a3530}.map-decor.is-water{aspect-ratio:1.4;background:#3a8fc4;border-radius:50%;box-shadow:inset 0 0 0 3px #24608f}.map-board.is-cave .map-decor.is-water{background:#2a4a6a;box-shadow:inset 0 0 0 3px #1a3048}.map-decor.is-cliff{aspect-ratio:1.1;background:#8a6a3a;border-radius:20% 30% 10% 20%;box-shadow:0 8px #5a3a22}.map-board.is-cave .map-decor.is-cliff{background:#5a4a40;box-shadow:0 8px #2a2018}.map-decor.is-sign{aspect-ratio:2/3;background:#c9a35a;border:2px solid #3a2a16;border-radius:2px}.map-paths{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-paths polyline{stroke:#c9a35a;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.map-paths polyline.is-closed{stroke:#8a7a55;stroke-dasharray:5 7;opacity:.35}.map-stop{z-index:3;position:absolute;transform:translate(-50%,-50%)}.map-pin{cursor:pointer;background:#d8b26a;border:3px solid #1f2436;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative}.map-pin:before{content:"";position:absolute;inset:-12px}.map-stop.is-done .map-pin{background:#6fbf73}.map-stop.is-current .map-pin{background:#f2d16b;animation:1s steps(2,end) infinite blink-border}.map-stop.is-locked .map-pin{cursor:default;background:#5c6070}.map-stop.is-stand .map-pin{box-shadow:0 0 0 3px var(--gold)}.map-pin.is-castle{background:#8a8f9e;border-radius:6px;width:40px;height:40px}.map-stop.is-locked .map-pin.is-castle .px{opacity:.45;filter:grayscale()}.map-stop.is-done .map-pin.is-castle{background:var(--gold)}.map-flag{background:#1f2436;width:3px;height:16px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.map-flag:after{content:"";border:4px solid #0000;border-left:9px solid #1f2436;border-right-width:0;position:absolute;top:0;left:3px}.map-stop-label{letter-spacing:.04em;white-space:nowrap;pointer-events:none;background:#0000008c;padding:1px 4px;font-size:.58rem;line-height:1.3;position:absolute;left:50%;transform:translate(-50%)}.map-stop.is-label-bottom .map-stop-label{top:calc(100% + 4px)}.map-stop.is-label-top .map-stop-label{bottom:calc(100% + 6px)}.map-stop.is-label-left .map-stop-label{top:50%;left:auto;right:calc(100% + 6px);transform:translateY(-50%)}.map-stop.is-label-right .map-stop-label{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.map-hero{z-index:4;pointer-events:none;filter:drop-shadow(2px 2px #00000080);transition-property:left,top;transition-timing-function:steps(6,end);display:block;position:absolute;transform:translate(-50%,-78%)}.map-hero.is-left{transform:translate(-50%,-78%)scaleX(-1)}.map-hero.is-walking .px{animation:.24s steps(2,end) infinite walk}.map-caption{text-align:center;border:2px solid #4a5068;gap:4px;margin:10px 0 0;padding:8px 10px;display:grid}.map-caption strong{font-size:.88rem}.map-caption small{opacity:.75;font-size:.68rem}.title-win{text-align:center;padding:20px 16px}.title-win h1{letter-spacing:.14em;text-shadow:3px 3px #2a2f45;margin:0 0 10px;font-size:clamp(1.7rem,7vw,2.7rem)}.title-hero{image-rendering:pixelated;margin:8px auto 12px}.title-win p{opacity:.8;margin:0;font-size:.82rem}.title-win.is-floor h1{font-size:clamp(1.35rem,5.5vw,2.1rem)}.story-win p{opacity:.85;margin:0;font-size:.78rem;line-height:1.8}.craft-win{gap:12px;display:grid}.craft-field{gap:6px;font-size:.78rem;display:grid}.craft-field input,.craft-field textarea{width:100%;color:var(--ink);font:inherit;letter-spacing:inherit;resize:vertical;background:#05060a;border:2px solid #4a5068;padding:8px 10px}.craft-field input:focus,.craft-field textarea:focus{border-color:var(--gold);outline:none}.craft-field input:disabled,.craft-field textarea:disabled{opacity:.5}.craft-field input[type=file]{cursor:pointer;padding:10px 8px}.craft-thumbs{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.craft-thumbs li{gap:4px;display:grid}.craft-thumbs img{aspect-ratio:1;object-fit:cover;image-rendering:auto;border:2px solid #4a5068;width:100%}.craft-thumbs button{color:var(--miss);cursor:pointer;background:0 0;border:0;padding:2px 0}.craft-error{color:var(--miss);margin:0;font-size:.78rem}.craft-busy{color:var(--gold);margin:0;font-size:.78rem}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes blink{50%{opacity:0}}@keyframes walk{50%{transform:translateY(-3px)rotate(-4deg)}}@keyframes blink-border{50%{border-color:var(--gold)}}@keyframes hit{0%,to{filter:none}25%{filter:brightness(6)saturate(0);transform:translate(7px)}70%{filter:brightness(6)saturate(0);transform:translate(-5px)}}@keyframes slash{0%{opacity:1;transform:translate(-50%,-50%)rotate(38deg)scaleY(.2)}60%{opacity:1;transform:translate(-50%,-50%)rotate(38deg)scaleY(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(38deg)scaleY(1.1)}}@keyframes boss-lunge{40%{transform:translate(-24px,10px)}70%{transform:translate(-12px,4px)}}@keyframes hero-lunge{0%,to{transform:translate(0)}35%{transform:translate(48px,-24px)}65%{transform:translate(62px,-30px)}}@keyframes pop{0%{opacity:1;transform:translate(-50%,10px)}to{opacity:0;transform:translate(-50%,-30px)}}@keyframes shake{25%{transform:translate(4px,-2px)}75%{transform:translate(-4px,2px)}}@keyframes quiz-open{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=620px){:root{font-size:15px}.screen{padding:10px}.win{padding:10px 12px}.hud{grid-template-columns:1fr}.field{min-height:170px;padding-inline:0}.know-row{grid-template-columns:1fr}.party{gap:2px}.enemy{padding-inline:0}.enemy .px{width:64px;height:64px}.enemy-name{font-size:.66rem}.log-line,.battle-win,.know-row{min-height:0}.quiz-choices{grid-template-columns:1fr}}