/* Campaign selection and loading share the Eclipse menu's ink, ivory and bronze. */
.eclipse-edition :is(#escmenu,#confirmbox) { background:#08100cca; backdrop-filter:blur(5px); padding:24px; color:var(--v2-paper); }
.eclipse-edition #escmenu .panelbox { width:min(440px,100%); min-width:0; max-height:calc(100dvh - 48px); overflow-y:auto; padding:28px 30px 24px; gap:18px; border:1px solid #af986749; border-radius:2px; background:linear-gradient(145deg,#252d21,#101710 80%); box-shadow:0 28px 100px #0008; }
.eclipse-edition :is(#escmenu,#confirmbox) .panelbox::before,.eclipse-edition :is(#escmenu,#confirmbox) .panelbox::after { display:none; }
.eclipse-edition .v2-battle-header { display:flex; flex-direction:column; align-items:center; }
.eclipse-edition .v2-battle-header img { width:176px; height:80px; object-fit:contain; margin:-12px 0 6px; }
.eclipse-edition .v2-battle-header .v2-eyebrow { font-size:8px; color:#a7aa91; }
.eclipse-edition #escmenu h2 { font:34px/1.2 Georgia,serif; color:#e9dfc8; margin:9px 0 0; letter-spacing:-.02em; text-indent:0; }
.eclipse-edition :is(#escmenu,#confirmbox) .escbtn { width:100%; min-height:44px; padding:12px 16px; border-radius:1px; border:1px solid #a899692c; box-shadow:none; background:#d1c79806; color:#cbd0bc; text-shadow:none; font:13px/1.25 var(--v2-sans); letter-spacing:0; }
.eclipse-edition :is(#escmenu,#confirmbox) .escbtn::before,.eclipse-edition :is(#escmenu,#confirmbox) .escbtn::after { display:none; }
.eclipse-edition :is(#escmenu,#confirmbox) .escbtn:hover { background:#bcaa7230; border-color:#af996655; color:#eee3ca; }
.eclipse-edition #escmenu #btnBack { background:linear-gradient(110deg,#dac28e,#ad8e54); border-color:#d9c18f; color:#1c2416; font:17px Georgia,serif; min-height:50px; }
.eclipse-edition .v2-battle-settings { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.eclipse-edition #escmenu #btnInvite:not(.hidden) { grid-column:1/-1; }
.eclipse-edition .v2-battle-controls { border-block:1px solid var(--v2-rule); }
.eclipse-edition .v2-battle-controls summary { display:flex; justify-content:space-between; padding:13px 2px; cursor:pointer; color:#a5ad96; font:11px var(--v2-sans); }
.eclipse-edition .v2-battle-controls summary::marker { content:''; }
.eclipse-edition .v2-battle-controls[open] summary span { transform:rotate(45deg); }
.eclipse-edition #escmenu #controlsref { border:0; margin:0; padding:0 0 15px; color:#9ca78c; font:11px/1.7 var(--v2-sans); }
.eclipse-edition .v2-battle-exits { display:flex; gap:10px; }
.eclipse-edition #escmenu .v2-battle-exits .escbtn { min-height:39px; font-size:11px; }
.eclipse-edition :is(#escmenu,#confirmbox) .escbtn.danger { color:#c59b85; border-color:#a15d3d44; background:#a36a4010; }
.eclipse-edition #confirmbox .panelbox { min-width:0; width:min(420px,100%); padding:30px; background:#182017; border:1px solid #af986749; border-radius:2px; }
.eclipse-edition #confirmbox #confirmtext { font:23px/1.4 Georgia,serif!important; color:#e5d8ba; margin:0 0 10px; }
.eclipse-edition :is(#escmenu,#confirmbox) :focus-visible { outline:2px solid #e8d1a0; outline-offset:3px; }
@media(max-width:700px) {
  .eclipse-edition :is(#escmenu,#confirmbox) { padding:15px; }
  .eclipse-edition #escmenu .panelbox { padding:25px 22px 20px; max-height:calc(100dvh - 30px); }
}
.eclipse-edition :is(#mappick,#introoverlay) { color:var(--v2-paper); }
.eclipse-edition :is(#mappick,#introoverlay) :focus-visible { outline:2px solid #e8d1a0; outline-offset:3px; }
.eclipse-edition .v2-map-header { display:none; }
.eclipse-edition #mappick:not(.v2-campaign) :is(.v2-map-main,.v2-map-index,.v2-selected-chapter) { display:none; }
.eclipse-edition #mappick:not(.v2-campaign) .v2-map-sidebar { display:contents; }
.eclipse-edition #mappick.v2-campaign { padding:0; background:#101510; display:block; overflow:hidden; }
.eclipse-edition #mappick.hidden { display:none; }
.eclipse-edition .v2-campaign .v2-map-header { display:flex; position:absolute; inset:0 0 auto; height:76px; padding:0 3.2%; align-items:center; justify-content:space-between; border-bottom:1px solid var(--v2-rule); background:#0e120f; }
.eclipse-edition .v2-map-header .v2-hero-logo { height:66px; }
.eclipse-edition #mappick.v2-campaign .card { position:absolute; inset:76px 0 0; display:grid; grid-template-columns:310px minmax(0,1fr); grid-template-rows:minmax(0,1fr) 92px; width:100%; max-height:none; padding:0; margin:0; gap:0; border:0; border-radius:0; background:none; box-shadow:none; }
.eclipse-edition #mappick.v2-campaign .card::before,.eclipse-edition #mappick.v2-campaign .card::after { display:none; }
.eclipse-edition .v2-campaign .v2-map-sidebar { display:flex; flex-direction:column; min-height:0; min-width:0; padding:28px 0 0; border-right:1px solid var(--v2-rule); background:#131813; }
.eclipse-edition .v2-campaign #mptitle { font:30px/1.13 Georgia,serif; letter-spacing:-.025em; text-shadow:none; color:#eee6d4; text-align:left; margin:0 25px 9px; }
.eclipse-edition .v2-map-index { font:10px/1.5 var(--v2-sans); color:#89917f; margin:0 25px 22px; }
.eclipse-edition .v2-campaign #maplist { gap:0; padding:0 12px 20px; mask-image:none; -webkit-mask-image:none; scrollbar-width:thin; scrollbar-color:#6d6a4d #111710; }
.eclipse-edition .v2-campaign .mapsection { display:none; }
.eclipse-edition .v2-campaign .maprow { flex-shrink:0; width:100%; display:flex; align-items:center; gap:13px; min-height:78px; padding:14px 12px; background:none; border:0; border-bottom:1px solid #bcc29213; border-radius:0; box-shadow:none; color:#aeb4a2; text-align:left; position:relative; }
.eclipse-edition .v2-campaign .maprow::before,.eclipse-edition .v2-campaign .maprow::after { display:none; }
.eclipse-edition .v2-campaign .maprow:hover { background:#b8a06d0c; }
.eclipse-edition .v2-campaign .maprow.on { background:linear-gradient(90deg,#b89b6330,#b89b6309); box-shadow:inset 2px 0 #d9b97d; color:#ecdfc3; }
.eclipse-edition .v2-level-number { align-self:flex-start; min-width:21px; padding-top:3px; color:#837e68; font:12px Georgia,serif; }
.eclipse-edition .maprow.on .v2-level-number { color:#d0b17e; }
.eclipse-edition .v2-level-label { flex:1; min-width:0; }
.eclipse-edition .v2-level-label strong { display:block; color:inherit; font:17px/1.25 Georgia,serif; }
.eclipse-edition .v2-level-label small { display:flex; justify-content:space-between; align-items:center; gap:6px; color:#929885; font:9px/1.4 var(--v2-sans); margin-top:9px; }
.eclipse-edition .v2-level-label .mstars { margin:0; font-size:10px; color:#d6b678; letter-spacing:2px; }
.eclipse-edition .v2-level-label .mstars .dim { color:#555c4b; }
.eclipse-edition .v2-level-arrow { font-size:24px; opacity:0; color:#d3ba8a; }
.eclipse-edition .maprow.on .v2-level-arrow { opacity:1; }
.eclipse-edition .v2-map-main { min-width:0; min-height:0; overflow-y:auto; padding:26px 32px; background:radial-gradient(ellipse at 70% 10%,#363b262a,transparent 60%); scrollbar-width:thin; }
.eclipse-edition .v2-map-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; gap:16px; }
.eclipse-edition .v2-map-heading > span:last-child { font:italic 12px Georgia,serif; color:#9da28e; }
.eclipse-edition .v2-campaign #kaartbak { width:min(100%,calc(36dvh * 2.44)); max-width:100%; height:auto; aspect-ratio:976/400; max-height:none; margin:0 auto; border-radius:2px; border:1px solid #a6926555; box-shadow:0 12px 30px #0004; }
.eclipse-edition .v2-campaign #kaartbeeld { width:100%; height:100%; object-fit:fill; filter:saturate(.76) brightness(.85); }
.eclipse-edition .v2-campaign #kaartlaag { width:100%; height:100%; }
.eclipse-edition .v2-chapter-detail { display:grid; grid-template-columns:34% minmax(0,1fr); margin-top:25px; border-top:1px solid var(--v2-rule); padding-top:24px; gap:25px; }
.eclipse-edition .v2-chapter-art { position:relative; min-height:190px; overflow:hidden; border:1px solid #9f916936; }
.eclipse-edition .v2-chapter-art img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center 28%; filter:saturate(.8); }
.eclipse-edition .v2-chapter-art::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#11180ee8,transparent 55%); }
.eclipse-edition #v2chapterregion { position:absolute; bottom:15px; left:16px; right:16px; color:#d4c299; font:10px var(--v2-sans); letter-spacing:.15em; text-transform:uppercase; z-index:1; }
.eclipse-edition #v2chaptertitle { color:#ece1c9; font:clamp(24px,2.25vw,36px)/1.15 Georgia,serif; letter-spacing:-.025em; margin:9px 0 14px; }
.eclipse-edition #v2chapterdesc { color:#afb5a2; font:14px/1.75 Georgia,serif; margin:0; }
.eclipse-edition #v2chapterreward { margin-top:16px; font:11px/1.6 var(--v2-sans); color:#c1a66f; }
.eclipse-edition #v2chapterreward:empty { display:none; }
.eclipse-edition .v2-campaign:not(.v2-has-map) .v2-map-heading { display:none; }
.eclipse-edition .v2-campaign:not(.v2-has-map) .v2-chapter-detail { margin:0; padding:0; border:0; min-height:100%; grid-template-columns:44% minmax(0,1fr); align-items:center; }
.eclipse-edition .v2-campaign:not(.v2-has-map) .v2-chapter-art { align-self:stretch; }
.eclipse-edition .v2-campaign .v2-map-footer { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:20px 3.2%; border-top:1px solid var(--v2-rule); background:#111610; }
.eclipse-edition .v2-campaign :is(#mpplay,#mpback) { display:flex; align-items:center; gap:30px; border-radius:1px; box-shadow:none; text-shadow:none; font:15px Georgia,serif; letter-spacing:0; margin:0; min-height:45px; width:auto; }
.eclipse-edition .v2-campaign #mpplay { background:linear-gradient(110deg,#dac28e,#ad8e54); border:1px solid #ead4a9; color:#17200f; min-width:218px; justify-content:space-between; }
.eclipse-edition .v2-campaign #mpback { padding-left:0!important; padding-right:0!important; background:none; border:0; color:#b2b5a3; }
.eclipse-edition .v2-campaign :is(#mpplay,#mpback)::before,.eclipse-edition .v2-campaign :is(#mpplay,#mpback)::after { display:none; }
.eclipse-edition .v2-selected-chapter { flex:1; min-width:0; text-align:right; }
.eclipse-edition .v2-selected-chapter small { display:block; color:#858e78; font:8px var(--v2-sans); letter-spacing:.16em; margin-bottom:6px; }
.eclipse-edition .v2-selected-chapter strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:14px Georgia,serif; color:#d0c6ad; }

/* The briefing remains the real loading gate, with chapter art on its own stage. */
.eclipse-edition #introoverlay.v2-briefing { --brief-left:44%; --brief-head:76px; --brief-foot:104px; display:block; padding:0; background:#101610; overflow:hidden; }
.eclipse-edition #introoverlay.hidden { display:none; }
.eclipse-edition #introoverlay #introart { left:var(--brief-left); top:var(--brief-head); bottom:var(--brief-foot); right:0; background-position:center 25%; }
.eclipse-edition #introoverlay #introart::after { background:linear-gradient(0deg,#101610d9 0%,transparent 50%),linear-gradient(90deg,#10161050,transparent 25%); }
.eclipse-edition #introoverlay .v2-intro-header { position:absolute; inset:0 0 auto; height:var(--brief-head); display:flex; align-items:center; justify-content:space-between; padding:0 3.2%; border-bottom:1px solid var(--v2-rule); background:#0e130f; }
.eclipse-edition .v2-intro-header .v2-hero-logo { height:66px; }
.eclipse-edition .v2-intro-header > span:last-child { color:#8d947f; font:11px var(--v2-sans); }
.eclipse-edition #introoverlay .v2-intro-story { position:absolute; top:var(--brief-head); bottom:var(--brief-foot); left:0; width:var(--brief-left); overflow-y:auto; padding:48px 3.5% 30px; background:linear-gradient(110deg,#141a13,#101610); border-right:1px solid var(--v2-rule); text-align:left; scrollbar-width:thin; }
.eclipse-edition #introoverlay #introtitle { color:#eee2c8; text-align:left; font:clamp(30px,3.3vw,54px)/1.08 Georgia,serif; letter-spacing:-.035em; margin:18px 0 25px; padding:0; text-shadow:none; animation:none; }
.eclipse-edition #introoverlay #introdesc { color:#afb8a5; font:16px/1.8 Georgia,serif; text-align:left; margin:0; padding:0; max-width:none; text-shadow:none; }
.eclipse-edition .v2-intro-goals { border-top:1px solid var(--v2-rule); margin-top:30px; padding-top:23px; }
.eclipse-edition #introoverlay #introsterren { margin:14px 0 0; gap:10px; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.eclipse-edition #introoverlay .introster { border:1px solid #aaa07738; border-radius:1px; background:#232b1b66; padding:10px 12px; color:#b7bca6; font:12px var(--v2-sans); }
.eclipse-edition #introoverlay .introster b { color:#cbb280; margin-right:7px; }
.eclipse-edition #introoverlay .v2-intro-journey { position:absolute; right:3.2%; bottom:calc(var(--brief-foot) + 24px); width:min(440px,calc(100% - var(--brief-left) - 6.4%)); padding:18px 20px 15px; background:#101810dc; border:1px solid #bcad7738; box-shadow:0 15px 40px #0003; }
.eclipse-edition #introoverlay #introkaart { width:100%; height:auto; aspect-ratio:976/400; margin:14px 0 10px; border-radius:1px; border:1px solid #a8946066; outline:0; box-shadow:none; }
.eclipse-edition #introoverlay #introkaart::before,.eclipse-edition #introoverlay #introkaart::after { display:none; }
.eclipse-edition #introoverlay #introkaart :is(img,svg) { width:100%; height:100%; object-fit:fill; transform:none!important; transition:none; }
.eclipse-edition #introoverlay #introkaartbeeld { filter:saturate(.72) brightness(.8); }
.eclipse-edition #introoverlay #introkaarttekst { font:11px/1.6 var(--v2-sans); color:#9aa48f; padding:0; text-align:left; text-shadow:none; letter-spacing:0; margin:0; max-width:none; }
.eclipse-edition #introoverlay #introkaarttekst b { color:#d1b989; }
.eclipse-edition #introoverlay .v2-intro-footer { position:absolute; inset:auto 0 0; min-height:var(--brief-foot); padding:22px 3.5%; display:flex; align-items:center; gap:48px; border-top:1px solid var(--v2-rule); background:#101710; }
.eclipse-edition .v2-intro-progress { flex:1; min-width:0; display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px 30px; }
.eclipse-edition #v2introstatus { font:18px Georgia,serif; color:#d6c8a8; }
.eclipse-edition #introoverlay #introload { grid-column:1/-1; grid-row:2; width:100%; margin:0; height:5px; border:0; border-radius:0; box-shadow:none; background:#303624; display:block; }
.eclipse-edition #introoverlay #introloadfill { border-radius:0; background:linear-gradient(90deg,#7c663c,#d7b676); }
.eclipse-edition #introoverlay #introloadtxt { grid-column:2; grid-row:1; margin:0; min-height:0; font:11px var(--v2-sans); letter-spacing:.04em; color:#a1a78d; text-shadow:none; }
.eclipse-edition #introoverlay.v2-ready #introloadfill { width:100%!important; }
.eclipse-edition #introoverlay.v2-ready #introloadfill::after { animation:none; }
.eclipse-edition #introoverlay #btnIntroGo { min-width:220px; min-height:48px; margin:0; display:flex; align-items:center; justify-content:center; gap:20px; font:16px Georgia,serif; letter-spacing:.02em; border-radius:1px; border:1px solid #e1cc9c; background:linear-gradient(110deg,#dac28e,#ad8e54); color:#17200f; text-shadow:none; box-shadow:0 0 24px #a98d4822; }
.eclipse-edition #introoverlay #btnIntroGo::before,.eclipse-edition #introoverlay #btnIntroGo::after { display:none; }
.eclipse-edition #introoverlay #btnIntroGo[disabled] { opacity:.5; box-shadow:none; }
.eclipse-edition #introoverlay :is(.v2-intro-journey,.v2-intro-goals)[hidden] { display:none; }

@media (min-width:1600px) {
  .eclipse-edition #mappick.v2-campaign .card { grid-template-columns:360px minmax(0,1fr); }
  .eclipse-edition .v2-map-main { padding:32px 4%; }
  .eclipse-edition #v2chapterdesc { font-size:16px; }
  .eclipse-edition .v2-chapter-detail { grid-template-columns:30% minmax(0,1fr); }
  .eclipse-edition #introoverlay .v2-intro-journey { max-width:660px; }
}
@media (max-width:1050px) and (min-width:701px) {
  .eclipse-edition #mappick.v2-campaign .card { grid-template-columns:260px minmax(0,1fr); }
  .eclipse-edition .v2-map-main { padding:24px; }
  .eclipse-edition .v2-map-heading > span:last-child { display:none; }
  .eclipse-edition .v2-chapter-detail { grid-template-columns:1fr; gap:18px; }
  .eclipse-edition .v2-chapter-art { min-height:170px; }
  .eclipse-edition .v2-chapter-copy { padding-bottom:8px; }
  .eclipse-edition .v2-map-header > .v2-eyebrow { display:none; }
  .eclipse-edition #introoverlay.v2-briefing { --brief-left:48%; }
  .eclipse-edition #introoverlay .v2-intro-story { padding-top:35px; }
  .eclipse-edition #introoverlay #introdesc { font-size:14px; }
  .eclipse-edition .v2-intro-progress { gap:10px; }
  .eclipse-edition #introoverlay #introloadtxt { font-size:9px; }
}
@media (max-height:780px) and (min-width:701px) {
  .eclipse-edition #introoverlay .v2-intro-story { padding-top:27px; }
  .eclipse-edition #introoverlay #introtitle { font-size:36px; margin:15px 0 20px; }
  .eclipse-edition #introoverlay #introdesc { font-size:14px; line-height:1.7; }
  .eclipse-edition .v2-intro-goals { margin-top:22px; padding-top:18px; }
}
@media (max-width:700px) {
  .eclipse-edition #mappick.v2-campaign { overflow-y:auto; touch-action:pan-y; }
  .eclipse-edition .v2-campaign .v2-map-header { position:relative; height:64px; padding:0 6%; }
  .eclipse-edition .v2-map-header .v2-hero-logo { height:54px; }
  .eclipse-edition .v2-map-header > .v2-eyebrow { font-size:8px; }
  .eclipse-edition #mappick.v2-campaign .card { position:relative; inset:auto; display:flex; flex-direction:column; padding-bottom:88px; }
  .eclipse-edition .v2-campaign .v2-map-sidebar { padding-top:24px; border-right:0; border-bottom:1px solid var(--v2-rule); }
  .eclipse-edition .v2-campaign #mptitle { font-size:31px; margin-left:6%; }
  .eclipse-edition .v2-map-index { margin-left:6%; margin-bottom:16px; }
  .eclipse-edition .v2-campaign #maplist { flex-direction:row; overflow-x:auto; overflow-y:hidden; flex:none; padding:0 6% 15px; gap:9px; scroll-snap-type:x proximity; touch-action:pan-x; }
  .eclipse-edition .v2-campaign .maprow { width:235px; min-height:96px; padding:14px; border:1px solid #a69d6330; scroll-snap-align:center; }
  .eclipse-edition .v2-campaign .maprow.on { border-color:#bca375; }
  .eclipse-edition .v2-level-label strong { font-size:16px; }
  .eclipse-edition .v2-map-main { overflow:visible; padding:23px 6%; }
  .eclipse-edition .v2-map-heading > span:last-child { display:none; }
  .eclipse-edition .v2-chapter-detail,.eclipse-edition .v2-campaign:not(.v2-has-map) .v2-chapter-detail { grid-template-columns:1fr; gap:19px; margin-top:23px; }
  .eclipse-edition .v2-chapter-art { min-height:190px; }
  .eclipse-edition #v2chaptertitle { font-size:29px; }
  .eclipse-edition #v2chapterdesc { font-size:15px; }
  .eclipse-edition .v2-campaign .v2-map-footer { position:fixed; inset:auto 0 0; padding:16px 6%; gap:15px; min-height:78px; z-index:5; }
  .eclipse-edition .v2-selected-chapter { display:none; }
  .eclipse-edition .v2-campaign #mpplay { min-width:0; font-size:15px; padding:12px 16px!important; gap:20px; }
  .eclipse-edition .v2-campaign #mpback { font-size:13px; }
  .eclipse-edition #introoverlay.v2-briefing { --brief-head:64px; --brief-foot:112px; overflow-y:auto; padding-bottom:132px; touch-action:pan-y; }
  .eclipse-edition #introoverlay .v2-intro-header { position:relative; height:64px; padding:0 6%; }
  .eclipse-edition .v2-intro-header .v2-hero-logo { height:54px; }
  .eclipse-edition .v2-intro-header > .v2-eyebrow { font-size:8px; }
  .eclipse-edition .v2-intro-header > span:last-child { display:none; }
  .eclipse-edition #introoverlay #introart { top:64px; left:0; right:0; height:270px; bottom:auto; }
  .eclipse-edition #introoverlay #introart::after { background:linear-gradient(0deg,#111710 0%,transparent 65%); }
  .eclipse-edition #introoverlay .v2-intro-story { position:relative; inset:auto; width:100%; margin-top:230px; padding:0 6% 26px; overflow:visible; background:none; border:0; }
  .eclipse-edition #introoverlay #introtitle { font-size:36px; line-height:1.12; margin:15px 0 22px; }
  .eclipse-edition #introoverlay #introdesc { font-size:15px; line-height:1.8; }
  .eclipse-edition #introoverlay .v2-intro-journey { position:relative; inset:auto; width:88%; margin:0 6%; padding:17px; }
  .eclipse-edition #introoverlay .v2-intro-footer { position:fixed; min-height:112px; padding:15px 6%; gap:12px; flex-wrap:wrap; z-index:5; }
  .eclipse-edition .v2-intro-progress { flex-basis:100%; gap:8px; }
  .eclipse-edition #v2introstatus { font-size:15px; }
  .eclipse-edition #introoverlay #introloadtxt { font-size:9px; }
  .eclipse-edition #introoverlay #btnIntroGo { width:100%; min-height:40px; }
}
@media (prefers-reduced-motion:reduce) {
  .eclipse-edition :is(#mappick,#introoverlay) * { animation:none!important; transition:none!important; }
}

/* Map selection is cartography only. Illustrations are reserved for loading. */
.eclipse-edition #mappick .v2-chapter-detail { grid-template-columns:1fr; gap:0; }
.eclipse-edition #mappick .v2-map-main { display:flex; flex-direction:column; }
.eclipse-edition #mappick.v2-has-map #kaartbak { width:100%; flex:1 0 auto; max-height:48dvh; min-height:180px; }
.eclipse-edition #mappick .v2-chapter-copy { max-width:72ch; }
@media(max-width:700px){.eclipse-edition #mappick.v2-has-map #kaartbak{min-height:0;max-height:none;flex:none}.eclipse-edition #mappick .v2-chapter-detail{margin-top:18px}}

/* Show every narrative subject; the complete map was already shown in the level picker. */
.eclipse-edition #introoverlay.v2-personal-art #introart { background-position:center top; background-size:cover; background-repeat:no-repeat; background-color:#0b120f; }
.eclipse-edition #introoverlay.v2-personal-art #introart::after { background:linear-gradient(0deg,#10161044,transparent 20%),linear-gradient(90deg,#10161022,transparent 12%); }
.eclipse-edition #introoverlay.v2-personal-art .v2-intro-journey { display:none; }
@media (min-width:981px) {
 .eclipse-edition #introoverlay.v2-personal-art { --brief-left:34%; }
 .eclipse-edition #introoverlay.v2-personal-art .v2-intro-story { padding-left:3%; padding-right:3%; }
 .eclipse-edition #introoverlay.v2-personal-art #introdesc { font-size:15px; line-height:1.7; }
}
/* 25-9 — de kopbalk van de levelkeuze en van de intro: ook de veilige zones (zie menu.css, zelfde datum) */
@media (max-width:700px) {
  .eclipse-edition .v2-campaign .v2-map-header { height:calc(64px + var(--sat, 0px)); padding-top:var(--sat, 0px); }
  .eclipse-edition #introoverlay .v2-intro-header { height:calc(64px + var(--sat, 0px)); padding-top:var(--sat, 0px); }
}
@media (max-height:500px) {
  .eclipse-edition .v2-campaign .v2-map-header, .eclipse-edition #introoverlay .v2-intro-header { padding-left:calc(3.2% + var(--sal, 0px)); padding-right:calc(3.2% + var(--sar, 0px)); }
}