:root{color-scheme:dark;--bg:#0b1521;--panel:#101f2d;--line:#263644;--muted:#8c9ca9;--text:#e3ebed;--gold:#e9c77e;--green:#88d9b1;--blue:#82bfea}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% -35%,#243b49 0,transparent 58%),var(--bg);color:var(--text);font-family:'Noto Sans JP',system-ui,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{transition:background .15s,border-color .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.app{max-width:1536px;margin:auto;padding:0 42px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:15px}.brand-star{color:var(--gold);font-size:45px;text-shadow:0 0 25px #e9c77e22}.brand strong{display:block;font-size:26px;letter-spacing:.16em;font-weight:800}.brand small{display:block;letter-spacing:.32em;font-size:10px;color:var(--muted);margin-top:1px}.header-actions{display:flex;gap:12px;align-items:center}.chapter{font-size:12px;color:var(--gold);letter-spacing:.12em;margin-right:18px}.chapter span{color:var(--muted);margin-left:15px;letter-spacing:.05em;font-size:14px}.icon-btn{height:38px;min-width:38px;background:transparent;border:1px solid var(--line);border-radius:5px;color:#b0bdc5}.icon-btn span{font-size:11px;margin:0 5px}.icon-btn:hover{background:#203243;border-color:#748390}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.game-column{min-width:0}.game-frame{position:relative;overflow:hidden;border:1px solid #4e645f;border-radius:9px 9px 0 0;background:#203e35;isolation:isolate}#world{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;touch-action:none}.map-top,.map-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.map-top{top:20px;align-items:flex-start}.location-chip{display:flex;gap:12px;align-items:center;background:#0b1926e6;border:1px solid #92a4a32b;padding:9px 17px 11px;border-radius:5px;box-shadow:0 4px 18px #07161224}.location-icon{font-size:29px;color:var(--gold)}.location-chip small{display:block;font-size:9px;letter-spacing:.14em;color:#a6b8b9}.location-chip strong{font-size:16px;letter-spacing:.08em}.day-chip{font-size:15px;color:#ffdf95;text-shadow:0 1px 8px #123923;background:#182d26a6;padding:5px 10px;border-radius:4px}.day-chip span{color:#d5e3cf;font-size:11px;margin-left:5px}.compass{position:absolute;right:25px;top:88px;text-align:center;font-family:serif;line-height:1.1;color:#f1e4bcc7;font-size:12px;text-shadow:0 2px 4px #102716}.compass span{font-size:40px}.map-bottom{bottom:16px;font-size:11px;color:#dfebd9;text-shadow:0 2px 3px #07160e}.map-bottom>span:first-child{background:#0a1c24c9;border:1px solid #aabbac21;padding:5px 10px;border-radius:3px}.map-zoom{letter-spacing:.18em}.console{min-height:196px;background:linear-gradient(120deg,#142433,#101d2b);border:1px solid #34434e;border-top:none;border-radius:0 0 9px 9px;padding:23px 25px}.narration{display:flex;gap:16px;min-height:79px}.narration-mark{color:var(--gold);font-size:24px;line-height:1.8}.speaker{color:var(--gold);font-size:12px;letter-spacing:.09em}.narration p{font-size:15px;margin:5px 0 15px;line-height:1.8}.commands{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px}.command{background:#142432;border:1px solid #344853;border-radius:4px;min-height:44px;padding:8px 13px;font-size:13px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:8px}.command:hover:not(:disabled){border-color:var(--gold);background:#253542}.command.primary{background:#2c3937;border-color:#8d855f;color:#f0dbab}.command kbd{background:transparent;color:#8a9aa4;font-size:10px;border:none}.command.primary kbd{color:#d0b87e}.keyboard-help{display:flex;gap:21px;align-items:center;flex-wrap:wrap;font-size:11px;color:#718694;margin-top:17px}.keyboard-help span>span{margin-left:5px}kbd{font:10px system-ui;display:inline-block;background:#152432;border:1px solid #334452;border-radius:3px;min-width:19px;text-align:center;padding:2px 4px;color:#b2c0c8;margin-right:3px}.sidebar{display:flex;flex-direction:column;gap:17px}.panel{background:linear-gradient(130deg,#132332,#101c29);border:1px solid var(--line);border-radius:7px;padding:19px 20px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.06em;color:#c7d0d4;margin-bottom:18px}.section-label>span{font-size:9px;color:#6c8797;letter-spacing:.12em}.hero-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.hero-row canvas{width:65px;height:65px;background:#101d30;border:1px solid #3f535a;border-radius:5px;image-rendering:pixelated}.hero-row h1{font-size:20px;margin:0;line-height:1.3;display:flex;align-items:center;gap:14px}.hero-row h1 span{font-family:monospace;color:var(--gold);font-size:14px;font-weight:400}.hero-row p{font-size:11px;color:var(--muted);margin:6px 0 0}.stat-row{display:flex;gap:10px;align-items:center;margin:10px 0}.stat-row>span{font-size:11px;font-weight:700;color:var(--green);width:21px}.stat-track{height:6px;background:#243740;flex:1;border-radius:2px;overflow:hidden}.stat-track i{display:block;background:var(--green);height:100%;width:100%;transition:width .3s}.stat-row strong{font-family:monospace;font-size:12px;font-weight:400;width:65px;text-align:right}.stat-row.mp>span{color:var(--blue)}.mp .stat-track i{background:var(--blue)}.xp-row{margin:16px 0 17px}.xp-row>span{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.xp-row b{font-family:monospace;font-weight:400;font-size:11px}.xp-track{height:3px;background:#263341;margin-top:8px}.xp-track i{display:block;height:100%;width:0;background:#d9b67a;transition:width .3s}.hero-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:var(--muted)}.hero-meta>span{display:flex;gap:9px;align-items:center}.hero-meta b{font:14px monospace;color:#dce5e9}.hero-meta em{font-size:10px;color:var(--gold);font-style:normal}.quest-panel h2{font-size:14px;letter-spacing:.03em;margin:0 0 7px}.quest-panel>p{font-size:11px;color:var(--muted);margin:0}.quest-list{list-style:none;padding:0;margin:17px 0 0}.quest-list li{display:flex;align-items:center;gap:11px;padding:13px 0;position:relative}.quest-list li:not(:last-child){border-bottom:1px solid #25354380}.quest-list li>span{color:#69808c;font:11px monospace;align-self:flex-start;margin-top:4px}.quest-list strong{display:block;font-size:12px;font-weight:500;color:#cdd8dc}.quest-list small{display:block;font-size:10px;margin-top:3px;color:#758d9c}.quest-list b{font-size:17px;font-weight:400;color:#577080;margin-left:auto}.quest-list li.done b{color:var(--green)}.quest-list li.done strong{color:#8ebda8}.quest-list li.active>span{color:var(--gold)}.quest-list li.active strong{color:#f1dba8}.bag-panel .section-label{margin-bottom:12px}.bag-item{display:flex;align-items:center;gap:11px;padding:9px 0}.item-symbol{font-size:23px;width:27px;text-align:center}.item-symbol.herb{color:#8acbaa}.item-symbol.shard{color:var(--gold)}.bag-item>span:nth-child(2){font-size:12px}.bag-item small{display:block;font-size:9px;color:#7b929f;margin-top:1px}.bag-item strong{font:12px monospace;margin-left:auto;color:#b8c7ce}.equipment{margin-top:11px;padding-top:13px;border-top:1px solid var(--line);font-size:10px;display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.equipment strong{font-weight:400;color:#b5c5ce}.save-status{font-size:10px;color:#697f8f;text-align:center}footer{padding:27px 0 20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#576f7f;gap:16px}footer>span:first-child{letter-spacing:.15em}footer button{border:0;background:none;font-size:10px;color:#80929e}dialog{max-width:min(540px,calc(100vw - 32px));width:540px;padding:0;border:1px solid #807554;border-radius:10px;background:linear-gradient(145deg,#1b3040,#0e1b2a);color:var(--text);box-shadow:0 30px 130px #000b}dialog::backdrop{background:#030c17b3;backdrop-filter:blur(5px)}#modal-inner{padding:36px}.modal-eyebrow{font-size:11px;letter-spacing:.19em;color:var(--gold)}#modal-inner h2{font-size:25px;letter-spacing:.04em;line-height:1.65;margin:14px 0 17px}#modal-inner p{font-size:14px;color:#b6c7d1;line-height:2}#modal-inner .modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.modal-actions button{border:1px solid #47616c;background:#1e3442;border-radius:5px;min-height:44px;padding:10px 17px;font-size:13px}.modal-actions button:first-child{background:#e1c385;border-color:#e1c385;color:#14232e;font-weight:700}.shop-row{border-top:1px solid #304451;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-row strong{font-size:14px}.shop-row small{display:block;font-size:11px;color:#90a5b3}.shop-row button{padding:8px 12px;border-radius:5px;border:1px solid #77704f;background:#313d36;color:var(--gold);font-size:12px}.battle-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#3a625754,transparent 65%),linear-gradient(#102232f5,#183a3cee 72%,#0c1a28);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;overflow:hidden}.battle-scene:before{content:'';position:absolute;width:140%;height:40%;bottom:-17%;border-radius:50%;background:#516b5940;box-shadow:0 -25px 0 #5e7a6820,0 -60px 0 #4b6b5e12}.battle-heading{text-align:center;position:absolute;top:27px;z-index:1}.battle-heading small{font-size:10px;letter-spacing:.3em;color:var(--gold)}.battle-heading h2{font-size:22px;letter-spacing:.1em;margin:8px 0 10px}.enemy-bar{height:4px;width:170px;background:#233a46;margin:auto;border-radius:2px;overflow:hidden}.enemy-bar span{display:block;background:#cddca1;height:100%;transition:width .2s}#enemy-art{position:absolute;top:23%;height:64%;max-width:80%;object-fit:contain;image-rendering:pixelated;animation:float 2.8s ease-in-out infinite}#battle-status{position:absolute;bottom:21px;font-size:14px;text-align:center;max-width:85%;text-shadow:0 2px 6px #000;z-index:1}.battle-commands{grid-template-columns:repeat(3,1fr)}.battle-commands small{font-size:10px;color:#8ea7b7}.floating-damage{position:absolute;top:44%;font:bold 47px monospace;color:#fff2c7;text-shadow:3px 3px #1c243a;z-index:2;pointer-events:none}.floating-damage.show{animation:damage .7s ease-out both}.asset-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#16342b;color:#b7d8c3;font-size:14px;z-index:3}.touch-pad,.touch-action{display:none}@keyframes float{50%{transform:translateY(-8px)}}@keyframes damage{0%{opacity:0;transform:translateY(20px)}20%{opacity:1}100%{opacity:0;transform:translateY(-40px)}}@media(min-width:1500px){.layout{grid-template-columns:minmax(0,1fr) 320px}.panel{padding:22px}.console{min-height:201px}}@media(max-width:1150px){.app{padding:0 24px}.layout{gap:18px;grid-template-columns:minmax(0,1fr) 270px}.panel{padding:16px}.chapter{display:none}.console{padding:18px}.command{font-size:12px;padding:8px}.command kbd{display:none}.keyboard-help{gap:10px}.map-top{left:14px;right:14px;top:14px}.location-chip{padding:5px 10px}.location-chip strong{font-size:14px}.day-chip{display:none}.narration p{font-size:14px}}@media(max-width:850px){.app{padding:0 16px}.topbar{height:85px;margin-bottom:20px}.brand strong{font-size:22px}.brand small{font-size:8px}.brand-star{font-size:37px}.layout{grid-template-columns:1fr;gap:22px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bag-panel{grid-column:1/2}.quest-panel{grid-column:2;grid-row:1/3}.save-status{grid-column:1/-1}.game-frame{border-radius:7px 7px 0 0}.keyboard-help{justify-content:center}.map-bottom{bottom:15px}.panel{padding:20px}.section-label,.quest-list strong,.bag-item>span:nth-child(2){font-size:13px}.quest-list small,.bag-item small{font-size:11px}.quest-list li{padding:16px 0}.quest-panel>p{font-size:12px}.touch-pad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,34px);gap:4px;position:absolute;bottom:48px;left:15px;z-index:3;opacity:.88}.touch-pad button,.touch-action{border:1px solid #a4bdba66;background:#0b2033cc;color:#e2e8d5;border-radius:5px;font-size:14px;touch-action:none}.touch-pad button[data-dir=up]{grid-column:2}.touch-pad button[data-dir=left]{grid-column:1;grid-row:2}.touch-pad button[data-dir=down]{grid-column:2;grid-row:2}.touch-pad button[data-dir=right]{grid-column:3;grid-row:2}.touch-action{display:block;position:absolute;right:18px;bottom:56px;border-radius:50%;width:46px;height:46px;z-index:3;font-size:19px}.game-frame.in-battle .touch-pad,.game-frame.in-battle .touch-action{display:none}}@media(max-width:520px){.app{padding:0 12px}.topbar{height:78px;margin-bottom:14px}.brand{gap:9px}.brand strong{font-size:19px}.brand small{letter-spacing:.18em}.header-actions{gap:7px}.icon-btn{height:34px;min-width:32px}.brand-star{font-size:31px}.game-frame #world{aspect-ratio:1.1;object-fit:cover}.map-top{top:10px;left:10px}.location-chip{gap:7px}.location-icon{font-size:23px}.location-chip small{font-size:8px}.location-chip strong{font-size:12px}.compass{top:19px;right:14px;font-size:9px}.compass span{font-size:27px}.map-bottom{left:10px;right:10px;font-size:10px;bottom:10px}.map-zoom{display:none}.console{padding:16px 13px}.narration{gap:9px;min-height:96px}.narration p{font-size:14px;line-height:1.85}.narration-mark{font-size:19px}.speaker{font-size:11px}.commands{gap:7px}.command{font-size:12px;justify-content:center;padding:8px 3px;min-height:43px}.keyboard-help{font-size:10px;gap:9px}.keyboard-help>span:last-child{display:none}.sidebar{grid-template-columns:1fr;gap:12px}.quest-panel,.bag-panel{grid-column:auto;grid-row:auto}.quest-panel .quest-list{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.quest-list li{gap:7px}.quest-list li>span{font-size:10px}.quest-list strong{font-size:11px}.quest-list small{font-size:10px}.character-panel .hero-row{margin-bottom:10px}.hero-row canvas{width:58px;height:58px}.hero-meta{font-size:12px}.stat-row>span{font-size:12px}.stat-row strong{font-size:13px}.xp-row>span{font-size:11px}.save-status{font-size:11px}.equipment{font-size:12px}.bag-item>span:nth-child(2){font-size:14px}footer{padding:22px 0;flex-wrap:wrap;justify-content:center;font-size:9px}footer>span:nth-child(2){display:none}.battle-heading{top:20px}.battle-heading h2{font-size:20px}#battle-status{font-size:13px;bottom:14px}.battle-commands{grid-template-columns:repeat(3,1fr)}.battle-commands .command{font-size:12px;flex-wrap:wrap;gap:1px}.battle-commands small{font-size:9px}#modal-inner{padding:25px}#modal-inner h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Readable Japanese controls at desktop and touch sizes. */
.music-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px 2px;border-top:1px solid var(--line);color:#8da8b5;font-size:13px}.music-controls>span{color:#a8bfb7}.music-controls label{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px}.music-controls input{width:95px;accent-color:var(--gold);cursor:pointer;min-height:26px;margin:0}.music-controls input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#sound[aria-pressed=true]{color:var(--gold);border-color:#716544}
.chapter-next{width:100%;margin-top:15px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #8196b0;border-radius:7px;background:linear-gradient(105deg,#263b54,#1b3042);text-align:left}.chapter-next>span{font-size:12px;color:#a7cee7}.chapter-next strong{font-size:15px;color:#e4efff}.chapter-next:hover{background:#324c69;border-color:#c0d5ec}.moon-world .location-chip{border-color:#7187b166}.moon-world .battle-scene{background:radial-gradient(ellipse at 60% 55%,#6670a055,transparent 65%),linear-gradient(#142034f5,#303c5dee 72%,#111b32)}.ending-dialog{border-color:#a6bcd6;background:radial-gradient(ellipse at 100% 0,#47688888,transparent 65%),linear-gradient(145deg,#20364f,#101c2c)}.ending-dialog .modal-eyebrow{color:#bedaff}.ending-dialog h2{color:#f4edd7}.touch-pad{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);gap:4px;position:absolute;bottom:52px;left:16px;z-index:3;opacity:.82}.touch-pad button,.touch-action{border:1px solid #a4bdba88;background:#0b2033d9;color:#e2e8d5;border-radius:5px;font-size:14px;touch-action:none;user-select:none;-webkit-user-select:none}.touch-pad button[data-dir=up]{grid-column:2}.touch-pad button[data-dir=left]{grid-column:1;grid-row:2}.touch-pad button[data-dir=down]{grid-column:2;grid-row:2}.touch-pad button[data-dir=right]{grid-column:3;grid-row:2}.touch-action{display:block;position:absolute;right:18px;bottom:59px;border-radius:50%;width:46px;height:46px;z-index:3;font-size:19px}.game-frame.in-battle .touch-pad,.game-frame.in-battle .touch-action{display:none}.touch-pad button:active,.touch-action:active{background:#46616c;transform:scale(.93)}#enemy-art{animation:none;top:18%;height:74%;width:auto;max-width:95%}.floating-damage{left:61%;top:44%}.chapter>b{font-weight:500}.battle-commands{grid-template-columns:repeat(3,1fr)}#moon-command{color:#b9d9ff;border-color:#526c9c}@media(max-width:520px){.chapter-next{flex-direction:column;align-items:flex-start;gap:5px;padding:14px}.chapter-next strong{font-size:14px}#enemy-art{height:76%;top:15%}.floating-damage{font-size:32px}.touch-pad{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px)}}
.narration p,#modal-inner p{font-size:16px}
.command,.section-label,.hero-row p,.stat-row>span,.stat-row strong,.quest-panel h2,.quest-list strong,.bag-item>span:nth-child(2),.bag-item strong,.equipment,.shop-row button,.modal-actions button{font-size:14px}
.section-label>span,.location-chip small,.brand small,.chapter,.day-chip span,.speaker,.keyboard-help,.map-bottom,.hero-meta,.xp-row>span,.xp-row b,.quest-panel>p,.quest-list small,.bag-item small,.save-status,.command kbd,.command small,.shop-row small,.battle-heading small,.modal-eyebrow,footer,footer button{font-size:12px}
.hero-row h1{font-size:22px}.hero-row h1 span{font-size:15px}.hero-meta>span{gap:6px}.stat-row strong{width:70px}.quest-list li{gap:8px}.quest-list strong{line-height:1.7}.quest-list small{line-height:1.65}.brand small{font-size:10px}.section-label>span{font-size:10px}.bag-item small{margin-top:3px}.command{min-height:46px}.keyboard-help{gap:14px}.map-bottom>span:first-child{max-width:85%}.map-zoom{font-size:11px}
@media(max-width:1150px){.layout{grid-template-columns:minmax(0,1fr) 290px}.commands{grid-template-columns:1fr 1fr 1fr}.command{font-size:13px}.panel{padding:17px}.hero-meta{font-size:11px}}
@media(max-width:850px){.layout{grid-template-columns:1fr}.keyboard-help{font-size:12px}.hero-meta{font-size:12px}}
@media(max-width:520px){.game-frame #world{aspect-ratio:auto;object-fit:fill}.quest-panel .quest-list{grid-template-columns:1fr}.quest-list strong{font-size:14px}.quest-list small{font-size:12px}.quest-list li{padding:12px 0}.keyboard-help>span:nth-child(2){display:none}.map-bottom{font-size:11px}.map-bottom>span:first-child{max-width:100%}.brand small{font-size:8px}.location-chip small{font-size:9px}.console .command{font-size:12px}.battle-commands .command{font-size:12px}.battle-commands small{font-size:10px}.speaker{font-size:12px}.narration p{font-size:15px}.modal-actions button{font-size:14px}.touch-pad{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px);bottom:55px}.touch-action{bottom:63px}footer{font-size:11px}}