:root{color-scheme:dark;--cream:#f0e5cc;--gold:#e8b876;--muted:#9caeb0;--line:#d6bb7b36}*{box-sizing:border-box}body{margin:0;background:#080e14;color:var(--cream);font-family:Georgia,'Times New Roman',serif;overflow:hidden}button{font:inherit;cursor:pointer;color:var(--cream);border:1px solid var(--line);background:#1c2a2c;padding:12px 20px;border-radius:3px;transition:background .15s,transform .15s}button:hover{background:#35433b;border-color:var(--gold)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid #ffd79d;outline-offset:4px}button.primary{background:#d6af71;color:#17232a;border-color:#d6af71;font-weight:bold}button.primary:hover{background:#f0d098}#stage{position:relative;width:100vw;height:100dvh;isolation:isolate;overflow:hidden;background:#111a24}canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 40%,#050b1450 100%)}header{position:absolute;top:22px;left:28px;right:28px;display:flex;align-items:flex-start;gap:26px;pointer-events:none}header[hidden],#bottom[hidden]{display:none}.identity{display:flex;gap:12px;align-items:center;min-width:220px}.crest{font-size:34px;color:var(--gold);text-shadow:0 0 20px #edb95780}small{font:9px system-ui;letter-spacing:2.5px;color:#b3bdb6}#vitals{font:11px system-ui;color:#f1e1c1;margin:5px 0}.meters{height:5px;width:170px;background:#15252b;border:1px solid #6c7c7550;margin:4px 0}.meters i{display:block;height:100%;background:#d59485;transition:width .15s}.meters.light i{background:#e5c786}.chapter{flex:1;text-align:center;max-width:450px;margin:auto}#objective{font-size:14px;margin-top:7px;color:#d9d6c4}#menu{pointer-events:auto;padding:7px 12px;font-size:18px;background:#10212bb0}#toast{position:absolute;top:110px;left:20%;right:20%;text-align:center;opacity:0;transition:opacity .5s;font-size:16px;color:#f8d596;text-shadow:0 2px 8px #000;pointer-events:none}#prompt{position:absolute;bottom:90px;width:100%;text-align:center;color:#fff0c6;pointer-events:none;font:12px system-ui;letter-spacing:1px;text-shadow:0 2px 4px #000}#bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;font:10px system-ui;letter-spacing:1px;color:#b0b6ac;pointer-events:none}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#050e1880;backdrop-filter:blur(3px);overflow:auto}.modal.clear{background:linear-gradient(90deg,#08131de8,#08131d70 65%,#08131d00);backdrop-filter:none;justify-content:flex-start}.sheet{width:min(670px,100%);padding:36px;background:linear-gradient(135deg,#1c2d32f7,#101c26fa);border:1px solid var(--line);box-shadow:0 20px 90px #0009}.title-sheet{background:none;border:0;box-shadow:none;width:min(620px,100%);margin-left:5vw;padding:20px}.eyebrow{font:10px system-ui;letter-spacing:4px;color:var(--gold)}h1{font-size:clamp(52px,7.6vw,96px);font-weight:normal;line-height:.92;letter-spacing:-4px;margin:24px 0}h1 em{font-weight:normal;color:#ebc78e}h2{font-weight:normal;font-size:34px;margin:15px 0;line-height:1.1}h3{font-size:20px;color:var(--gold);font-weight:normal}p{font-size:16px;line-height:1.7;color:#b5c2be;margin:18px 0}.lead{max-width:390px}.rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:22px 0;width:80px}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.footnote{font:11px/1.7 system-ui;color:#8da1a6;margin-top:24px}.portrait{float:left;width:56px;height:68px;background:linear-gradient(145deg,#d5b784,#597177);clip-path:polygon(20% 0,80% 0,100% 28%,85% 100%,15% 100%,0 28%);margin:0 20px 12px 0;display:grid;place-items:center;font-size:32px;color:#15212d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upgrade{text-align:left;padding:18px 14px}.upgrade strong{display:block;color:var(--gold);font-size:17px;margin-bottom:10px}.upgrade span{font:12px/1.5 system-ui;color:#afc3be}.journal-row{border-top:1px solid var(--line);padding:10px 0;font:13px/1.6 system-ui;color:#bcc8c1}.settings{display:flex;gap:10px;align-items:center;margin-top:20px;font:12px system-ui;color:#b6c4be}.settings input{accent-color:#d6af71}#mobile{display:none;position:absolute;bottom:15px;left:15px;right:15px;justify-content:space-between;pointer-events:none;gap:10px}#mobile button{touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto;background:#122534c9;padding:13px 16px;font:12px system-ui;border-color:#bac9bb40}.pad,.actions{display:flex;gap:6px;align-items:flex-end}.actions{flex-wrap:wrap;justify-content:flex-end;max-width:275px}.pad button{height:56px;width:55px}.actions button:nth-last-child(-n+2){height:56px;background:#5d4b35c9}@media(pointer:coarse){#mobile{display:flex}#bottom{bottom:90px}.desktop-hint{display:none}#prompt{bottom:150px}}@media(max-width:650px){header{left:14px;right:14px;top:14px;gap:8px}.identity{min-width:125px;gap:6px}.identity small{display:none}.crest{font-size:24px}.meters{width:100px}#vitals{font-size:9px}.chapter small{font-size:8px;letter-spacing:1px}#objective{font-size:11px}.sheet{padding:24px}h2{font-size:27px}.title-sheet{margin-left:0;padding:8px}h1{font-size:62px}.lead{max-width:330px;font-size:14px}.footnote{font-size:10px}.grid{grid-template-columns:1fr}.upgrade{padding:12px}.upgrade strong{margin:0 0 5px}.modal{padding:17px}.title-sheet .eyebrow{font-size:9px}#bottom{left:15px;font-size:9px}#toast{left:10%;right:10%;font-size:13px}p{font-size:14px}#mobile button{padding:10px 12px}.actions{max-width:240px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.worldmap{width:100%;max-height:270px;display:block;background:#0e2029;border:1px solid #78928340;margin-top:14px}.map-help{font-size:13px}.travel-list{display:flex;flex-wrap:wrap;gap:6px}.travel-list button{font:11px system-ui;padding:8px}.bellbound-shrine{border-top:1px solid var(--line);margin-top:20px}button:disabled{opacity:.4;cursor:default}.sheet{max-height:calc(100dvh - 40px);overflow-y:auto}.modal{align-items:center}.actions{max-width:360px}#mobile button{font-size:10px;padding:9px 11px}.actions button:nth-last-child(-n+2){height:50px}@media(pointer:coarse){#mobile{bottom:10px}#bottom{bottom:130px}#prompt{bottom:155px}.actions{max-width:310px}#mobile .actions button{padding:9px;min-width:43px}.pad button{align-self:flex-end}}@media(max-height:500px){header{top:10px;left:15px;right:15px}.title-sheet h1{font-size:54px;margin:10px 0}.title-sheet .lead{font-size:13px;line-height:1.4;margin:9px 0}.title-sheet .footnote{margin-top:12px}.title-sheet .rule{margin:12px 0}.title-sheet .buttons{margin-top:14px}.title-sheet .settings{margin-top:10px}.modal{padding:12px}.sheet{padding:22px}.worldmap{max-height:155px}.chapter{max-width:370px}#toast{top:85px}#bottom{bottom:12px}.actions{max-width:390px}#mobile button{padding:7px!important}.actions button:nth-last-child(-n+2){height:40px}#prompt{bottom:100px}}
.screen-tools{display:flex;gap:7px;pointer-events:auto}.screen-tools button{padding:7px 11px;background:#0c1c2bba;font-size:19px;border-color:#c5cfb33b}.screen-tools button:hover{background:#36515c}#vignette{background:radial-gradient(ellipse,transparent 46%,#07112050 100%)}.story-cinema{background:linear-gradient(90deg,#070f1af5,#0e1d2abb 60%,#07101a77);backdrop-filter:blur(2px);padding:25px}.story-cinema .sheet{max-width:850px;width:100%;border-color:#ceb88770;background:linear-gradient(135deg,#193140ef,#142030f7);padding:44px;box-shadow:0 25px 100px #000b}.story-cinema h2{font-size:clamp(32px,5vw,52px);color:#eee1bd;letter-spacing:-1px}.story-voice{font:10px system-ui;letter-spacing:4px;color:#dfb779}.story-stage{position:relative;min-height:150px;padding:30px;margin:25px 0;background:linear-gradient(135deg,#213f4d80,#17233499);border-block:1px solid #c8b07830}.story-stage:before{content:'✧';display:block;font-size:34px;color:#e6cb98;text-align:center;text-shadow:0 0 40px #d8bc8999}.story-caption{font-size:20px!important;line-height:1.7!important;color:#d2d9c7!important;max-width:660px}.story-cinema .footnote{color:#829caa}.story-tabs{display:flex;gap:7px;flex-wrap:wrap}.story-tabs button{font:12px system-ui;padding:9px 12px}.story-entry{border-bottom:1px solid #d1c19630;padding:14px 0}.story-entry h3{margin:0 0 7px}.quest-state{color:#d7c28e;font:11px system-ui;letter-spacing:1px}.journal-row p{font-size:14px}.sheet .buttons{row-gap:9px}
@media(max-width:650px){.screen-tools{gap:4px}.screen-tools button{padding:6px 9px}.story-cinema{padding:16px}.story-cinema .sheet{padding:26px}.story-caption{font-size:16px!important}.story-stage{min-height:100px;padding:17px;margin:15px 0}.chapter{max-width:190px}#objective{line-height:1.35}.identity{min-width:115px}}
@media(max-height:500px){.story-cinema .sheet{padding:22px 32px}.story-stage{min-height:65px;margin:13px 0;padding:12px}.story-caption{font-size:16px!important}.story-stage:before{font-size:22px}.story-cinema h2{font-size:32px}.story-cinema .buttons{margin-top:15px}.screen-tools button{font-size:15px;padding:5px 8px}}
.story-stage{min-height:170px;overflow:hidden;background-image:linear-gradient(90deg,#0c203a44,#0c203a20),url('assets/hollow-realms.png');background-size:100% 100%,200% 200%;background-repeat:no-repeat;background-position:center,100% 0}.story-stage.story-rain{background-position:center,0 100%}.story-stage.story-heart{background-position:center,0 0}.story-stage:before{position:absolute;inset:0;display:grid;place-items:center;font-size:60px;color:#ffe3ab99}.story-orbit{position:absolute;left:50%;top:50%;font-size:100px;line-height:1;transform:translate(-50%,-50%);color:#f1d5a838;text-shadow:0 0 20px #e3c08050}.story-light{display:none}.story-horizon{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(transparent,#0b1b2a88)}.story-voice{margin-top:18px}.story-caption{margin:13px 0}.story-epilogue{border-top:1px solid #cebd9238;margin-top:25px;padding-top:9px}.story-choice-note{color:#e1d7be!important;font-style:italic;border-left:2px solid #c9b47f;padding-left:17px}.story-cinema .sheet{scrollbar-color:#63796d #152732}@media(max-height:500px){.story-stage{min-height:100px}.story-stage:before{font-size:36px}.story-orbit{font-size:65px}.story-voice{margin-top:10px}}@media(prefers-reduced-motion:reduce){.story-orbit{animation:none}}