/* Reuse the main game's palette, wordmark, action button and navigation geometry. */
:root{--game-green:#07583e;--game-action:#08a866;--game-ink:#15332a;--game-muted:#53675f;--game-yellow:#ffcf38}
body.reading,body.novel-active{background:#f4f5ed;color:var(--game-ink)}
.story-brand{box-sizing:border-box;display:flex;align-items:center;gap:10px;max-width:760px;margin:0 auto;background:var(--game-green);color:#fff;padding:12px 15px;min-height:62px;font-family:Nunito,system-ui,sans-serif;border-bottom:1px solid #ffffff20}
.story-brand[hidden]{display:none!important}.story-brand b{font-size:27px;letter-spacing:-1.2px;white-space:nowrap;font-weight:900;line-height:1.2}.story-brand b span{color:var(--game-yellow)}
.story-brand-tools{display:flex;gap:8px;align-items:center;margin-left:auto}.story-brand button{font:inherit;color:#fff;background:#ffffff16;border:1px solid #ffffff25;border-radius:10px;padding:8px 10px;font-size:12px;min-height:38px;font-weight:800;white-space:nowrap}.story-brand button:focus-visible{outline:3px solid #ffcf38;outline-offset:3px}.story-brand .story-brand-size{font-size:15px;min-width:39px}
.story-brand-save{position:fixed;top:calc(70px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:70;background:#e5f3df;color:#07583e;border:1px solid #b7cdbb;border-radius:9px;padding:7px 12px;font-size:12px;box-shadow:0 3px 12px #143b2420;pointer-events:none;width:max-content;max-width:calc(100% - 24px);font-family:Nunito,system-ui,sans-serif}
.story-brand-save[hidden]{display:none!important}.reading main,.novel-active main{max-width:760px;padding-top:12px!important}.novel .novel-top,#reader .reader-head{display:none!important}.novel .novel-progress{margin-top:0}.novel-status[data-quiet=true],#saveStatus[data-quiet=true]{display:none}
.story-dock{height:calc(91px + env(safe-area-inset-bottom,0px));min-height:0;grid-template-columns:1fr 100px 1fr;gap:3px;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));border-top:3px solid var(--game-yellow);background:var(--game-green);box-shadow:0 -3px 14px #12362310;overflow:visible}
.story-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#d9f4e7;min-height:65px;max-width:none;font-size:11px;padding:8px 2px;line-height:1.2;border-radius:12px;font-weight:800}
.story-dock .nav-icon{display:flex;align-items:center;justify-content:center;height:27px;margin:0}.story-dock .nav-icon svg{width:25px;height:25px;stroke-width:2}
.story-dock .story-plus{position:relative;left:auto;bottom:auto;transform:none;width:76px;height:76px;min-height:76px;max-width:none;border:4px solid #fff;border-radius:50%;padding:0;margin:-15px auto 0;background:#0abe70;color:#fff;box-shadow:0 0 0 3px #087b4d,0 4px 8px #002b2140;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:15px;letter-spacing:0;align-self:center}
.story-dock .story-plus .age-plus{font-family:system-ui,sans-serif;font-size:42px;line-height:35px;font-weight:400}.story-dock .story-plus .story-next-label{font-family:Nunito,system-ui,sans-serif;font-size:13px;line-height:18px;font-weight:800}.story-dock .story-plus:disabled{background:#0abe70;border-color:#fff;opacity:.45;box-shadow:0 0 0 3px #087b4d,0 4px 8px #002b2140}.story-dock .story-plus:hover:not(:disabled){background:#08a963}.story-dock .story-plus:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 3px #087b4d,0 2px 4px #002b2140}
#reader #sceneText{font-size:var(--reader-text-size,16px)}#reader #choices button{font-size:var(--reader-choice-size,14px)}
body.reading main{padding-bottom:calc(145px + env(safe-area-inset-bottom,0px))!important}
@media(max-width:360px){.story-brand{padding:10px 12px;gap:6px}.story-brand b{font-size:23px}.story-brand-tools{gap:6px}.story-brand button{font-size:11px;padding:7px 8px}.story-brand .story-brand-size{font-size:14px;min-width:34px}.story-dock{grid-template-columns:1fr 90px 1fr}.story-dock button{font-size:10px}.story-dock .story-plus{width:70px;height:70px;min-height:70px}}
.story-dock-hint{bottom:calc(1px + env(safe-area-inset-bottom,0px));background:transparent;border:0;border-radius:0;box-shadow:none;color:#e3f3e9;font-size:9px;line-height:12px;padding:0;margin:0}.story-dock-hint:after{display:none}
.novel-stage:not([data-shot=a2]):not([data-shot=h2]) .novel-artwork{max-height:38dvh}