/* RIFT keeps its cinematic layout across all saved block themes. Light skins
   retain a readable light interface; chapter color remains on enemy effects. */
.story-page{--rift-bg:#111410;--rift-panel:#191d17;--rift-surface:#c7bd8610;--rift-text:#eae9df;--rift-muted:#a0a591;--rift-gold:#d5b975;--rift-on-gold:#20251a;--rift-line:#c4b47b29;--rift-board-edge:#a896615e;--rift-overlay:linear-gradient(#151b15e8,#111810f7 75%);--rift-warning:#ffc08d;--rift-shield:#d9b7ff;--ink:var(--rift-text);--mint:var(--rift-gold);--edge:var(--rift-line)}
html[data-theme] body.story-page{background:var(--rift-bg);color:var(--rift-text)}
.story-page .enemy-heading h1{font-family:'Pretendard',sans-serif;font-weight:500;letter-spacing:-1.2px;text-shadow:none}
.story-page .eyebrow{color:var(--rift-gold)}
html[data-theme] .story-page kbd{background:none;color:var(--rift-text)}
html[data-theme] .story-page .board-frame{border-radius:0;border-color:var(--rift-board-edge);background:var(--rift-surface);box-shadow:0 22px 65px #0005,inset 0 0 0 2px var(--rift-bg)}
html[data-theme] .story-page .board-overlay{background:var(--rift-overlay)}
html[data-theme] .story-page .primary-button{background:var(--rift-gold);color:var(--rift-on-gold);border-radius:0;box-shadow:none}
html[data-theme] .story-page .primary-button:disabled{background:var(--rift-surface);color:var(--rift-muted)}
html[data-theme] .story-page .theme-control{position:relative;inset:auto;height:36px;min-width:0;border:1px solid var(--rift-line);border-radius:0;padding:0 10px;background:transparent;color:var(--rift-text);box-shadow:none}
html[data-theme] .story-page .theme-control select{width:151px;min-height:34px;padding:6px 18px 6px 0;font-size:14px;color:var(--rift-text)}
html[data-theme] .story-page .theme-control option{color:var(--rift-text);background:var(--rift-panel)}
.story-page .theme-chevron{top:5px;color:var(--rift-muted)}
html[data-theme] .story-page .touch-controls button{border-radius:0;background:var(--rift-surface);border-color:var(--rift-line);color:var(--rift-text)}
html[data-theme] .story-page .touch-controls .drop-control,html[data-theme] .story-page .touch-controls button.pressed{background:var(--rift-gold);border-color:var(--rift-gold);color:var(--rift-on-gold)}
html:is([data-theme=paper],[data-theme=chrome],[data-theme=soft],[data-theme=jade],[data-theme=kinetic]) .story-page{--rift-bg:var(--bg);--rift-panel:var(--surface);--rift-surface:var(--surface-soft);--rift-text:var(--text);--rift-muted:var(--muted);--rift-gold:var(--lime);--rift-on-gold:var(--accent-ink);--rift-line:var(--line);--rift-board-edge:var(--board-edge);--rift-overlay:var(--overlay);--rift-warning:#963d13;--rift-shield:#733e9c}
html:is([data-theme=paper],[data-theme=chrome],[data-theme=soft],[data-theme=jade],[data-theme=kinetic]) .story-page .world-light{background:radial-gradient(ellipse at 76% 40%,color-mix(in srgb,var(--lime) 8%,transparent),transparent 65%),var(--bg)}
html:is([data-theme=paper],[data-theme=chrome],[data-theme=soft],[data-theme=jade],[data-theme=kinetic]) .story-page .world-light::after{opacity:.08;background-image:radial-gradient(var(--text) .7px,transparent 1px)}
@media(max-width:1100px){html[data-theme] .story-page .header-actions{gap:15px}}
@media(max-width:760px){html[data-theme] .story-page .header-actions{gap:10px 12px}html[data-theme] .story-page .theme-control{height:34px;padding:0 8px}html[data-theme] .story-page .theme-control select{width:130px;min-height:32px;font-size:13px;padding:6px 15px 6px 0}.story-page .theme-chevron{top:4px;right:8px}}