:root{--ink:#102725;--paper:#ecd9aa;--gold:#cfaa62;--line:#9d8150;--muted:#bdd1c4;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}button,input{font:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8fe5d4;outline-offset:3px}button:disabled{opacity:.48;cursor:default}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}#interface{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;position:fixed;inset:0;color:var(--paper);z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}#interface button,#interface a,#interface input{pointer-events:auto}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;left:max(14px,var(--safe-l));right:max(14px,var(--safe-r));top:max(12px,var(--safe-t));display:flex;align-items:flex-start;gap:8px}.place-plaque{padding:9px 14px;min-width:158px;max-width:40%;background:linear-gradient(130deg,#0c2425eF,#244b43ed);border:1px solid #ad915aaa;box-shadow:0 3px 14px #0004, inset 0 0 0 3px #ffffff05;border-radius:3px}.place-plaque small{display:block;color:#d1b578;font-size:10px;letter-spacing:.14em}.place-plaque strong{display:block;font-size:18px;margin-top:3px;line-height:1.3}.party-health{margin-left:auto;padding:8px 10px;background:#102b28d9;border:1px solid #d0b57066;min-width:104px;font-size:12px;line-height:1.5;border-radius:4px}.hp-track{height:5px;background:#162422;display:block;margin-top:4px;border-radius:3px;overflow:hidden}.hp-track i{height:100%;background:linear-gradient(90deg,#56ad8b,#b0df98);display:block;width:100%}#menu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;height:52px;min-width:116px;padding:0 14px;color:var(--paper);background:linear-gradient(#305044,#152e2b);border:1px solid #d6b36d;box-shadow:0 3px 0 #071714,0 3px 12px #0005;border-radius:5px;font-weight:700;font-size:15px}#goal-button{position:absolute;top:calc(max(12px,var(--safe-t)) + 80px);left:max(14px,var(--safe-l));display:flex;align-items:center;gap:9px;max-width:min(450px,calc(100vw - 28px));min-height:45px;padding:7px 13px;background:#102c29dd;border:1px solid #b89a5366;border-left:3px solid #d4b267;border-radius:3px;text-align:left;color:#f4e5ba;font-size:13px;line-height:1.5;pointer-events:auto}#goal-arrow{color:#ecc67a;display:block;font-size:23px;width:28px;text-align:center;flex-shrink:0}#goal-button small{display:block;font-size:10px;color:#bccdbc;letter-spacing:.08em}#goal-distance{color:#d9c393;white-space:nowrap;font-size:11px;margin-left:10px}#mobile-controls{position:absolute;inset:0;pointer-events:none}#movement-stick{position:absolute;left:calc(max(16px,var(--safe-l)));bottom:calc(max(22px,var(--safe-b)));width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#153e3670 0 28%,#102c32b0 29% 67%,#c8b17199 68% 70%,#142d3288 71%);border:1px solid #ead1a385;box-shadow:0 4px 18px #0005,inset 0 0 18px #112728;touch-action:none;pointer-events:auto;contain:layout;outline-offset:4px}#movement-stick span{position:absolute;color:#e8d8a89c;font-size:15px;line-height:1;pointer-events:none}#movement-stick .n{left:57px;top:10px}#movement-stick .s{left:57px;bottom:10px}#movement-stick .e{right:10px;top:57px}#movement-stick .w{left:10px;top:57px}#stick-knob{position:absolute;left:42px;top:42px;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#e4d196d4,#7c8756d4);border:2px solid #f8e3ad;box-shadow:0 3px 8px #071713c0;pointer-events:none;will-change:transform}#movement-stick[data-active=true]{border-color:#eddd97;background-color:#36564655}.stick-caption{position:absolute;bottom:calc(max(22px,var(--safe-b)) + 138px);left:calc(max(16px,var(--safe-l)) + 30px);font-size:11px;color:#f2e4bc;text-shadow:0 1px 3px #000}#action-button{position:absolute;right:max(18px,var(--safe-r));bottom:calc(max(26px,var(--safe-b)) + 24px);width:82px;height:82px;border-radius:50%;border:2px solid #ebd296;background:radial-gradient(circle at 35% 30%,#876f3beF,#314a36ef 62%,#122c26);color:#fff1cf;font-size:14px;font-weight:700;line-height:1.35;box-shadow:0 4px 0 #142418,0 6px 18px #0006;white-space:pre-line}#run-button{position:absolute;right:calc(max(18px,var(--safe-r)) + 94px);bottom:max(24px,var(--safe-b));width:58px;height:58px;border-radius:50%;border:1px solid #d4c091;background:#183831e8;color:#e9dfbc;font-size:12px;touch-action:none}#run-button[data-active=true],#action-button:active{background:#b69b57;color:#14271f;transform:translateY(2px)}#context-hint{position:absolute;left:50%;bottom:calc(max(20px,var(--safe-b)) + 26px);transform:translateX(-50%);padding:7px 16px;background:#102b28ec;border:1px solid #d4b879;border-radius:3px;font-size:14px;max-width:320px;text-align:center;line-height:1.5}#help-cue{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;color:#ffe7a9;text-shadow:0 2px 3px #000;pointer-events:none}#screen-fade{position:fixed;inset:0;background:#081519;z-index:15;pointer-events:none;opacity:0}#toast-note{position:absolute;left:50%;bottom:calc(max(22px,var(--safe-b)) + 170px);transform:translateX(-50%);max-width:min(480px,86vw);padding:10px 17px;text-align:center;background:#17352ced;border:1px solid #dcc287;border-radius:4px;font-size:14px;line-height:1.5;opacity:0;transition:opacity .15s;z-index:14}#toast-note.show{opacity:1}.modal-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:max(14px,var(--safe-t)) max(16px,var(--safe-r)) max(14px,var(--safe-b)) max(16px,var(--safe-l));background:#08171599;backdrop-filter:blur(3px);pointer-events:auto;z-index:9}.book{width:min(880px,100%);max-height:100%;display:flex;flex-direction:column;background:linear-gradient(110deg,#f0dfb4,#e3ce9d 47%,#d1b67e 49%,#eddaaa 51%,#f1e2be);color:#2f3b2e;border:2px solid #94713c;outline:1px solid #dec993;outline-offset:-7px;box-shadow:0 14px 70px #0009,inset 0 0 34px #75542438;border-radius:7px;overflow:hidden;pointer-events:auto}.book-header{display:flex;align-items:center;gap:15px;padding:15px 22px 10px;flex-shrink:0}.book-header small{font-size:10px;letter-spacing:.15em;color:#7b633c}.book-header h2{margin:3px 0 0;font-family:Georgia,serif;font-weight:600;font-size:28px}.close-book{margin-left:auto;width:70px;min-height:48px;border:1px solid #8b784c;background:#e0ce9f;color:#314134;border-radius:4px;font-weight:700}.book-tabs{display:flex;gap:6px;padding:0 22px 12px;border-bottom:1px solid #98805466;flex-shrink:0}.book-tabs button{flex:1;min-height:48px;background:#d8c89f;border:1px solid #aa9160;border-radius:5px 5px 0 0;color:#4b543b;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700}.book-tabs button[aria-selected=true]{background:#204238;color:#f5e4b8;border-color:#38573d;box-shadow:inset 0 -3px #bca366}.book-body{padding:16px 22px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:0;scrollbar-color:#ab8f52 #dcccaa}.book-footer{padding:10px 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #a58b5866;flex-shrink:0;font-size:13px}.book-footer a{color:#47563e;text-decoration:underline;padding:8px 0}.gold-button{min-height:48px;padding:9px 22px;border:1px solid #916c36;border-radius:4px;background:linear-gradient(#d3b56d,#b59147);color:#20332a;font-weight:700;box-shadow:0 2px 0 #8b703f}.quiet-button{min-height:46px;padding:8px 17px;background:#e7d8b3;border:1px solid #a18a5b;border-radius:4px;color:#384d3a;font-weight:600}.party-strip{display:flex;gap:10px;margin-bottom:18px}.party-member{flex:1;min-width:0;background:#244a3c;color:#f1dfb1;padding:12px;border:1px solid #537352;border-radius:4px}.party-member small{display:block;color:#c2d0ae;font-size:11px;margin-top:3px}.party-member strong{font-size:15px}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.item-list{display:flex;flex-direction:column;gap:9px}.item-slot{min-height:76px;display:flex;align-items:center;gap:12px;padding:11px;background:#d7c6a0;border:1px solid #aa9265;color:#334633;border-radius:4px;text-align:left}.item-slot[aria-pressed=true]{background:#31513a;color:#f3e4b5;border:2px solid #af8e45;box-shadow:inset 0 0 0 2px #e2c78255}.item-slot svg{width:34px;height:34px}.item-slot small{display:block;font-size:11px;margin-top:5px;opacity:.8}.item-slot b{display:block;font-size:16px}.item-desc{border-left:1px solid #a7915d77;padding-left:22px;min-height:210px}.item-desc h3{font-size:23px;margin:0 0 8px}.item-desc p{font-size:14px;color:#4c573c;line-height:1.75;margin:9px 0}.item-desc .gold-button{width:100%;margin-top:10px}.reason{font-size:12px!important;color:#705c3d!important}.route-steps{display:flex;gap:4px;margin:8px 0 22px}.route-step{flex:1;text-align:center;font-size:12px;color:#89774c;border-bottom:4px solid #b9a57b;padding:9px 2px}.route-step.done{border-color:#497153;color:#315437}.route-step.current{background:#34573e;border-radius:5px 5px 0 0;color:#f6e0a5;border-color:#b89344}.guide-message{background:#234838;color:#f0dfa8;border-left:4px solid #c7a455;padding:14px 16px;border-radius:3px;line-height:1.7}.guide-message strong{font-size:18px}.guide-message p{font-size:13px;margin:8px 0 0;color:#ccdabf}.control-help{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 0}.control-help div{font-size:13px;line-height:1.65;padding:9px 12px;background:#d5c49d88;border:1px solid #ad966355}.setting-row{padding:12px 0;border-bottom:1px solid #b8a172;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.setting-row label{flex:1;min-width:100px;font-size:16px;font-weight:600}.setting-row input{width:55%;height:46px;accent-color:#386247;touch-action:pan-x}.setting-row output{width:40px;font-size:13px}.setting-row button{min-width:130px}.fine-print{font-size:12px;color:#6b654c;line-height:1.65;margin:12px 0}.title-card{width:min(540px,100%);padding:36px 28px;background:linear-gradient(145deg,#122b28f5,#274b3bf2);border:1px solid #c8a869;outline:1px solid #9c804c;outline-offset:-9px;text-align:center;box-shadow:0 12px 70px #0009;border-radius:5px}.title-card small{font-size:11px;letter-spacing:.2em;color:#d6bf85}.title-card h1{font-family:Georgia,serif;font-size:clamp(25px,4.2vw,38px);line-height:1.6;margin:16px 0}.title-card p{color:#c9d2b9;line-height:1.8;font-size:14px}.title-actions{display:flex;flex-direction:column;gap:12px;margin:24px auto 18px;max-width:340px}.title-actions button{min-height:52px;font-size:17px}.title-card a{color:#c6bd96;font-size:12px}.speech-box{position:absolute;left:max(16px,var(--safe-l));right:max(16px,var(--safe-r));bottom:max(16px,var(--safe-b));padding:18px 22px;background:linear-gradient(110deg,#142e29f5,#254c3ff5);border:2px solid #c1a46b;box-shadow:0 6px 36px #0009,inset 0 0 0 4px #ffffff05;border-radius:5px;pointer-events:auto;z-index:8;display:grid;grid-template-columns:1fr auto;gap:6px 20px}.speech-box strong{font-size:15px;color:#ecd091}.speech-box p{grid-column:1;min-height:44px;margin:4px 0;font-size:clamp(16px,1.7vw,20px);line-height:1.8;color:#f4edd3;white-space:pre-wrap}.speech-box button{grid-column:2;grid-row:1/3;align-self:center;min-width:118px;min-height:52px}.battle-box{position:absolute;bottom:max(16px,var(--safe-b));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));padding:13px 18px;background:#16392fF5;border:2px solid #c4a166;border-radius:5px;pointer-events:auto}.battle-box p{margin:0 0 8px;color:#f2e5c0;font-size:15px;line-height:1.6}.battle-box small{display:block;font-size:11px;color:#bbccaa}.battle-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:11px}.battle-actions button{padding:9px 3px;min-height:48px;font-size:15px}.status-line{font-size:13px;min-height:24px;color:#405f42;line-height:1.6}.complete-copy{text-align:center;padding:10px 0 18px}.complete-copy h3{font-family:Georgia,serif;font-size:28px;margin:12px}.complete-copy p{line-height:1.9;font-size:15px;color:#48553b}.complete-copy button{margin-top:15px;width:min(330px,100%)}@media(orientation:portrait){.hud-top{gap:6px;flex-wrap:wrap}.place-plaque{min-width:0;max-width:calc(100% - 132px);flex:1;padding:8px 11px}.place-plaque strong{font-size:17px}.party-health{order:4;width:100%;display:none}#menu-toggle{width:116px;min-width:116px;font-size:14px;padding:0 9px}#goal-button{top:calc(max(12px,var(--safe-t)) + 73px);font-size:12px;max-width:calc(100% - 28px);padding:6px 10px}#goal-distance{margin-left:0}#context-hint{bottom:calc(max(22px,var(--safe-b)) + 165px);width:max-content;max-width:calc(100% - 42px);font-size:13px}.book{max-height:calc(100dvh - 32px - var(--safe-t) - var(--safe-b))}.book-header{padding:15px 16px 10px}.book-header h2{font-size:24px}.book-tabs{padding:0 14px 10px;gap:5px}.book-tabs button{font-size:14px;gap:5px}.book-tabs button svg{width:18px;height:18px}.book-body{padding:14px}.book-footer{padding:10px 15px 14px;flex-wrap:wrap}.inventory-grid{grid-template-columns:1fr;gap:16px}.item-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.item-slot{flex-direction:column;align-items:flex-start;min-height:112px;gap:7px}.item-slot b{font-size:14px}.item-desc{min-height:0;padding-left:0;border-left:0;border-top:1px solid #a7915d77;padding-top:15px}.item-desc h3{font-size:20px}.item-desc p{font-size:14px}.party-strip{gap:7px;margin-bottom:12px}.party-member{padding:10px}.party-member strong{font-size:14px}.control-help{grid-template-columns:1fr}.speech-box{padding:14px 16px;display:flex;flex-wrap:wrap;gap:5px}.speech-box strong{width:100%}.speech-box p{width:100%;min-height:54px;font-size:16px}.speech-box button{margin-left:auto;min-height:48px}.battle-box{padding:12px}.battle-actions{gap:6px}.battle-actions button{font-size:13px}.title-card{padding:30px 22px}.title-card p{font-size:13px}.title-card h1{font-size:28px}}@media(max-height:460px) and (orientation:landscape){.hud-top{top:max(8px,var(--safe-t))}.place-plaque{padding:7px 10px}.place-plaque strong{font-size:16px}#goal-button{top:calc(max(8px,var(--safe-t)) + 64px);max-width:380px;font-size:12px;min-height:40px}.book-header{padding:10px 20px 7px}.book-header h2{font-size:23px}.book-header small{display:none}.book-tabs{padding-bottom:8px}.book-tabs button{min-height:44px}.book-body{padding-top:12px;padding-bottom:10px}.book-footer{padding-top:8px;padding-bottom:9px}.party-strip{display:none}.item-desc{min-height:155px}.title-card{padding:16px 25px}.title-card h1{font-size:28px;margin:4px}.title-card p{margin:5px 0;font-size:13px}.title-actions{margin:10px auto;gap:8px;flex-direction:row;max-width:460px}.title-actions button{flex:1;font-size:15px;padding:8px 12px}.speech-box{padding:11px 18px}.speech-box p{font-size:16px}.battle-box{padding:10px 14px}.battle-box p{font-size:14px}.battle-actions{margin-top:7px}}