/* EXPLORE_EXPEDITION_ENVIRONMENT_v1
   Page-local expedition/map atmosphere. Preserves Cycle-7 cards and traversal.
*/
html[data-page="explore"]{--explore-paper:#b99b67;--explore-ink:#1b1711;--explore-route:#e6c16e;--explore-cyan:#83dbef;--explore-lens-x:66%;--explore-lens-y:41%}
html[data-page="explore"] body{position:relative;background:radial-gradient(circle at 72% 13%,rgba(227,190,112,.12),transparent 25rem),radial-gradient(circle at 18% 42%,rgba(54,104,128,.15),transparent 34rem),linear-gradient(180deg,#07111a 0%,#02060c 58%,#071018 100%)}
html[data-page="explore"] body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(213,185,125,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(213,185,125,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.22) 72%,transparent)}
html[data-page="explore"] .shell{position:relative;z-index:1}
html[data-page="explore"] .topbar{border-color:rgba(225,193,122,.24);background:linear-gradient(180deg,rgba(7,13,19,.94),rgba(7,13,19,.78));box-shadow:0 1rem 4rem rgba(0,0,0,.28)}
html[data-page="explore"] .hero{position:relative;overflow:hidden;border-color:rgba(224,189,112,.30);background:radial-gradient(circle at 14% 20%,rgba(231,197,126,.12),transparent 19rem),radial-gradient(circle at 82% 54%,rgba(57,124,143,.11),transparent 22rem),linear-gradient(145deg,rgba(13,24,31,.97),rgba(4,8,12,.99));box-shadow:0 2rem 6rem rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04)}
html[data-page="explore"] .hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(116deg,transparent 0 58%,rgba(214,181,111,.045) 58.2% 58.6%,transparent 58.8%),repeating-radial-gradient(circle at 76% 48%,transparent 0 54px,rgba(221,188,117,.055) 55px 56px,transparent 57px 82px);opacity:.8}
html[data-page="explore"] .hero>div{position:relative;z-index:3}
html[data-page="explore"] .portal-object.explore-map-object{position:relative;min-height:22rem;overflow:hidden;border-color:rgba(217,181,106,.34);background:linear-gradient(145deg,rgba(54,47,34,.96),rgba(15,20,22,.98));box-shadow:0 1.6rem 4rem rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,241,198,.03)}
html[data-page="explore"] .explore-map-object::before{content:"";position:absolute;inset:0;border:0;border-radius:inherit;background:radial-gradient(circle at 48% 52%,rgba(232,200,132,.12),transparent 48%),linear-gradient(100deg,rgba(255,255,255,.025),transparent 30%,rgba(255,255,255,.018) 66%,transparent);box-shadow:inset 0 0 4rem rgba(0,0,0,.45)}
.explore-map{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.82;filter:sepia(.32) saturate(.78) contrast(1.04)}
.explore-map .gridline{stroke:rgba(234,208,154,.16);stroke-width:1}.explore-map .contour{fill:none;stroke:rgba(227,200,142,.30);stroke-width:1.15}.explore-map .route{fill:none;stroke:rgba(247,204,111,.74);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:8 8}.explore-map .secondary{stroke:rgba(130,207,220,.44);stroke-width:1.3;stroke-dasharray:3 7}.explore-map .landmark{fill:rgba(244,213,145,.88);stroke:rgba(43,34,22,.7);stroke-width:1}.explore-map text{fill:rgba(245,222,173,.67);font:700 11px/1 system-ui;letter-spacing:.12em;text-transform:uppercase}
.explore-map-compass{position:absolute;right:1rem;top:1rem;width:4.7rem;aspect-ratio:1;border:1px solid rgba(230,198,130,.34);border-radius:50%;display:grid;place-items:center;color:rgba(246,218,158,.78);font:800 .55rem/1 system-ui;letter-spacing:.12em;transform:rotate(-7deg);box-shadow:inset 0 0 1.8rem rgba(226,188,105,.06)}
.explore-map-compass::before,.explore-map-compass::after{content:"";position:absolute;background:rgba(230,198,130,.42)}.explore-map-compass::before{width:1px;height:78%}.explore-map-compass::after{height:1px;width:78%}
.explore-map-note{position:absolute;left:1rem;bottom:.9rem;z-index:4;max-width:65%;display:grid;gap:.18rem;padding:.55rem .65rem;border-left:2px solid rgba(239,197,107,.58);background:linear-gradient(90deg,rgba(9,13,13,.78),transparent);text-shadow:0 2px 8px rgba(0,0,0,.85)}.explore-map-note strong{font:600 1.25rem/1.08 Georgia,serif;color:#fff0cf}.explore-map-note span{color:rgba(232,223,199,.68);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.explore-lens{position:absolute;left:var(--explore-lens-x);top:var(--explore-lens-y);z-index:5;width:8.8rem;aspect-ratio:1;transform:translate(-50%,-50%);border:4px solid rgba(235,207,145,.76);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.17),transparent 22%),rgba(70,112,118,.10);box-shadow:0 0 0 2px rgba(35,26,16,.74),0 1.2rem 2.4rem rgba(0,0,0,.48),inset 0 0 1.4rem rgba(124,225,240,.16);backdrop-filter:brightness(1.28) contrast(1.14) saturate(1.18);pointer-events:none;transition:left .35s ease,top .35s ease}
.explore-lens::after{content:"";position:absolute;width:5.8rem;height:1.05rem;left:78%;top:78%;transform:rotate(43deg);transform-origin:0 50%;border:2px solid rgba(218,184,117,.82);border-radius:999px;background:linear-gradient(90deg,#766041,#2a2116 72%);box-shadow:0 .5rem 1rem rgba(0,0,0,.42)}
.explore-lens-detail{position:absolute;inset:9%;border-radius:50%;overflow:hidden;border:1px solid rgba(133,230,244,.26);background:radial-gradient(circle at 57% 45%,rgba(129,226,241,.18),transparent 58%)}.explore-lens-detail::before{content:"";position:absolute;inset:-45%;background:repeating-radial-gradient(circle at 52% 51%,transparent 0 24px,rgba(122,224,239,.24) 25px 26px,transparent 27px 42px),linear-gradient(38deg,transparent 47%,rgba(243,204,116,.62) 48% 49%,transparent 50%);transform:scale(1.4) rotate(-9deg)}
html[data-page="explore"] .routes{position:relative;padding-top:.7rem}
html[data-page="explore"] .routes::before{content:"";position:absolute;z-index:-1;inset:-2rem -8vw auto;height:27rem;pointer-events:none;opacity:.26;background:radial-gradient(circle at 15% 38%,rgba(229,196,123,.12),transparent 10rem),repeating-linear-gradient(17deg,transparent 0 58px,rgba(217,186,118,.07) 59px 60px,transparent 61px 100px)}
html[data-page="explore"] .section-head h2{color:#fff0cf}
html[data-page="explore"] .route-card{border-color:rgba(217,187,124,.22);box-shadow:0 1.3rem 3.4rem rgba(0,0,0,.38)}
html[data-page="explore"] .cue{color:#9f9276}
@media(max-width:62rem){html[data-page="explore"] .portal-object.explore-map-object{min-height:20rem}.explore-lens{width:8rem}}
@media(max-width:40rem){html[data-page="explore"]{--explore-lens-x:67%;--explore-lens-y:36%}html[data-page="explore"] .hero{padding:1.05rem .75rem 1.2rem}.explore-map-note{max-width:74%}.explore-map-note strong{font-size:1.08rem}.explore-lens{width:6.9rem;border-width:3px}.explore-lens::after{width:4.7rem;height:.9rem}.explore-map-compass{width:4rem}}
@media(prefers-reduced-motion:reduce){.explore-lens{transition:none!important}.explore-map .route{stroke-dasharray:none}}