/* Readable story scenes use the existing artwork without hiding the faces. */
.hero{height:auto!important;overflow:visible;background:transparent}
.hero-art{aspect-ratio:270/340;overflow:hidden;background:#121722}.hero-art>img{display:block;width:100%;height:auto}
.hero::after{display:none}.hero-copy{position:static;padding:12px 18px 6px;text-align:center}
.hero-copy h1{font-size:36px}.hero-copy>p:last-child{font-size:14px;line-height:1.8}
.title-content{padding-top:6px}.title-intro{font-size:16px;line-height:1.8;text-align:center}
.title-links{flex-wrap:wrap;justify-content:center}.fiction-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:16px}
.story-view{padding:20px 18px 28px}.story-heading h1{font-size:20px;line-height:1.5;margin:6px 0}
.story-stage{position:relative;height:240px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 50% 70%,#544c33,#202833 65%)}
.story-person{width:130px;height:210px;object-fit:contain;z-index:1}
.story-companions{position:absolute;inset:auto 4px 0;display:flex;justify-content:space-between;opacity:.65}.story-companions img{width:64px;height:105px;object-fit:contain}
.story-lamp{color:var(--gold);font-size:70px;align-self:center}.story-dialogue{padding:16px 4px;min-height:150px}.story-dialogue h2{font-size:14px;color:var(--gold);margin-bottom:10px}.story-dialogue p{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.story-controls{display:grid;grid-template-columns:1fr 2fr;gap:10px}.story-links{display:flex;flex-wrap:wrap;justify-content:center;margin-top:12px}
.departure-view{padding:22px 18px}.departure-view h1{font-size:22px;margin-bottom:8px}.departure-view .pack-check{width:auto;min-height:23px;border-radius:5px;padding:2px 5px;font-size:10px}.departure-view .packs{margin-top:16px}.departure-view .pack{min-height:115px}.departure-view .pack:not(.on) .pack-check{display:none}
.starter-preview{padding:14px;margin:14px 0;background:var(--panel);border-radius:12px;font-size:14px;line-height:1.8}.starter-preview h2{font-size:16px;color:var(--gold)}
.departure-view fieldset{border:1px solid #5b6070;border-radius:10px;margin:16px 0;padding:12px}.departure-view legend{font-weight:700}.mode-choice{display:block;padding:10px 0;font-size:16px}.mode-choice small{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-left:24px}.reward-settings{margin-top:16px}.reward-settings label{display:block;padding:10px 0}.departure-view input{width:18px;height:18px;vertical-align:middle}
.history-topic{padding:18px 0;border-bottom:1px solid #515563}.history-topic h3{font-size:18px;color:var(--gold)}.history-topic h4{margin:14px 0 5px}.history-topic p,.reader-line p{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.history-topic a{color:#a6d6ff;overflow-wrap:anywhere}.history-topic small{display:block;color:var(--muted);margin:5px 0}.history-topic li{margin:12px 0}
.reader-scene{margin:18px 0}.reader-scene summary{min-height:44px;font-size:16px;font-weight:700}.reader-line{padding:12px 0}.reader-line strong{color:var(--gold);font-size:14px}
.card-role{font-size:9px;color:#e7dcc0;line-height:1.4;display:block}.active-powers{margin:8px 0;border:1px solid #867299;border-radius:10px;padding:8px}.active-powers[hidden]{display:none}.active-powers h2{font-size:12px;color:var(--power)}.active-power{display:flex;align-items:center;gap:8px;width:100%;border:0;border-top:1px solid #53505f;background:transparent;padding:8px 0;text-align:left}.active-power img{width:40px;height:40px;object-fit:contain}.active-power span{font-size:12px;line-height:1.7}.active-power strong{display:block}.battle-story-links{display:flex;justify-content:center;gap:8px}.relic-heading{font-size:11px;color:var(--muted);margin-top:8px}
.battle-reaction{font-size:12px;color:var(--power);line-height:1.8;min-height:0}.battle-reaction:empty{display:none}
@media(max-width:340px){.story-view{padding:16px 12px}.story-stage{height:205px}.story-person{height:185px;width:115px}.story-dialogue{min-height:170px}.departure-view{padding:18px 12px}}
