.explorers-dialog { width: min(1180px, 95vw); padding-bottom: 0; }
.explorers-dialog .dialog-top { flex-shrink: 0; }
#explorers-content { max-height: calc(87svh - 92px); overflow: auto; overscroll-behavior: contain; padding: 8px clamp(20px, 3vw, 42px) 34px; scrollbar-width: thin; scrollbar-color: #59736a #101e28; }
.explorer-opening h2 { font: 400 clamp(28px, 3.2vw, 43px)/1.2 var(--serif); letter-spacing: -.6px; margin: 8px 0 14px; color: #edf0e7; }
.explorer-lead { font-size: 16px; line-height: 1.7; max-width: 850px; color: #c6d8d0; }
#explorers-content h3 { font: 500 17px/1.5 var(--sans); margin: 0 0 9px; color: #dde9de; }
.explorer-phase-tools, .explorer-cast { margin: 26px 0 22px; }
.explorer-phase-tools p, .explorer-notes p { font-size: 13px; line-height: 1.8; color: #afc4bf; }
.explorer-phase-buttons, .explorer-character-buttons { display: flex; flex-wrap: wrap; gap: 9px; }
.explorer-phase-buttons button, .explorer-character-buttons button { min-height: 43px; padding: 9px 14px; border: 1px solid #38534f; border-radius: 5px; background: #112730; color: #c6d9cf; font: 500 13px/1.4 var(--sans); }
.explorer-phase-buttons button[aria-pressed="true"], .explorer-character-buttons button[aria-pressed="true"] { background: #d1e4d6; border-color: #d1e4d6; color: #10271f; }
.explorer-phase-buttons button:hover, .explorer-character-buttons button:hover { border-color: #a6c8b5; }
.explorer-profile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin-bottom: 30px; }
.explorer-meet-cast { margin: 14px 0 24px; }
.explorer-meet-cast > summary { font-size: 13px; line-height: 1.7; color: #bad6c5; cursor: pointer; padding: 5px 0; }
.explorer-meet-cast[open] > summary { margin-bottom: 15px; }
.explorer-profile { border: 1px solid #30484e; border-top: 2px solid var(--explorer-color); border-radius: 6px; padding: 19px; background: #0d1d28; }
.explorer-symbol { display: block; color: var(--explorer-color); font: 400 30px/1.2 var(--serif); margin-bottom: 13px; }
.explorer-profile strong { color: var(--explorer-color); font: 500 13px/1.6 var(--sans); }
.explorer-profile p { color: #b8ccc5; font-size: 13px; line-height: 1.8; margin: 11px 0; }
.explorer-profile small { display: block; color: #92afa6; font-size: 11px; line-height: 1.6; }
.explorer-profile .explorer-profile-note { border-top: 1px solid #2d454c; padding-top: 12px; font-size: 12px; color: #9cb7ae; }
.explorer-result-count { font-size: 13px; line-height: 1.8; color: #a4bdb2; }
.explorer-story-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 16px; }
.explorer-story-card { display: flex; border: 1px solid #354e55; border-radius: 7px; overflow: hidden; background: #101f2b; }
.explorer-story-art { display: grid; place-items: start center; width: 110px; flex-shrink: 0; padding-top: 28px; background: radial-gradient(ellipse at 30% 30%, #29404a, #0b1823 75%); }
.explorer-story-art .mini-planet.mini-preview { position: relative; inset: auto; width: 80px; height: 80px; margin: 0; }
.explorer-story-copy { padding: 22px 20px; min-width: 0; }
.explorer-story-author { font: 500 11px/1.7 var(--sans); letter-spacing: .6px; color: #c9d9c6; }
.explorer-story-card h4 { font: 400 24px/1.25 var(--serif); color: #f0eee3; margin: 6px 0 7px; }
.explorer-story-card strong { font-size: 12px; line-height: 1.6; color: #9cc7bc; }
.explorer-story-card p { font-size: 13px; line-height: 1.8; color: #c2d3ce; margin: 10px 0; }
.explorer-story-card .explorer-story-era { color: #a7bbb5; font-size: 12px; }
.explorer-story-card .explorer-source { color: #d6c39b; font-size: 11px; }
.explorer-story-card .explorer-source.is-draft { color: #8ed8d2; }
.explorer-story-card .explorer-fiction-note { color: #99b2af; font-size: 11px; }
.explorer-story-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.explorer-story-actions .button { min-height: 42px; padding: 10px 13px; font-size: 12px; }
.explorer-empty { border: 1px solid #344e56; padding: 24px; color: #b5cbc1; font-size: 15px; line-height: 1.8; }
.explorer-notes { margin-top: 28px; border-top: 1px solid #2c444b; padding-top: 17px; }
.explorer-notes summary { color: #b8d6c7; font-size: 13px; padding: 4px 0; cursor: pointer; }
.app-fullscreen .explorers-dialog #explorers-content { flex: 1; min-height: 0; max-height: none; padding: 15px clamp(20px, 3vw, 52px) 38px; }
@media (min-width: 1600px) { .explorer-lead { font-size: 19px; } .explorer-profile p, .explorer-story-card p, .explorer-phase-tools p { font-size: 16px; } .explorer-story-card h4 { font-size: 30px; } .explorer-profile strong, .explorer-story-card strong { font-size: 15px; } .explorer-phase-buttons button, .explorer-character-buttons button { font-size: 16px; min-height: 48px; } }
@media (max-width: 1050px) and (min-width: 801px) { .header .main-nav { gap: 12px; } .header .nav-button { font-size: 11px; } }
@media (max-width: 600px) { .explorer-story-art { width: 70px; } .explorer-story-art .mini-planet.mini-preview { width: 50px; height: 50px; } .explorer-story-copy { padding: 18px 15px; } .explorer-profile-grid { grid-template-columns: 1fr; } .explorer-profile { padding: 17px; } .header .main-nav { gap: 10px; flex-wrap: wrap; height: auto; } }

/* Lead with explorer choices and stories; keep the biography alongside. */
.explorer-cast { margin: 0 0 20px; }
.explorer-cast h2 { font: 400 clamp(28px, 3.2vw, 40px)/1.2 var(--serif); margin: 4px 0 16px; color: #edf0e7; }
.explorer-journey-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; }
.explorer-journey-layout > * { min-width: 0; }
.explorer-journey-layout > .explorer-cast { grid-column: 1 / -1; grid-row: 1; margin-bottom: 0; }
.explorer-journey-layout > .explorer-stories { grid-column: 2; grid-row: 2; }
.explorer-journey-layout > .explorer-profile-aside { grid-column: 1; grid-row: 2; }
.explorer-profile-aside .explorer-profile-grid { grid-template-columns: 1fr; margin-bottom: 0; }
.explorer-journey-layout .explorer-result-count { margin: 0 0 12px; }
.explorer-journey-layout .explorer-story-art { width: 80px; }
.explorer-journey-layout .explorer-story-art .mini-planet.mini-preview { width: 60px; height: 60px; }
@media (max-width: 800px) {
  .explorer-journey-layout { grid-template-columns: 1fr; }
  .explorer-journey-layout > .explorer-profile-aside { grid-column: 1; grid-row: 2; }
  .explorer-journey-layout > .explorer-stories { grid-column: 1; grid-row: 3; }
}

.explorer-portrait { display: block; width: 100%; height: 180px; object-fit: cover; object-position: center 30%; border-radius: 4px; margin-bottom: 16px; background: #101f2b; }
.explorer-chapter-portrait { width: 60px; height: 80px; object-fit: cover; border-radius: 4px; }
.novel-reader .reader-tabs, .novel-reader .book-context, .novel-reader .book-controls, .novel-reader .reader-footer { display: none !important; }
.novel-reader #reader-content { max-width: 900px; margin-inline: auto; width: 100%; }
.novel-reader .reader-body { display: block; }
.novel-prose { white-space: pre-wrap; font: 22px/1.7 var(--serif); color: #e9e9df; }
.novel-navigation { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; }

.explorer-journey-layout .explorer-story-art { width: 130px; padding: 22px 10px; background: #0b1823; }
.explorer-journey-image { display: block; width: 110px; height: auto; border-radius: 3px; }

.explorer-controls { display: flex; align-items: start; flex-wrap: wrap; gap: 16px 32px; }
.explorer-type-buttons { margin: 0; }
.explorer-empty { margin: 0; }