/* The world fills the viewport; all controls and reference panels live above it. */
.nearby-action{position:absolute;left:50%;transform:translateX(-50%);bottom:max(24px,env(safe-area-inset-bottom));padding:11px 18px;color:#fff4dc;background:#294b3eef;border:1px solid #dfd0a4;box-shadow:0 3px 14px #20382e33;font-size:12px}
.nearby-action[hidden]{display:none!important}
#journalButton{position:relative}
.journal-alert{position:absolute;right:-5px;top:-7px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#99542e;color:#fff5d5;border:2px solid #fff4db;font:bold 13px Georgia;box-shadow:0 0 0 0 #d9ac6780;animation:journal-pulse 2.3s ease-in-out infinite}
.journal-alert[hidden]{display:none}
@keyframes journal-pulse{0%,100%{transform:translateY(0);box-shadow:0 0 0 0 #d9ac6766}50%{transform:translateY(-3px);box-shadow:0 0 0 5px #d9ac6700}}
.story-ledger{margin-top:20px;border-top:1px solid #b7aa86;padding-top:16px;color:#39523f}.story-ledger h3{font-family:var(--serif);margin:0 0 8px}.story-ledger p{font-size:12px;line-height:1.8}.story-scores{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.story-scores span{padding:7px 10px;border:1px solid #b9bea5;border-radius:4px;background:#e6e9d733;font-size:12px}.story-log{padding-left:20px;font-size:12px;line-height:1.8}.story-log li{margin:7px 0}.scene-note{font-style:italic;color:#6f755d;border-left:2px solid #bda477;padding-left:12px}.choice-effect{font-size:12px;color:#57705b}.story-options{padding:0;list-style:none}.story-options li{margin:12px 0;border:1px solid #bcb59a;padding:12px;border-radius:5px}.story-options b{display:block}.story-options p{margin:6px 0}.story-options small{color:#63735a}.story-source{margin-top:18px}.story-source summary{cursor:pointer;color:#697058;font-size:12px;padding:8px 0}.ending-epilogue{border-top:1px solid #c7bea6;padding-top:12px;margin-top:18px}.ending-epilogue h3{font-size:16px}.overview img{filter:saturate(.52) contrast(.86) brightness(1.11)}
@media(pointer:coarse),(max-width:780px){.nearby-action{display:none!important}}
@media(prefers-reduced-motion:reduce){.journal-alert{animation:none}}
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
.game-frame{position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}
#world{width:100%;height:100%;aspect-ratio:auto;outline-offset:-4px}
.game-hud{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:max(22px,env(safe-area-inset-top)) max(25px,env(safe-area-inset-right)) 45px max(25px,env(safe-area-inset-left));background:linear-gradient(#163526aa,transparent);pointer-events:none}
.game-hud button{pointer-events:auto}
.identity{position:relative;display:flex;align-items:center;gap:13px;min-width:232px;padding:10px 15px 10px 10px;text-align:left;border:1px solid #e5d6a77a;background:#234333ed;box-shadow:0 5px 25px #17322633;border-radius:7px}
.hud-portrait,.identity>.portrait-fallback{width:65px;height:65px;object-fit:cover;border-radius:50%;border:1px solid #dfca94}
.identity>.portrait-fallback{position:absolute;left:10px;display:grid;place-items:center;font-size:30px;color:var(--gold);background:#486348}
.hud-portrait{position:relative}
.identity b{font-family:var(--serif);font-size:22px;letter-spacing:3px}
.identity small{display:block;font-size:10px;color:#e5dfc6;line-height:1.8}
.hud-meter{display:block;width:140px;height:4px;background:#0f2c22;border-radius:6px;overflow:hidden;margin:5px 0}
.hud-meter i{display:block;width:100%;height:100%;background:#a9c6a4}
.hud-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:480px}
.hud-nav button{min-height:43px;background:#f5eedbeF;color:#38553f;border-color:#c9b486;box-shadow:0 3px 12px #15312522;padding:10px 17px}
.game-frame>.location{top:142px;left:max(25px,env(safe-area-inset-left));padding:8px 12px;font-size:13px}
.tracking{position:absolute;top:137px;right:max(25px,env(safe-area-inset-right));display:grid;gap:5px;text-align:right;color:#fff7dc;background:#294a3bec;padding:12px 16px;border:1px solid #dac5906b;border-radius:5px;pointer-events:none}
.tracking>span{font-size:9px;letter-spacing:2px;color:#d7c494}.tracking>b{font-size:13px;font-weight:500}.tracking>small{font-size:9px;color:#bdcbb9}
.game-frame>.context{left:50%;right:auto;transform:translateX(-50%);bottom:max(40px,env(safe-area-inset-bottom));width:min(600px,calc(100% - 48px));padding:12px 17px}
.below-map{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);margin:0;color:#f8efce;background:#284837cf;padding:5px 12px;border-radius:4px;white-space:nowrap}
.touch-controls{position:absolute;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:none;pointer-events:none}
.touch-controls button{pointer-events:auto}
.toast{position:absolute;top:50%;max-width:calc(100% - 40px);z-index:5}
.art-loading{z-index:10}
.journal-dialog{width:min(820px,calc(100% - 30px))}
.dialog-top h2{font-size:20px;margin:0;letter-spacing:2px}
.journal-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:20px;align-items:start}
.journal-grid .character-card{grid-column:1;grid-row:1}.journal-grid .quest-panel{grid-column:2;grid-row:1 / span 3}.journal-grid .mini-panel{grid-column:1;grid-row:2;display:block}.journal-grid .bag{grid-column:1;grid-row:3;color:#4e6348}
.journal-grid .character-card{display:block;color:var(--text)}.journal-grid .portrait-wrap{width:100%;height:180px}.journal-grid h1{font-size:19px}
.journal-grid .character-stats{padding:15px}.journal-grid .mini-panel{color:var(--text)}.journal-grid .bag button{color:#7d683f}.journal-grid .bag b{color:#567247}
.journal-grid .quest-panel{box-shadow:none}.journal-grid #questList{display:block}.journal-grid .panel-heading>span{margin-right:17px}
.menu-dialog{width:min(460px,calc(100% - 28px))}.menu-actions{display:grid;gap:12px}.menu-actions button{color:#405c44;border-color:#b8ab86;padding:15px;text-align:left;background:#fff8e944}.menu-dialog .footnote{color:#7f806a;border-color:#bcad87;margin-top:24px}.menu-dialog .footnote button{color:#8a6636}
#dialogTitle:focus,#journalTitle:focus,#menuTitle:focus{outline:none}
.portrait-wrap{background:radial-gradient(ellipse at 50% 25%,#647a52,#263f2e)}
.portrait-wrap:before{content:"✦";position:absolute;inset:12px 0 0;text-align:center;font-size:65px;color:#cfbd88}
@media(pointer:coarse),(max-width:780px){.touch-controls{display:flex;align-items:flex-end;justify-content:space-between;padding:0}.below-map{display:none}.game-frame>.context{bottom:max(138px,calc(env(safe-area-inset-bottom) + 118px));width:min(600px,calc(100% - 24px))}.dpad{display:grid;grid-template-columns:43px 43px 43px;grid-template-rows:43px 43px;gap:4px;touch-action:none;user-select:none}.dpad button{background:#254a39d9;color:#ffebbb;border-color:#d4c396aa;padding:0;touch-action:none}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad [data-dir=down]{grid-column:2;grid-row:2}.dpad [data-dir=right]{grid-column:3;grid-row:2}.touch-controls>button{background:#f0dfb0ec;border-color:#c9b580;color:#375239;border-radius:50%;width:81px;height:81px;padding:10px;font-size:12px;font-weight:700}}
@media(max-width:780px){.game-hud{padding:max(12px,env(safe-area-inset-top)) 12px 30px;gap:10px}.identity{min-width:0;width:183px;gap:9px;padding:8px}.hud-portrait,.identity>.portrait-fallback{width:44px;height:44px}.identity>.portrait-fallback{left:8px}.identity b{font-size:18px;letter-spacing:2px}.identity small{font-size:8px}.hud-meter{width:112px;margin:4px 0}.hud-nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-width:180px}.hud-nav button{font-size:10px;min-height:37px;padding:7px 8px;white-space:nowrap}.game-frame>.location{top:112px;left:12px;padding:7px 9px;font-size:11px}.tracking{top:108px;right:12px;padding:8px 10px;max-width:56%}.tracking>span{display:none}.tracking>b{font-size:11px}.tracking>small{font-size:8px}.game-frame>.context{padding:9px;gap:8px}.context-copy small{font-size:8px;letter-spacing:0}.context-copy{font-size:11px}.context button{padding:10px;min-width:57px}.touch-controls{left:15px;right:15px}.journal-grid{display:flex;flex-direction:column;gap:15px}.journal-grid>section,.journal-grid>.bag{width:100%}.journal-grid .character-card{display:flex}.journal-grid .portrait-wrap{width:48%;height:155px}.journal-grid .character-stats{flex:1}.journal-grid .mini-panel{display:none}.journal-grid h1{font-size:15px}.journal-grid .quest-panel #questList{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.journal-grid .quest-panel{padding:16px}.journal-grid .quest-item{min-width:0}.journal-grid .quest-item .number{flex-shrink:0}.journal-grid .quest-item strong{font-size:11px}.journal-dialog{padding:16px}.journal-grid .portrait-caption{left:10px}.journal-grid #level{font-size:8px}}
@media(max-width:360px){.identity{width:154px;gap:7px}.identity b{font-size:16px}.hud-portrait,.identity>.portrait-fallback{width:33px;height:40px}.hud-meter{width:92px}.hud-nav button{font-size:9px;padding:7px 6px}.game-hud{gap:6px}.tracking{max-width:54%}.game-frame>.context .context-icon{display:none}}
@media(max-height:520px) and (min-width:600px){.game-hud{padding:10px 15px 25px}.identity{padding:6px 9px;min-width:205px}.hud-portrait,.identity>.portrait-fallback{width:45px;height:45px}.identity b{font-size:18px}.identity small{font-size:8px}.game-frame>.location{top:105px;left:15px}.tracking{top:67px;right:15px;padding:7px 10px}.tracking>span{display:none}.tracking>b{font-size:11px}.game-frame>.context{bottom:16px;width:calc(100% - 345px);max-width:480px;min-width:260px;padding:8px 10px}.context-copy small{display:none}.context-copy{font-size:11px}.below-map{display:none}.touch-controls{bottom:12px}.dpad{grid-template-columns:37px 37px 37px;grid-template-rows:37px 37px}.touch-controls>button{width:65px;height:65px}.hud-nav button{padding:8px 12px;min-height:35px;font-size:11px}}

#dialogActions button small{display:block;font-size:11px;color:#65745b;line-height:1.7;margin-top:5px;font-weight:400}