:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f3eadb;--muted: #aaa2b4;--panel: rgba(12, 9, 17, .82);--line: rgba(255, 218, 156, .22);--amber: #ffb547;--teal: #75d7d1;--violet: #c89cff;--rose: #ff7180;background:#07050b}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden;background:#07050b}body{color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}button{color:inherit;font:inherit}#game-shell{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;outline:none}.glass{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,207,132,.055),transparent 48%),var(--panel);box-shadow:0 14px 40px #0000004d,inset 0 1px #ffffff06;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.topbar{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:max(12px,env(safe-area-inset-top)) 22px 10px;border-bottom:1px solid rgba(255,218,156,.14);background:linear-gradient(180deg,rgba(5,3,8,.94),rgba(5,3,8,.54),transparent)}.brand,.meters{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,181,71,.55);border-radius:50%;color:var(--amber);font-size:24px;box-shadow:0 0 25px #ff912b24}.brand div{display:grid;gap:2px}.brand b{letter-spacing:.2em;font-family:Georgia,Times New Roman,serif;font-size:14px}.brand span,.meter span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.meter{display:grid;min-width:66px;gap:2px;padding:6px 11px;border-left:1px solid var(--line)}.meter b{color:var(--amber);font-size:15px;font-variant-numeric:tabular-nums}.meter.wide{min-width:106px}.utility{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:3px;background:#0f0b15cc;color:#ccc2d1;font-size:11px;cursor:pointer}.utility:hover,.utility:focus-visible{border-color:var(--amber);color:#fff}.chapter-card{position:absolute;z-index:6;top:88px;left:22px;width:min(390px,calc(100vw - 44px));padding:16px 18px 14px;border-left:2px solid var(--amber)}.chapter-card>span,.eyebrow{color:var(--amber);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800;letter-spacing:.16em}.chapter-card h1{margin:7px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.2vw,31px);font-weight:500;line-height:1.02}.chapter-card p{min-height:34px;margin:0;color:#c5bdca;font-size:12px;line-height:1.45}.leaf-ribbon{display:flex;align-items:center;gap:5px;margin-top:10px}.leaf-ribbon span{display:flex;flex:1;align-items:center;gap:5px;min-width:0;padding:6px 7px;border:1px solid color-mix(in srgb,var(--leaf),transparent 58%);border-radius:2px;background:color-mix(in srgb,var(--leaf),transparent 91%);color:var(--leaf);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.leaf-ribbon span i{display:grid;width:16px;height:16px;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal}.leaf-ribbon span.inward,.topology span.inward{box-shadow:inset 0 0 20px color-mix(in srgb,var(--leaf),transparent 78%);background:color-mix(in srgb,var(--leaf),transparent 82%)}.leaf-ribbon>b{color:#ffffff47;font-size:10px}.party-panel{position:absolute;z-index:6;top:88px;right:22px;display:grid;width:292px;padding:7px;gap:4px}.party-panel article{--hero: var(--amber);display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:6px 7px;border:1px solid transparent;border-left-color:color-mix(in srgb,var(--hero),transparent 45%);background:linear-gradient(90deg,color-mix(in srgb,var(--hero),transparent 92%),transparent);transition:opacity .2s}.party-panel article.acted{opacity:.53}.portrait{display:grid;width:30px;height:30px;place-items:center;border:1px solid color-mix(in srgb,var(--hero),transparent 35%);background:color-mix(in srgb,var(--hero),transparent 82%);color:var(--hero);font-family:Georgia,Times New Roman,serif;font-size:16px}.party-panel article>div:nth-child(2){display:grid;min-width:0}.party-panel strong{font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:500}.party-panel article span{overflow:hidden;color:#8f8799;font-size:8px;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.party-panel article .relic-line{margin-top:3px;color:color-mix(in srgb,var(--hero),white 28%);font-size:6px}.party-panel article i,.enemy-panel button>i{display:block;height:3px;margin-top:4px;overflow:hidden;background:#ffffff17}.party-panel article i em,.enemy-panel button>i em{display:block;height:100%;background:var(--hero);box-shadow:0 0 8px var(--hero)}.party-panel article>small{display:grid;color:#938b9a;font-size:8px;text-align:right}.party-panel article>small b{color:var(--hero);font-size:8px;text-transform:uppercase}.enemy-panel{position:absolute;z-index:7;right:22px;bottom:134px;display:grid;width:292px;max-height:330px;padding:7px;gap:5px;overflow:auto}.enemy-panel[hidden]{display:none}.enemy-panel button{--foe: var(--rose);display:grid;grid-template-columns:1fr auto;gap:5px 9px;padding:9px;border:1px solid rgba(255,255,255,.07);background:color-mix(in srgb,var(--foe),transparent 94%);text-align:left;cursor:pointer}.enemy-panel button.selected{border-color:color-mix(in srgb,var(--foe),white 15%);box-shadow:inset 3px 0 var(--foe),0 0 18px color-mix(in srgb,var(--foe),transparent 82%)}.enemy-panel button span{display:grid}.enemy-panel button b{font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:500}.enemy-panel button small,.enemy-panel button strong{color:#a99fb0;font-size:8px;text-transform:uppercase}.enemy-panel button>i{grid-column:1 / 2;margin:0}.enemy-panel button>i em{background:var(--foe)}.enemy-panel button>p{grid-column:1 / -1;margin:0;color:#9c93a4;font-size:9px}.dialogue{position:absolute;z-index:7;left:50%;bottom:132px;width:min(650px,calc(100vw - 360px));padding:17px 20px;transform:translate(-50%);border-top:1px solid rgba(255,181,71,.38)}.dialogue[hidden]{display:none}.dialogue span{color:var(--amber);font-size:9px;font-weight:900;letter-spacing:.16em}.dialogue p{margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,1.35vw,18px);line-height:1.45}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.choice-grid:empty{display:none}.choice-grid button{min-height:62px;padding:9px 11px;border:1px solid var(--line);background:#ffffff06;color:var(--text);text-align:left;cursor:pointer}.choice-grid button:hover,.choice-grid button:focus-visible{border-color:var(--amber)}.choice-grid strong,.choice-grid small{display:block}.choice-grid strong{font-family:Georgia,Times New Roman,serif;font-size:12px}.choice-grid small{margin-top:4px;color:#9c93a4;font-size:8px;line-height:1.4}.puzzle-panel{position:absolute;z-index:7;left:50%;bottom:132px;display:flex;align-items:center;justify-content:space-between;width:min(690px,calc(100vw - 360px));min-height:96px;padding:14px 18px;gap:18px;transform:translate(-50%)}.puzzle-panel[hidden]{display:none}.puzzle-panel h2{margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.puzzle-panel p{margin:0;color:#aca3b2;font-size:10px;line-height:1.35}.topology{display:flex;align-items:center;gap:4px}.topology span{max-width:82px;padding:9px 7px;border:1px solid var(--leaf);background:color-mix(in srgb,var(--leaf),transparent 91%);color:var(--leaf);font-size:8px;font-weight:800;line-height:1.2;text-align:center;text-transform:uppercase}.topology b{color:#6e6674;font-size:10px}.command-deck{position:absolute;z-index:9;right:18px;bottom:max(16px,env(safe-area-inset-bottom));left:18px;display:grid;grid-template-columns:repeat(7,minmax(85px,1fr)) minmax(180px,1.5fr);min-height:96px;padding:7px;gap:5px}.command-deck button{position:relative;display:grid;align-content:center;min-height:80px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:2px;background:#100c16b8;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.command-deck button:hover,.command-deck button:focus-visible{z-index:2;border-color:var(--amber);background:#ffb54714;transform:translateY(-2px)}.command-deck button small{position:absolute;top:6px;right:7px;color:#736a79;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.command-deck button b{font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:500}.command-deck button span{margin-top:3px;overflow:hidden;color:#8e8594;font-size:8px;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.command-deck .fold-command{border-top-color:#ffb54759}.command-deck .invert-command{border-top-color:#75d7d17a}.command-deck .primary-command{border-color:#ffb54773;background:linear-gradient(135deg,#ffb54733,#ff718014)}.command-deck .primary-command b{color:#ffe2b2;font-size:15px}body:not([data-mode=battle]) .battle-command,body:not([data-mode=puzzle]):not([data-mode=battle]) .fold-command,body:not([data-mode=puzzle]):not([data-mode=battle]) .invert-command,body:not([data-mode=puzzle]) .puzzle-command{display:none}body[data-mode=title] .command-deck,body[data-mode=battle] .puzzle-command,body[data-mode=puzzle] .battle-command{display:none}body[data-mode=explore] .command-deck,body[data-mode=story] .command-deck,body[data-mode=companion] .command-deck,body[data-mode=choice] .command-deck,body[data-mode=coda] .command-deck,body[data-mode=complete] .command-deck{grid-template-columns:minmax(190px,340px);right:auto}.codex-screen{position:fixed;z-index:40;inset:0;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow:auto;background:#050309e0;backdrop-filter:blur(12px)}.codex-screen[hidden]{display:none}.codex-card{width:min(1060px,100%);margin:auto;padding:22px}.codex-card>header{display:flex;justify-content:space-between;gap:18px}.codex-card>header span{color:var(--amber);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.codex-card h2{margin:4px 0;font:500 28px Georgia,Times New Roman,serif}.codex-card>p{max-width:700px;color:#a89fad;font-size:11px;line-height:1.55}.codex-card h3{margin:22px 0 8px;color:var(--amber);font:500 16px Georgia,Times New Roman,serif}.relic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.relic-hero{padding:12px;border:1px solid var(--line);background:#ffffff05}.relic-hero>header{display:flex;justify-content:space-between;margin-bottom:9px}.relic-hero>header strong{font:500 14px Georgia,Times New Roman,serif}.relic-hero>header span,.relic-hero>p{color:#938b9a;font-size:8px}.relic-hero>button{width:100%;min-height:57px;margin-top:6px;padding:8px 10px;border:1px solid var(--line);background:#ffffff05;color:var(--text);text-align:left;cursor:pointer}.relic-hero>button.equipped{border-color:var(--amber);background:#ffb54714;box-shadow:inset 2px 0 var(--amber)}.relic-hero>button strong,.relic-hero>button small{display:block}.relic-hero>button small{margin-top:4px;color:#9c93a4;font-size:8px;line-height:1.4}.art-glossary{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.art-glossary article{padding:9px;border:1px solid var(--line);border-left-color:var(--hero)}.art-glossary span,.art-glossary strong,.art-glossary small{display:block}.art-glossary span{color:var(--hero);font-size:7px;text-transform:uppercase}.art-glossary strong{margin-top:3px;font:500 11px Georgia,Times New Roman,serif}.art-glossary small{margin-top:4px;color:#938b9a;font-size:7px;line-height:1.4}.companion-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.companion-ledger article{padding:9px;border:1px solid var(--line)}.companion-ledger span,.companion-ledger strong{display:block}.companion-ledger span{color:#8f8799;font-size:7px}.companion-ledger .companion-kept span{color:var(--amber)}.companion-ledger .companion-released span{color:var(--teal)}.companion-ledger strong{margin-top:3px;font:500 11px Georgia,Times New Roman,serif}body.focus-fx .grain{display:none}body.focus-fx #game-canvas{filter:saturate(.82) contrast(1.08)}.move-pad{position:absolute;z-index:10;bottom:132px;left:22px;display:none;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);padding:6px}.move-pad.visible{display:grid}.move-pad button{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.1);background:#140f1bdb;color:#d4c9d8}.move-pad [data-move=up]{grid-column:2}.move-pad [data-move=left]{grid-row:2;grid-column:1}.move-pad .inspect{grid-row:2;grid-column:2;color:var(--amber);font-size:20px}.move-pad [data-move=right]{grid-row:2;grid-column:3}.move-pad [data-move=down]{grid-row:3;grid-column:2}.title-screen{position:absolute;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;padding:26px;background:radial-gradient(circle at 50% 45%,rgba(255,141,59,.17),transparent 21%),radial-gradient(circle at 42% 52%,rgba(111,78,167,.13),transparent 32%),linear-gradient(115deg,#030206f2,#0a060ed6);text-align:center;transition:opacity .7s,visibility .7s}.title-screen.hidden{visibility:hidden;opacity:0;pointer-events:none}.title-sigil{position:relative;width:156px;height:96px;margin-bottom:5px}.title-sigil i{position:absolute;top:8px;left:50%;width:62px;height:78px;border:1px solid currentColor;background:linear-gradient(150deg,color-mix(in srgb,currentColor,transparent 88%),transparent);box-shadow:0 0 35px color-mix(in srgb,currentColor,transparent 72%);transform-origin:50% 100%}.title-sigil i:nth-child(1){color:var(--amber);transform:translate(-50%) rotate(-28deg)}.title-sigil i:nth-child(2){color:var(--teal);transform:translate(-50%)}.title-sigil i:nth-child(3){color:var(--violet);transform:translate(-50%) rotate(28deg)}.overline{margin:4px 0 16px;color:var(--amber);font-size:9px;font-weight:800;letter-spacing:.3em}.title-screen h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,8vw,104px);font-weight:400;letter-spacing:-.065em;line-height:.84;text-shadow:0 14px 50px rgba(0,0,0,.7)}.title-screen h1 span{color:var(--amber)}.title-screen h2{margin:13px 0 0;color:#c9bece;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,2vw,24px);font-style:italic;font-weight:400;letter-spacing:.07em}.title-copy{max-width:540px;margin:22px auto;color:#aaa1b0;font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.55}.title-screen button{min-width:245px;min-height:51px;padding:0 24px;border:1px solid rgba(255,181,71,.6);background:linear-gradient(135deg,#ffb54733,#ff718017);color:#ffe1af;font-size:10px;font-weight:900;letter-spacing:.16em;cursor:pointer;box-shadow:0 0 40px #ff892d1a}.title-screen button:hover,.title-screen button:focus-visible{background:linear-gradient(135deg,#ffb54757,#ff718029)}.controls-copy{color:#645d69;font-size:8px;letter-spacing:.08em;text-transform:uppercase}#toast{position:absolute;z-index:30;top:82px;left:50%;max-width:calc(100vw - 30px);padding:9px 14px;border:1px solid rgba(255,181,71,.35);background:#0a070ded;color:#e6d6bc;font-size:10px;opacity:0;pointer-events:none;transform:translate(-50%,-10px);transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%)}.grain{position:absolute;z-index:25;inset:0;opacity:.035;pointer-events:none;background-image:repeating-radial-gradient(circle at 20% 30%,white 0,transparent 1px,transparent 4px),repeating-linear-gradient(105deg,transparent 0 5px,white 6px,transparent 7px);mix-blend-mode:overlay}@media (max-width: 980px){.party-panel{width:238px}.enemy-panel{width:250px}.dialogue,.puzzle-panel{width:calc(100vw - 300px)}.command-deck{grid-template-columns:repeat(6,minmax(75px,1fr))}.command-deck .primary-command{grid-column:span 2}}@media (max-width: 700px){.topbar{min-height:58px;padding:max(8px,env(safe-area-inset-top)) 10px 8px}.brand-mark,.brand span,.meter span,.meter.wide,.utility:first-of-type{display:none}.brand b{font-size:11px}.meters{gap:3px}.meter{min-width:48px;padding:3px 6px}.meter b{font-size:12px}.utility{min-height:34px;padding:0 8px;font-size:9px}.chapter-card{top:65px;left:8px;width:calc(100vw - 16px);padding:10px 12px 9px}.chapter-card h1{margin:4px 0;font-size:19px}.chapter-card p{min-height:27px;font-size:10px}.leaf-ribbon{margin-top:6px}.leaf-ribbon span{padding:4px 5px;font-size:7px}.leaf-ribbon span i{display:none}.party-panel{top:auto;right:7px;bottom:197px;width:170px;padding:4px;gap:2px}.party-panel article{grid-template-columns:23px 1fr;padding:3px 4px;gap:5px}.portrait{width:22px;height:22px;font-size:11px}.party-panel article>small,.party-panel article span{display:none}.party-panel strong{font-size:9px}.enemy-panel{right:7px;bottom:197px;width:185px;max-height:202px;padding:4px}.enemy-panel button{padding:5px 6px}.enemy-panel button b{font-size:9px}.enemy-panel button p{display:none}.dialogue,.puzzle-panel{right:7px;bottom:197px;left:7px;width:auto;padding:10px 12px;transform:none}.dialogue{right:184px}.dialogue p{font-size:12px}.puzzle-panel{right:7px;display:grid;gap:7px}.puzzle-panel h2{font-size:13px}.puzzle-panel p{font-size:8px}.topology span{flex:1;max-width:none;padding:6px 4px;font-size:6px}.command-deck{right:7px;bottom:max(7px,env(safe-area-inset-bottom));left:7px;grid-template-columns:repeat(4,1fr);min-height:180px;padding:5px;gap:4px}.command-deck button{min-height:78px;padding:6px}.command-deck button b{font-size:10px}.command-deck button span{font-size:6px}.command-deck .primary-command{grid-column:span 2}body[data-mode=explore] .command-deck,body[data-mode=story] .command-deck,body[data-mode=companion] .command-deck,body[data-mode=choice] .command-deck,body[data-mode=coda] .command-deck,body[data-mode=complete] .command-deck{right:7px;grid-template-columns:minmax(150px,1fr);width:178px;min-height:78px}.codex-screen{padding:7px}.codex-card{padding:13px}.relic-grid,.art-glossary,.companion-ledger,.choice-grid{grid-template-columns:1fr}.choice-grid button{min-height:50px}.move-pad{bottom:108px;left:7px;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);padding:4px}.move-pad button{width:46px;height:46px}.title-screen{padding:22px 18px max(22px,env(safe-area-inset-bottom))}.title-sigil{width:120px;height:78px}.title-sigil i{width:48px;height:64px}.title-screen h1{font-size:clamp(47px,16vw,72px)}.title-copy{max-width:340px;margin:18px auto;font-size:11px}.title-screen button{min-width:220px;min-height:48px}}@media (max-height: 650px) and (min-width: 701px){.topbar{min-height:54px;padding-top:8px}.chapter-card,.party-panel{top:62px}.chapter-card{width:330px;padding:10px 13px}.party-panel article{padding-block:3px}.dialogue,.puzzle-panel,.enemy-panel{bottom:112px}.command-deck{min-height:84px}.command-deck button{min-height:68px}.move-pad{bottom:104px;transform:scale(.86);transform-origin:left bottom}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}