/* Only the independent chapter controls; no overrides to the survival shell. */
.hunt-mode-picker[hidden] { display: none; }
.hunt-mode-picker {
    flex: 0 0 auto; display: flex; gap: 8px; padding: 0; margin: 0;
    border: 0; min-width: 0;
}
.hunt-mode-picker label {
    flex: 1; min-width: 0; min-height: 44px; padding: 8px;
    display: flex; align-items: center; gap: 6px;
    background: var(--ap-ink, #171719); color: #fff;
    border: 1px solid #fff; font-size: .75rem; line-height: 1.5;
}
.hunt-mode-picker label:has(input:checked) { border-color: #3fe3cf; color: #3fe3cf; }
.hunt-mode-picker input { margin: 0; accent-color: #3fe3cf; flex-shrink: 0; }
.story-lobby { display: flex; align-items: center; gap: 8px; justify-content: space-between; }
.story-lobby p { margin: 0; font-size: .75rem; text-align: start; }
.story-lobby button { flex-shrink: 0; min-height: 44px; padding: 8px; font-size: .75rem; background: #171719; color: #fff; border: 1px solid #fff; }
body[data-hunt-mode="story"] #start-screen .hunter-card { display: none; }
body[data-hunt-mode="story"] #level-display { max-width: calc(100% - 104px); white-space: normal; font-size: .75rem; line-height: 1.5; }
.story-result {
    box-sizing: border-box; width: min(100% - 24px, 480px); max-height: calc(100dvh - 24px);
    overflow: auto; padding: 24px; color: #fff; background: #171719; border: 1px solid #3fe3cf;
    font: inherit; text-align: start;
}
.story-result::backdrop { background: rgb(23 23 25 / 94%); }
.story-result h1 { color: #3fe3cf; font-size: 1.75rem; line-height: 1.4; }
.story-result p, .story-result li { font-size: .9375rem; line-height: 1.8; }
.story-result ol { padding-inline-start: 24px; }
.story-result .system-state-actions { width: 100%; }
.story-result button { min-height: 44px; }
#story-save-panel:not([hidden]), #story-save-conflict:not([hidden]), #story-recovery-list section {
    display: grid; gap: 8px; min-width: 0;
}
#story-save-panel button { width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: start; }
#story-recoveries summary { min-height: 44px; cursor: pointer; padding-block: 8px; }
#story-recovery-list section { border-block-start: 1px solid #fff; padding-block: 8px; }
@media (orientation: landscape) and (max-height: 500px) {
    .hunt-mode-picker, .story-lobby { grid-column: 2; }
    .hunt-mode-picker label { font-size: .6875rem; padding: 4px; }
}