/* [INPUT]: Explorer semantic markup and existing expedition tokens.
 * [OUTPUT]: Reference-led immersive reef layout, responsive panels and atlas preview.
 * [POS]: Presentation layer only; progress remains owned by explorer-journey.
 */
body.explorer-page{--xp-text:#edf7f5;--xp-text-2:#b7d5db;--xp-text-3:#94bac5;--xp-accent:#ead292;--xp-accent-strong:#f6e2aa;--xp-border:rgba(131,210,234,.27);--xp-border-strong:rgba(145,224,245,.55);--xp-surface:rgba(13,49,67,.72);--xp-radius:20px;--xp-radius-sm:12px;background:#031a2a url('/assets/explorer-reef-v2.webp') center top/cover no-repeat}
.explorer-page.explorer-booting .discovery-shell{visibility:hidden}
.explorer-page .site-header{position:relative;left:auto;transform:none;background:transparent}
.discovery-ocean{min-height:calc(100svh - 80px);background:transparent}
.discovery-light,.discovery-halo,.discovery-topline{display:none}
.discovery-shell{width:min(1880px,calc(100% - 8vw));padding:40px 0 20px;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(340px,1fr);gap:18px 22px;align-items:start}
.discovery-shell>[hidden]{display:none!important}
.discovery-resume{grid-column:1/-1;margin:0;background:rgba(7,39,57,.88)}
.discovery-hero{grid-column:1;grid-row:auto;grid-template-columns:minmax(70px,.32fr) minmax(0,1.35fr) minmax(230px,1fr);gap:20px;min-height:410px;padding:0;align-self:stretch}
.discovery-poem{align-self:center;color:#c5e4e8;font:400 clamp(13px,1.1vw,19px)/2.1 var(--xp-serif);letter-spacing:.08em}
.discovery-poem p{margin:0 0 22px}
.discovery-poem span{display:block;border-left:1px solid rgba(199,225,218,.6);padding:22px 0 0 0;font:italic 500 10px/2 var(--xp-sans);letter-spacing:.14em;color:#a6c8ca}
.discovery-art{height:clamp(320px,28vw,480px)}
.discovery-art>img{width:120%;max-width:none;height:110%;filter:drop-shadow(0 22px 22px rgba(0,9,23,.4))}
.discovery-copy{position:relative;z-index:1;padding:14px 0}
.discovery-copy h1{font-size:clamp(32px,3.25vw,61px);line-height:1.2;letter-spacing:.01em}
.discovery-scientific{font-size:clamp(17px,1.65vw,29px);margin:7px 0 0;color:#a5cbd5}
.discovery-observation{font-size:clamp(13px,.94vw,17px);line-height:1.8;margin:20px 0 24px;max-width:37ch}
.discovery-arrival{font-size:12px;margin:0 0 12px;color:#b0d0cc}
.journey-encounter{margin-bottom:7px;letter-spacing:.04em}.journey-encounter:empty{display:none}
.discovery-profile{border-radius:18px;padding:16px 25px;font-size:16px;box-shadow:inset 0 1px 0 #fff5,0 5px 20px #00131f30}

.discovery-voyage,.discovery-directions,.journey-album,.discovery-trail{border:1px solid var(--xp-border-strong);border-radius:24px;background:linear-gradient(135deg,rgba(107,191,214,.23),rgba(8,46,65,.56) 48%,rgba(4,31,49,.7));box-shadow:inset 0 1px 1px rgba(220,252,255,.45),inset 1px 0 18px rgba(136,216,235,.1),0 14px 36px rgba(0,14,27,.22);backdrop-filter:blur(5px) saturate(115%)}
.discovery-voyage{padding:24px 26px;align-self:stretch}
.voyage-panel-heading{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:1px solid var(--xp-border)}
.voyage-panel-heading img{object-fit:contain}.voyage-panel-heading h2{margin:0;font:400 21px/1.4 var(--xp-serif)}
.voyage-panel-heading p{margin:3px 0 0;color:var(--xp-text-3);font:italic 14px var(--xp-serif)}
.journey-panel{border:0;background:none;padding:18px 0 0;box-shadow:none}
.journey-heading{gap:8px;align-items:center}.journey-heading h2{font-size:20px}.journey-heading .discovery-kicker{display:none}
#journey-count{display:block;margin:9px 0 0;color:#bbd5d8;font-size:13px}.journey-book-link{font-size:12px}
#journey-meter{height:3px;margin:20px 0 0}
.voyage-stops{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:14px 0 22px}
.voyage-stop{display:grid;place-items:center;width:35px;height:35px;padding:5px;flex-shrink:0;border:1px solid #74bfd2;border-radius:50%;background:#173e52}
.voyage-stop img{width:22px;height:22px;object-fit:contain;opacity:.45}.voyage-stop:disabled{cursor:default}
.voyage-stop.is-found{background:#71b6c5;border-color:#74bfd2;box-shadow:none;cursor:pointer}.voyage-stop.is-found img{opacity:1}
#journey-instruction{font-size:13px;padding:12px 14px 0;background:#6babbb12;border:1px solid var(--xp-border);border-bottom:0;border-radius:14px 14px 0 0}
.journey-save-row{margin:0;padding:8px 14px 12px;background:#6babbb12;border:1px solid var(--xp-border);border-top:0;border-radius:0 0 14px 14px;font-size:11px}
.discovery-voyage .game-hud{margin-top:15px}.game-primary{gap:7px}.game-primary button{font-size:11px;padding:10px 12px}.game-nav{gap:0;margin-top:10px;padding-top:5px}.game-nav button{padding:7px 8px;font-size:11px}.game-guide{font-size:11px;margin-top:8px;padding:8px 10px}.game-guide p{font-size:11px;line-height:1.7;margin:0}.game-guide button{font-size:11px}
#game-message:empty{display:none}#game-message{margin:7px 0 0;font-size:12px}
.discovery-directions{margin:0;padding:22px 24px 16px;align-self:stretch}
.discovery-section-heading{align-items:center;margin-bottom:16px;gap:12px}.discovery-section-heading h2{font-size:24px}.discovery-directions .discovery-kicker{display:none}
.discovery-choices{gap:12px}.discovery-choice{padding:10px 18px 18px;background:linear-gradient(145deg,rgba(101,177,199,.15),rgba(13,45,65,.53));border:1px solid rgba(118,195,218,.42);border-radius:16px;box-shadow:inset 0 1px 1px #c0f2ff28,0 8px 20px #00172616;min-width:0}
.discovery-choice-art,.discovery-choice img{height:110px}.discovery-choice strong{font-size:18px;padding-right:24px}.discovery-choice-label{font-size:11px;letter-spacing:.02em}.discovery-choice p{font-size:12px;line-height:1.6;margin-top:7px;padding-right:20px}
.discovery-choice-arrow{top:auto;bottom:22px;right:13px;border:1px solid var(--xp-border);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:18px;color:#cee9ef;background:#477c901c}
.discovery-choice.is-mystery{border-style:solid;background:linear-gradient(145deg,rgba(86,163,190,.13),rgba(9,38,58,.59))}.discovery-choice.is-mystery img{opacity:.8}.discovery-status-row{min-height:0}.discovery-status-row p:empty{display:none}
.journey-album{margin:0;padding:22px 24px;align-self:stretch}.journey-album .discovery-kicker{font:italic 13px var(--xp-serif);margin-bottom:4px}.journey-album h2{font-size:24px}
.discovery-book-preview{width:100%;display:flex;align-items:center;gap:25px;padding:8px 0 0;border:0;background:none;color:var(--xp-text);text-align:left;cursor:pointer;font:inherit}
.atlas-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48%;min-height:180px;border:1px solid #8dc5d58a;border-radius:13px;background:#0b3043a8;box-shadow:7px -6px 0 -1px #173e52,7px -6px 0 0 #84b8c94d,14px -12px 0 -1px #183e50,14px -12px 0 0 #84b8c940;transform:rotate(-5deg)}
.atlas-cover img{width:100%;height:135px;object-fit:contain}.atlas-cover>span{font:9px var(--xp-sans);letter-spacing:.22em;color:#9fbfc9;padding-bottom:13px}
.atlas-preview-copy{flex:1;display:flex;flex-direction:column;min-width:0;font-size:12px;color:#b6d1d8}.atlas-preview-copy>strong{font:400 36px/1.3 var(--xp-serif);color:#dcf0f1}.atlas-preview-note{border-top:1px solid var(--xp-border);margin-top:14px;padding-top:12px;line-height:1.9}.atlas-open{margin-top:13px;color:#e9dfa9;font-size:12px}
.discovery-book-preview:hover .atlas-cover{border-color:var(--xp-accent)}
.journey-book-fold{margin-top:18px}.journey-book-fold summary{font-size:11px;padding:6px 0;border:0}.journey-book{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.journey-slot{padding:6px}.journey-slot img{height:65px}.journey-slot>span:last-child{font-size:10px}.journey-stamp{margin:12px 0 0;padding:10px;font-size:11px}.journey-stamp p{font-size:11px}
.discovery-trail{grid-column:1/-1;margin:0;padding:18px 24px}.discovery-trail .discovery-section-heading{margin-bottom:10px}.discovery-trail .discovery-section-heading h2{font-size:21px}.discovery-trail-note{font-size:10px}.discovery-trail-items{gap:12px;padding:3px}.discovery-trail-item{flex:1;min-width:150px;max-width:none;background:#183d515c;border-radius:13px;padding:10px 12px;min-height:70px}.discovery-trail-item[aria-current]{border-color:#e0d19b;box-shadow:inset 0 0 0 1px #e0d19b55}.discovery-trail-item img{width:78px;height:54px;object-fit:contain}.discovery-trail-item span{font:400 13px/1.6 var(--xp-serif)}
.discovery-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0;color:#a7cbd2;font:10px/1.6 var(--xp-sans);letter-spacing:.15em}.discovery-footer a{color:#d4e5e3;text-decoration:none;font:18px var(--xp-serif)}.discovery-footer a span{font:10px var(--xp-sans);letter-spacing:.18em;margin-left:10px}.discovery-footer p{margin:0}
.discovery-copy #focus-name:focus-visible{outline:none}.discovery-book-preview:focus-visible{outline:2px solid var(--xp-accent);outline-offset:5px}.voyage-stop:focus-visible{outline:2px solid #bcecf4;outline-offset:5px}
@media(min-width:1700px){.discovery-shell{padding-top:48px;gap:22px}.discovery-hero{min-height:450px}.discovery-voyage{padding:28px 38px}.voyage-stop{width:42px;height:42px}.voyage-stops{margin:20px 0 28px}.discovery-choice-art,.discovery-choice img{height:126px}.atlas-cover{min-height:205px}.atlas-cover img{height:160px}.discovery-directions,.journey-album{padding:24px 28px}.discovery-choice p{font-size:14px}}
@media(max-width:1150px){.discovery-shell{width:calc(100% - 48px);grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:16px}.discovery-poem{display:none}.discovery-hero{grid-template-columns:minmax(0,1fr) minmax(190px,1fr);gap:12px}.discovery-art{height:310px}.discovery-art>img{width:110%}.discovery-copy h1{font-size:32px}.discovery-voyage{padding:20px}.discovery-directions,.journey-album{padding:18px}.discovery-choice{padding:8px 12px 14px}.discovery-choice-art,.discovery-choice img{height:84px}.discovery-choice strong{font-size:15px}.discovery-section-heading h2,.journey-album h2{font-size:20px}.discovery-choice-arrow{display:none}.discovery-choice p{padding-right:0}.atlas-cover{min-height:160px}.atlas-cover img{height:115px}}
@media(max-width:850px){.discovery-shell{width:calc(100% - 32px);grid-template-columns:1fr;padding-top:20px}.discovery-hero{grid-template-columns:1fr 1fr;min-height:320px}.discovery-art{height:320px}.discovery-copy h1{font-size:36px}.discovery-voyage{grid-row:3}.discovery-directions{grid-row:auto}.discovery-resume:not([hidden])~.discovery-voyage{grid-row:auto}.discovery-footer>span{display:none}.journey-album{grid-column:1}.discovery-book-preview{max-width:510px;margin:auto}.discovery-trail{grid-column:1}.voyage-stops{justify-content:space-around}.game-nav button{font-size:13px;padding:8px 12px}.game-primary button{font-size:13px}.discovery-choice-art,.discovery-choice img{height:105px}}
@media(max-width:540px){.discovery-shell{width:calc(100% - 24px);gap:14px}.discovery-ocean{background:transparent}.discovery-hero{display:flex;flex-direction:column;gap:0;min-height:0}.discovery-art{width:100%;height:260px}.discovery-art>img{width:100%;height:100%}.discovery-copy{width:100%;padding:0 12px 12px;text-align:center}.discovery-copy h1{font-size:34px}.discovery-scientific{font-size:20px}.discovery-arrival{font-size:11px}.discovery-observation{max-width:36ch;margin:15px auto 20px;font-size:14px}.discovery-profile{padding:14px 25px}.discovery-directions,.journey-album,.discovery-voyage,.discovery-trail{padding:18px 16px;border-radius:20px}.discovery-choices{grid-template-columns:1fr;gap:10px}.discovery-choice{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:10px 12px;align-items:center}.discovery-choice-art,.discovery-choice img{height:85px}.discovery-choice strong{font-size:17px}.discovery-choice p{margin:4px 0 0;font-size:12px}.discovery-choice-label{margin:0 0 3px}.discovery-section-heading h2{font-size:20px}.discovery-quiet{font-size:12px}.journey-heading h2{font-size:19px}.game-nav{flex-wrap:wrap;overflow:visible;mask-image:none;-webkit-mask-image:none}.game-nav button{font-size:12px;padding:8px}.atlas-cover{min-height:175px}.atlas-cover img{height:125px}.discovery-footer{justify-content:center;flex-wrap:wrap;gap:8px;padding:12px 0}.discovery-footer p{font-size:9px}.discovery-trail-item{min-width:180px}.discovery-trail .discovery-section-heading h2{font-size:18px}.discovery-trail-note{max-width:25ch;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.atlas-cover,.discovery-art>img{animation:none;transition:none}}
.discovery-poem{color:#eef9f7;text-shadow:0 2px 9px #002535,0 0 25px #002535}.discovery-poem span{color:#d4e7e8}
.game-primary button,.game-nav button{font-size:13px}.game-guide,.game-guide p,.game-guide button{font-size:12px}
.discovery-trail-item{max-width:280px}
.voyage-panel-heading img,.voyage-stop img{filter:brightness(2.5)}

@media(min-width:1700px){.discovery-shell{padding-top:32px;gap:18px 22px}.discovery-hero{min-height:400px}.discovery-art{height:400px}.discovery-voyage{padding:20px 32px}.voyage-panel-heading{padding-bottom:12px}.journey-panel{padding-top:14px}.voyage-stops{margin:14px 0 18px}.discovery-directions,.journey-album{padding:20px 26px}.atlas-cover{min-height:165px}.atlas-cover img{height:125px}.journey-book-fold{margin-top:12px}}

/* Light passes through the navigation and glass surfaces as one scene. */
.explorer-page .site-header .brand,.explorer-page .site-header nav a{text-shadow:0 1px 2px #00253b,0 0 8px #00253b,0 2px 14px #00253b}
.explorer-page .site-search{background:rgba(7,46,65,.25);box-shadow:inset 0 1px 1px #d8f9ff1c;backdrop-filter:blur(8px)}
.discovery-copy h1{text-shadow:0 3px 24px rgba(1,22,39,.28)}
.discovery-profile{background:linear-gradient(135deg,#f4e1a3,#dcc184);border:1px solid #f6e6b0;box-shadow:inset 0 1px 0 #fff8,0 8px 25px #061c3640}
.discovery-choice:hover{background:linear-gradient(145deg,rgba(130,214,229,.25),rgba(19,65,85,.62));box-shadow:inset 0 1px 1px #e1fcff55,0 10px 25px #00172633}
.atlas-cover{background:linear-gradient(145deg,#81cee926,#0b304378);box-shadow:inset 0 1px 1px #dcfbff66,7px -6px 0 -1px #1d516899,7px -6px 0 0 #b3e3f055,14px -12px 0 -1px #183e5066,14px -12px 0 0 #b3e3f038,0 15px 24px #00152240}
@media(max-width:540px){body.explorer-page{background-position:40% top;background-attachment:fixed}.discovery-copy{padding-bottom:20px}.discovery-voyage,.discovery-directions,.journey-album,.discovery-trail{backdrop-filter:blur(5px);background:linear-gradient(135deg,rgba(58,118,140,.4),rgba(4,31,49,.81))}}

/* The progress rail crosses each stop's center, behind its opaque circle. */
.voyage-track{position:relative;margin:20px 0 22px;padding:0 6px;isolation:isolate}
.voyage-track .voyage-stops{position:relative;z-index:1;min-height:35px;margin:0}
.voyage-track #journey-meter{position:absolute;z-index:0;left:0;top:50%;width:100%;height:4px;margin:0;transform:translateY(-50%);background:#7bc2ce;box-shadow:0 0 8px #a9e6dd66;overflow:hidden}
.voyage-track #journey-meter::-webkit-progress-bar{background:#7bc2ce}
.voyage-track #journey-meter::-webkit-progress-value{background:#efe1a7;box-shadow:0 0 7px #e9e6bd}
.voyage-track #journey-meter::-moz-progress-bar{background:#efe1a7;box-shadow:0 0 7px #e9e6bd}
@media(min-width:1700px){.voyage-track{margin:20px 0 22px}}