:root{color-scheme:dark;--ink:#e4ebda;--gold:#e9cb81;--serif:Georgia,'Yu Mincho',serif;font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif;background:#0b1816;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#23382e,#0b1816 65%);min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}.game-shell{max-width:1120px;margin:auto;padding:10px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.masthead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 3px 10px}.masthead h1{font:700 21px var(--serif);letter-spacing:.04em;margin:0;color:#f2d895}.masthead nav{display:flex;gap:6px}.masthead button,.utility{border:1px solid #66806a;background:#1c332b;border-radius:5px;padding:9px 12px;min-height:42px;font-size:14px}.viewport{position:relative;aspect-ratio:16/10;background:#101b1c;overflow:hidden;border:1px solid #858767;border-radius:8px;box-shadow:0 12px 45px #0006;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none;touch-action:none}.hud{position:absolute;inset:14px 18px auto;display:flex;justify-content:space-between;gap:20px;pointer-events:none;text-shadow:0 2px 3px #000}.vitals{width:180px}#hearts{color:#ff877a;font-size:21px;line-height:1.4}.mana-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#e4eccf;margin-top:4px}#mana-meter{height:6px;flex:1;border:1px solid #a2c9a0;background:#132d22}#mana-fill{display:block;width:100%;height:100%;background:#77d2ba}.room-head{text-align:right;display:flex;flex-direction:column;gap:5px}.room-head span{font-size:14px;color:#e1d3a0}.room-head strong{font:700 22px var(--serif);color:#fff0cd}.touch-controls{position:absolute;inset:auto 20px 18px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls button{pointer-events:auto;border:1px solid #eddf9a9c;box-shadow:inset 0 2px 10px #f7ffdf18,0 3px 10px #0006;background:#1c3d30cf;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none}.stick{width:132px;height:132px;position:relative;background:#112b23aa!important;border-color:#b9c39470!important;display:flex;align-items:center;justify-content:center;padding:0}.stick-ring{width:94px;height:94px;border:1px solid #cbd3ad44;border-radius:50%}.stick-knob{position:absolute;width:66px;height:66px;background:#748269dd;border-radius:50%;box-shadow:0 3px 8px #0007;display:grid;place-items:center;font-size:27px;color:#ede2b6;pointer-events:none}.actions{width:234px;height:180px;position:relative}.actions button{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:27px;line-height:1.1;padding:0}.actions small{font-size:14px;margin-top:3px}.attack{right:0;bottom:0;width:88px;height:88px;background:#c4ae67e8!important;color:#203726;font-size:38px!important;font-weight:700}.tool{right:94px;bottom:25px;width:72px;height:72px;background:#426b5fe0!important}.interact{right:94px;bottom:105px;width:60px;height:60px}.dodge{right:8px;bottom:96px;width:64px;height:64px}.guard{right:174px;bottom:35px;width:56px;height:56px}.lock{right:166px;bottom:104px;width:54px;height:54px}.actions .available{border:2px solid #ffe09b;background:#5c6e3dea}.actions .holding{background:#a5a36cd9}.actions button:active,.stick.holding{filter:brightness(1.3)}.world-prompt{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);max-width:35%;font-size:14px;border:1px solid #e2c174;padding:9px 12px;border-radius:4px;background:#142b23ec;pointer-events:none}.area-label{position:absolute;left:50%;top:100px;transform:translateX(-50%);font:700 24px var(--serif);color:#fff1bd;text-shadow:0 2px 5px #000;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.area-label.visible{opacity:1}.overlay{position:absolute;inset:0;background:#081c13b5;display:grid;place-items:center;padding:16px;backdrop-filter:blur(2px)}[hidden]{display:none!important}.intro-card{text-align:center;max-width:540px;padding:26px;border:1px solid #9aa071;background:#10281edf;box-shadow:0 10px 45px #0007}.eyebrow{color:#b7c496;font-size:12px;letter-spacing:.16em}.intro-card h2{font:700 38px var(--serif);color:#f2d68c;margin:16px 0}.intro-card p{font-size:16px;line-height:1.8;color:#dce4c6}.primary{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border:1px solid #edcf85;border-radius:5px;min-height:48px;padding:12px 24px;background:#c7b474;color:#193222;margin:16px auto}.start-note{font-size:14px!important;color:#bacdac!important}.toolbelt{display:flex;gap:8px;padding:12px 0;align-items:center}.toolbelt button{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 16px;background:#1e382c;border:1px solid #607754;border-radius:5px;font-size:22px}.toolbelt button span{font-size:14px}.toolbelt .selected{border-color:#e6c876;background:#496045}.belt-note{margin-left:auto;color:#9dae93;font-size:14px}.goal-line{display:flex;align-items:center;gap:18px;font-size:14px;padding:7px 12px;background:#183025;border:1px solid #496245;border-radius:4px}.goal-line p{flex:1;margin:0;font-size:16px;line-height:1.5}.goal-line>span{flex-shrink:0;color:#d2c48b}.dialogue{display:flex;gap:15px;padding:12px 4px;align-items:baseline;min-height:64px}.dialogue>span{color:#dbbe7a;flex-shrink:0;font-size:14px}.dialogue p{font-size:16px;line-height:1.7;margin:0;color:#d1ddc3}footer{display:flex;justify-content:space-between;color:#8ba891;font-size:12px;padding:6px 4px}.journal-dialog{color:var(--ink);background:#183126;border:2px solid #bca970;border-radius:7px;width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 30px);padding:0;box-shadow:0 18px 80px #000a}.journal-dialog::backdrop{background:#061b13db}.journal{padding:22px}.journal-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6b774a;padding-bottom:16px}.journal-title span{font-size:12px;color:#9fb791}.journal-title h2{font:700 25px var(--serif);color:var(--gold);margin:6px 0 0}.hint-button{width:100%;border:1px solid #9e9c61;background:#354b31;color:#e6d393;border-radius:5px;min-height:48px;padding:12px;font:inherit}.hint-text{font-size:16px;line-height:1.7;background:#344d32;padding:12px;border-left:3px solid #d1b870}.journal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #526744;font-size:14px}.journal-footer button{background:#29412d;border:1px solid #66805b;padding:10px;border-radius:4px;min-height:44px}.dungeon-map{display:block;width:100%;height:auto;background:#0a211b;border:1px solid #6a805d;border-radius:4px;margin:12px 0}.map-legend{display:flex;gap:15px;font-size:14px;color:#d4cf9e}.map-current{font-size:16px;line-height:1.7}.how-to h3{font-size:18px;color:#ead097}.game-shell:fullscreen{max-width:none;padding:0;background:#0b1913}.game-shell:fullscreen .viewport{border:0;border-radius:0;height:calc(100dvh - 54px);aspect-ratio:auto}.game-shell:fullscreen .masthead{padding:6px 12px}.game-shell:fullscreen .goal-line,.game-shell:fullscreen .dialogue,.game-shell:fullscreen footer{display:none}.game-shell:fullscreen .toolbelt{position:absolute;top:68px;left:14px;z-index:2}.game-shell:fullscreen .belt-note{display:none}
@media(max-width:700px){.game-shell{padding-top:5px}.masthead{gap:4px;padding-bottom:6px}.masthead h1{font-size:17px}.masthead nav{gap:4px}.masthead button{padding:7px 8px;min-height:38px}.viewport{aspect-ratio:auto;height:min(67dvh,650px);min-height:420px}.hud{inset:10px 10px auto;gap:8px}.vitals{width:130px}#hearts{font-size:17px}.room-head strong{font-size:17px}.room-head span{font-size:12px}.mana-row{font-size:12px}.touch-controls{inset:auto 10px 14px}.stick{width:112px;height:112px}.stick-knob{width:57px;height:57px}.actions{transform:scale(.85);transform-origin:bottom right;margin-left:-20px}.world-prompt{bottom:185px;max-width:95%;width:max-content;font-size:14px}.area-label{top:110px;font-size:21px}.toolbelt{gap:5px;padding:8px 0}.toolbelt button{flex:1;justify-content:center;padding:7px 3px;font-size:20px;gap:5px}.toolbelt button span{font-size:14px}.belt-note{display:none}.goal-line{flex-wrap:wrap;gap:8px 18px}.goal-line p{flex-basis:100%;font-size:14px}.dialogue{display:block;padding:10px 4px;min-height:80px}.dialogue>span{display:block;margin-bottom:5px}.dialogue p{font-size:16px}.intro-card{padding:16px}.intro-card h2{font-size:27px}.intro-card p{font-size:16px}.evidence-toast{bottom:190px!important}.book-tabs{gap:3px!important}.book-tabs button{font-size:14px!important}.primary{min-height:46px}}
@media(max-width:370px){.masthead h1{font-size:15px}.masthead button{padding:7px 6px}.actions{transform:scale(.76)}.stick{width:102px;height:102px}.hud{gap:5px}}
@media(orientation:landscape) and (max-height:600px){.game-shell{padding:4px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));max-width:none}.masthead{height:38px;padding-bottom:4px}.masthead h1{font-size:17px}.masthead button{min-height:32px;padding:5px 10px}.viewport{height:calc(100dvh - 88px);min-height:270px;aspect-ratio:auto}.hud{inset:8px 14px}.room-head strong{font-size:16px}.vitals{width:160px}#hearts{font-size:18px}.touch-controls{inset:auto 18px 10px}.stick{width:100px;height:100px}.stick-knob{width:54px;height:54px}.actions{transform:scale(.8);transform-origin:bottom right}.area-label{top:76px;font-size:18px}.world-prompt{bottom:12px;max-width:38%}.toolbelt{padding:5px 0}.toolbelt button{min-height:36px;padding:5px 14px}.goal-line,.dialogue,footer{display:none}.intro-card{padding:12px 24px}.intro-card h2{font-size:25px;margin:7px 0}.intro-card p{margin:5px;font-size:14px}.intro-card .primary{margin:8px auto}.start-note{font-size:12px!important}.evidence-toast{bottom:140px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}