@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600,40,1;9..144,800,40,1&display=swap');
:root{--ink:#f8f2e5;--muted:#b4bbcf;--gold:#f5c879;--navy:#10182e;--card:#1b2945;--border:#ffffff25;--aqua:#8fe7df}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 5%,#33446e 0%,#111a32 44%,#0a1123 100%);color:var(--ink);font:16px 'DM Sans',sans-serif;min-height:100vh}.stars{position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#fff 1px,transparent 1px);background-size:91px 91px,157px 157px;background-position:10px 18px,55px 60px}.nav,main,footer{position:relative}.nav{z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(4vw,20px);border-bottom:1px solid var(--border);background:#0d1628d9;backdrop-filter:blur(15px);position:sticky;top:0}.wordmark{font:800 25px 'Fraunces',serif;color:white;white-space:nowrap}.wordmark em{color:var(--gold)}sup{font:10px sans-serif}.nav nav{display:flex;gap:6px;flex-wrap:wrap}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}.nav button{background:none;border:0;color:var(--ink);padding:9px}.nav nav button:hover{color:var(--gold)}.nav .nav-action,.primary{background:linear-gradient(135deg,#fbe3a5,#edac5c);color:#18213a;border:0;border-radius:30px;padding:13px 20px;font-weight:800;box-shadow:0 5px 26px #f4bd6840}.nav-action:hover,.primary:hover{transform:translateY(-2px)}main{max-width:1220px;margin:auto;padding:24px 24px 85px;min-height:75vh}.hero{min-height:600px;border:1px solid #ffffff30;border-radius:28px;background:linear-gradient(90deg,#10182de8 0%,#10182dbe 38%,#10182d25 100%),url('assets/hero.png') center/cover;display:flex;align-items:center;box-shadow:0 30px 70px #0006;overflow:hidden}.hero-copy{padding:65px 6%;max-width:710px}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:12px;letter-spacing:3px;font-weight:800}h1,h2,h3{font-family:'Fraunces',Georgia,serif}h1{font-size:clamp(48px,7vw,96px);line-height:1.04;margin:18px 0}h2{font-size:clamp(32px,4vw,55px);margin:10px 0 18px}h3{font-size:24px;margin:12px 0}p{line-height:1.7;color:var(--muted)}.hero p{font-size:19px;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.secondary{background:#ffffff15;color:white;border:1px solid #ffffff55;border-radius:30px;padding:12px 20px;font-weight:700}.secondary:hover{background:#ffffff30}.section{margin-top:64px}.section-head{max-width:800px;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile,.panel,.memo{background:linear-gradient(145deg,#263756ed,#17233be8);border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:0 12px 40px #0002}.tile{display:flex;flex-direction:column;min-height:220px;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-5px);border-color:var(--gold)}.tile .emoji{font-size:40px}.tile p{flex:1}.tile button{align-self:flex-start}.chip{font-size:12px;color:var(--aqua);font-weight:700;letter-spacing:1px;text-transform:uppercase}.back{background:none;border:0;color:var(--gold);padding:12px 0;font-weight:700}.panel{margin-top:22px}.formrow{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}input,select{background:#0d172b;color:white;border:1px solid #64718b;border-radius:12px;padding:14px;font:inherit;min-width:180px;flex:1}input::placeholder{color:#9ca9bc}.result{margin-top:22px;padding:25px;border:1px solid #f5c87966;background:linear-gradient(145deg,#3b3651,#202e43);border-radius:18px;animation:reveal .35s ease}.result h3{color:#ffe4a5}.result p{color:#e1ddec}.result strong{color:var(--gold)}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.choices{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.choice{padding:15px 20px;background:#2a3d59;border:1px solid #71809b;color:white;border-radius:14px;text-align:left}.choice:hover{border-color:var(--gold);background:#3c4d65}.maphero{padding:36px;background:radial-gradient(circle at 85% 30%,#465b89,#1b2b47 65%);border:1px solid var(--border);border-radius:24px}.passport-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stamp{text-align:center;border:1px dashed #8c98b2;border-radius:16px;padding:22px 8px;opacity:.4}.stamp.earned{opacity:1;background:#66512b50;border-color:var(--gold)}.stamp .emoji{font-size:34px}.stamp b{display:block;font-size:13px;margin-top:10px}.mini{font-size:13px}.statbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.stat{padding:12px 20px;border:1px solid var(--border);border-radius:12px;background:#ffffff0a}.stat b{color:var(--gold)}footer{border-top:1px solid var(--border);padding:25px 5%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;color:#9ea9bc;font-size:11px;letter-spacing:1px}footer button{background:none;color:#c4cbd9;border:0;text-decoration:underline}#toast{position:fixed;bottom:24px;right:24px;z-index:20;background:#f6d38c;color:#142039;border-radius:12px;padding:15px 20px;font-weight:800;box-shadow:0 12px 40px #0007;display:none;max-width:340px}.secret{color:#b5bfd5;border-bottom:1px dashed #b5bfd5;cursor:pointer}.hidden{display:none}.note{font-size:13px;color:#9faec5}.divider{height:1px;background:var(--border);margin:25px 0}.floor{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid var(--border)}.floor button{white-space:nowrap}.art{font-size:70px;text-align:center;padding:20px}.wide{grid-column:span 2}@media(max-width:800px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:space-around}.nav nav button{font-size:12px}.nav-action{display:none}.hero{min-height:540px;background:linear-gradient(0deg,#10182df2 0%,#10182d99 70%,#10182d22),url('assets/hero.png') 60% center/cover;align-items:flex-end}.hero-copy{padding:35px}.hero h1{font-size:55px}.grid{grid-template-columns:repeat(2,1fr)}.passport-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){main{padding:14px 14px 70px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.hero{min-height:530px}.hero h1{font-size:48px}.hero p{font-size:16px}.tile{min-height:180px}.formrow{flex-direction:column}.nav{padding:10px}.wordmark{font-size:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Universe expansion: environments, missions, and tactile play */
.invitation{max-width:1200px;margin:0 auto;padding:58px 28px;display:flex;gap:28px;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20}.invitation h2{font-size:clamp(30px,4vw,56px);line-height:1.1;margin:12px 0}.invitation h2 em{color:#f9d38c}.invitation p{max-width:610px}.invitation-actions{display:flex;flex-direction:column;gap:12px;min-width:220px}.home-discovery{margin-top:18px;font-size:11px;letter-spacing:.12em;color:#cbe9dd}.live-dot{display:inline-block;background:#72edba;width:8px;height:8px;border-radius:50%;box-shadow:0 0 13px #72edba;margin-right:8px}.atlas{height:560px;max-width:1150px;position:relative;overflow:hidden;margin:28px auto;border:1px solid #6e85ad77;border-radius:30px;background:radial-gradient(ellipse at 45% 45%,#315d7b 0%,#202b5d 38%,#10152e 73%,#070d20 100%);box-shadow:inset 0 0 100px #01051a,0 20px 60px #0005}.atlas:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffffb0 1px,transparent 1.5px);background-size:33px 38px;opacity:.2}.atlas-glow{position:absolute;left:22%;top:13%;width:60%;height:70%;border-radius:50%;background:radial-gradient(ellipse,#3a78a54a,transparent 70%);filter:blur(35px)}.atlas-routes,.atlas-routes svg{position:absolute;inset:0;width:100%;height:100%}.atlas-routes path{fill:none;stroke:#f6d59b;stroke-width:.35;stroke-dasharray:1.2 1;opacity:.55}.atlas-pin{position:absolute;transform:translate(-50%,-50%);background:#10233eea;border:1px solid #f9d38c88;border-radius:16px;color:#fff;min-width:100px;max-width:145px;padding:11px 7px;box-shadow:0 0 26px #f9d38c30;display:flex;align-items:center;flex-direction:column;gap:5px;cursor:pointer;transition:transform .2s,background .2s;z-index:1}.atlas-pin:hover,.atlas-pin:focus-visible{transform:translate(-50%,-50%) scale(1.12);background:#304b73}.atlas-pin span{font-size:27px}.atlas-pin small{font-size:11px;line-height:1.2;text-align:center}.atlas-caption{position:absolute;bottom:12px;left:18px;font-size:9px;letter-spacing:.14em;color:#ffffffa0}.mission{max-width:1150px;margin:24px auto 40px;border:1px solid #d8b7796b;background:linear-gradient(110deg,#283354,#1b2440);border-radius:20px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.mission h3{margin:7px 0}.mission p{margin-bottom:0}.quest-link{margin-top:20px;padding:18px;border:1px solid #f7cf8780;border-radius:15px;background:#f8d18a12}.quest-link b{color:#f7d38e}.quest-link button{margin:8px 8px 0 0}.forge input,.forge select{width:100%;margin-bottom:16px}.forge .formrow>div{flex:1}.world-result{text-align:center}.world-orb{font-size:90px;filter:drop-shadow(0 0 25px #72ccff)}.sky-board{height:380px;border-radius:20px;position:relative;margin:22px 0;background:radial-gradient(ellipse at center,#29416e,#090e27 75%);border:1px solid #5e7cb1;overflow:hidden}.sky-board:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff9 1px,transparent 1px);background-size:27px 31px;opacity:.3}.sky-board svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.star-point{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;color:#d7e7ff;font-size:27px;cursor:pointer;filter:drop-shadow(0 0 8px #b1d5ff);transition:transform .2s,color .2s}.star-point:hover,.star-point.chosen{color:#ffd48b;transform:translate(-50%,-50%) scale(1.45)}.museum-head{max-width:1100px;margin:30px auto;padding:20px}.museum-grid{max-width:1150px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.exhibit{background:linear-gradient(145deg,#26365a,#111b35);border:1px solid #9fbbda44;border-radius:18px;padding:22px;min-height:275px;display:flex;flex-direction:column}.exhibit-symbol{font-size:45px;margin-bottom:16px}.exhibit h3{margin:10px 0}.exhibit p{flex:1}.exhibit button{align-self:flex-start}.museum-head h3{font-size:30px}@media(max-width:650px){.invitation,.mission{flex-direction:column;align-items:stretch}.atlas{height:580px;border-radius:18px}.atlas-pin{min-width:75px;max-width:92px;padding:9px 4px}.atlas-pin span{font-size:22px}.atlas-pin small{font-size:9px}.atlas-caption{font-size:7px}.sky-board{height:310px}}
/* V3 — cinematic story destinations, not generic generator cards */
.v3-feature{position:relative;overflow:hidden;margin:32px auto;padding:clamp(26px,5vw,70px);max-width:1160px;border:1px solid rgba(255,217,145,.35);border-radius:28px;background:radial-gradient(circle at 88% 15%,rgba(103,89,199,.48),transparent 40%),radial-gradient(circle at 0 100%,rgba(244,154,67,.22),transparent 50%),linear-gradient(135deg,#132744,#101529);box-shadow:0 20px 80px #03081388}.v3-feature:after{content:'✦';position:absolute;right:9%;top:13%;font-size:clamp(90px,15vw,220px);color:#e5c77c16;pointer-events:none}.v3-feature h2{font-size:clamp(34px,5vw,66px);line-height:1.06;max-width:740px;margin:16px 0}.v3-feature p{max-width:670px;font-size:1.12rem;line-height:1.7}.v3-feature-note{margin-top:22px;color:#f5d49c;font-size:.72rem;letter-spacing:.14em}.exp-wrap{max-width:1050px;margin:25px auto 40px}.exp-progress{display:flex;justify-content:space-between;gap:15px;font-size:.76rem;letter-spacing:.14em;color:#f6d89f;font-weight:700}.exp-track{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0 24px}.exp-track i{height:5px;border-radius:10px;background:#ffffff25}.exp-track i.filled{background:linear-gradient(90deg,#f8b65d,#fff0af)}.exp-scene{position:relative;overflow:hidden;min-height:430px;padding:clamp(24px,5vw,65px);border:1px solid #ffffff35;border-radius:28px;background:radial-gradient(circle at 75% 15%,#514c91aa,transparent 35%),radial-gradient(circle at 12% 90%,#a04d5c55,transparent 40%),linear-gradient(145deg,#172b4b,#111a32 65%,#0c1329);box-shadow:0 25px 85px #0006}.exp-illustration{font-size:clamp(70px,11vw,140px);filter:drop-shadow(0 0 35px #ffb45465);text-align:center;line-height:1.4}.exp-scene h2{font-size:clamp(30px,5vw,58px);line-height:1.13;margin:8px 0 18px;max-width:790px}.exp-scene p{font-size:1.12rem;line-height:1.8;max-width:800px}.exp-status{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.exp-status span{padding:10px 15px;border-radius:100px;background:#ffffff13;border:1px solid #ffffff28;color:#ffe0a8;font-size:.85rem}.exp-options{display:grid;gap:12px;margin-top:24px}.exp-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 21px;text-align:left;border:1px solid #ffffff40;border-radius:14px;background:#ffffff10;color:#fff;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.exp-option:hover,.exp-option:focus-visible{transform:translateX(5px);background:#f8c77b23;border-color:#ffdb9a}.exp-option strong{flex:1;font-size:1rem}.exp-report{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:25px 0}.exp-report>div{padding:15px;background:#ffffff12;border-radius:12px}.exp-report small{display:block;color:#f6d29a;font-size:.7rem;margin-bottom:7px}.dispatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.dispatch-line{padding:15px 0;border-bottom:1px solid #ffffff2c;line-height:1.5}@media(max-width:700px){.dispatch-grid{grid-template-columns:1fr}.exp-progress{font-size:.61rem}.exp-scene{min-height:350px}.exp-option{padding:15px}}
/* V3 cinematic header restoration: preserve the complete original Daisy artwork. */
main{max-width:1440px;padding-top:18px}
.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:none;border:1px solid #f5c87955;overflow:hidden;box-shadow:0 25px 75px #0008}
.hero::before{content:"";display:block;width:100%;aspect-ratio:2 / 1;background:url('assets/hero.png') center center / contain no-repeat;background-color:#0a1022}
.hero-copy{max-width:none;width:100%;padding:25px clamp(20px,4vw,55px) 32px;background:linear-gradient(110deg,#101a34,#1a2543 65%,#2d2345);display:grid;grid-template-columns:1fr auto;gap:8px 25px;align-items:center}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p{display:none}
.hero-copy .actions{margin:0;grid-column:1 / -1;justify-content:center}
.hero-copy .home-discovery{grid-column:1 / -1;text-align:center;margin:8px 0 0}
.hero-copy .primary{font-size:18px;padding:17px 30px}
@media(max-width:800px){.hero{min-height:0;background:none;align-items:stretch}.hero::before{aspect-ratio:2 / 1;background:url('assets/hero.png') center/contain no-repeat;background-color:#0a1022}.hero-copy{padding:20px}.hero-copy h1{display:none}}
@media(max-width:540px){.hero{min-height:0}.hero-copy .actions{flex-direction:column}.hero-copy .actions button{width:100%}}
/* JUST IMAGINE — THE WONDER ENTRANCE */
:root{--gold:#ffd344;--aqua:#7ceaff}body{background:radial-gradient(ellipse at 48% 3%,#31376a 0%,#12152e 38%,#080e1d 90%)}main{max-width:1560px;padding:0 22px 90px}.nav{background:#090e22ec;border-bottom:1px solid #ffce5660;box-shadow:0 6px 40px #0009}.nav .wordmark{font-style:italic;text-shadow:0 0 24px #ffbd2d66}.hero{border:0;border-radius:0 0 30px 30px;box-shadow:0 20px 100px #050914,0 0 50px #ff9f3222;margin:0 auto;max-width:1540px}.hero::before{aspect-ratio:2/1;background-size:cover;background-position:center}.hero-copy{background:linear-gradient(90deg,#101831,#252045 55%,#101831);border-top:2px solid #ffd54c88;padding:15px 30px 19px}.hero-copy .actions{gap:15px}.hero-copy .primary{font-size:16px;padding:14px 28px}.hero-copy .home-discovery{font-size:10px;letter-spacing:2px}.wonder-intro{text-align:center;padding:70px 20px 80px;position:relative;background:radial-gradient(ellipse at center,#47336955,transparent 65%)}.wonder-intro:before{content:'✧';position:absolute;top:10px;left:12%;font-size:40px;color:#ffd45c99;animation:float 5s ease-in-out infinite}.wonder-kicker,.wonder-title>span{font-size:11px;letter-spacing:3.5px;color:#ffd963;font-weight:800}.wonder-intro h2{font-size:clamp(40px,6vw,84px);line-height:1.1;margin:20px 0;text-shadow:0 8px 30px #0009}.wonder-intro h2 i{font-weight:600;color:#ffd54d}.wonder-intro p{max-width:740px;margin:auto;font-size:18px;color:#e7dff0}.wonder-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:30px 0}.wonder-start{font-size:19px!important;padding:19px 35px!important;box-shadow:0 0 45px #ffb9006b!important}.wonder-ledger{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;color:#d5c2f4;font-size:10px;font-weight:800;letter-spacing:2px;margin-top:36px}.wonder-doors{margin:0 auto 40px;max-width:1330px;padding:35px 18px 45px;border-top:1px solid #ffdc8055}.wonder-title{text-align:center;margin-bottom:35px}.wonder-title h2{font-size:clamp(32px,4vw,56px);margin:10px 0}.wonder-title p{margin:0}.wonder-door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wonder-door{border:1px solid #ffdf9a88;border-radius:24px;min-height:270px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;text-align:left;color:white;position:relative;overflow:hidden;isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:inset 0 0 60px #0006,0 12px 35px #0006}.wonder-door:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 76% 22%,#f5b85277,transparent 40%),linear-gradient(135deg,#4b3674,#101d41 65%,#07101f)}.wonder-door:after{content:'';position:absolute;width:170px;height:170px;border:2px solid #fff6;border-radius:50%;top:10px;right:-30px;box-shadow:0 0 45px #ffd45c55,inset 0 0 50px #e8aef633;z-index:-1}.door-lab:before{background:radial-gradient(circle at 80% 18%,#3de8e6aa,transparent 45%),linear-gradient(135deg,#123e4b,#10223b 75%)}.door-portal:before{background:radial-gradient(circle at 75% 20%,#fd7e9daa,transparent 44%),linear-gradient(135deg,#552856,#151637 75%)}.door-library:before{background:radial-gradient(circle at 75% 18%,#ffbc5daa,transparent 45%),linear-gradient(135deg,#5e342c,#1c1629 75%)}.door-tower:before{background:radial-gradient(circle at 75% 18%,#ffc945aa,transparent 45%),linear-gradient(135deg,#60452c,#161b38 75%)}.door-quest:before{background:radial-gradient(circle at 75% 18%,#a681ffaa,transparent 45%),linear-gradient(135deg,#382d69,#141d39 75%)}.wonder-door:hover,.wonder-door:focus-visible{transform:translateY(-8px) scale(1.015);border-color:#ffe877;box-shadow:0 22px 60px #000b,0 0 28px #ffd45c55}.door-symbol{font-size:67px;position:absolute;top:15px;right:42px;color:#fff0b5;text-shadow:0 0 30px #ffcf6c;line-height:1}.door-name{font-family:Fraunces,Georgia,serif;font-size:27px;font-weight:800;text-shadow:0 2px 12px #000}.door-desc{font-size:13px;color:#f3e5e7;margin-top:7px}.door-arrow{margin-top:20px;color:#ffda66;font-size:11px;font-weight:900;letter-spacing:2px}.wonder-all{display:block;margin:28px auto 0;padding:13px 20px;color:#ffe2a1;background:transparent;border:1px solid #ffd16c88;border-radius:30px;font-weight:800}.wonder-directory{background:linear-gradient(180deg,#0b1025,#1b1939);padding:40px 24px;border-radius:30px}.wonder-directory .tile{background:linear-gradient(140deg,#312c55,#17253c);border-color:#ffcf6740}.wonder-lower{border-radius:25px;border:1px solid #ffcf6750;background:radial-gradient(circle at 80% 20%,#52366b,#131a32 65%)}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:850px){.wonder-door-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero::before{background-size:contain;aspect-ratio:2/1}.wonder-intro{padding:50px 14px}}@media(max-width:560px){main{padding:0 10px 70px}.hero{border-radius:0 0 18px 18px}.hero::before{aspect-ratio:2/1}.hero-copy{padding:12px}.hero-copy .actions{flex-direction:row;gap:8px}.hero-copy .actions button{font-size:12px!important;padding:12px 10px!important;width:auto;flex:1}.wonder-door-grid{grid-template-columns:1fr}.wonder-door{min-height:210px}.wonder-intro p{font-size:15px}.wonder-ledger{gap:12px}.wonder-directory{padding:22px 12px}}@media(prefers-reduced-motion:reduce){.wonder-intro:before{animation:none}}

/* V4.1: Mobile-first CEO visibility and luminous atmosphere */
@media(max-width:700px){
 .hero::before{aspect-ratio:900 / 1060!important;background-image:url('assets/hero-mobile.jpg')!important;background-position:center!important;background-size:100% 100%!important;}
 .hero{border-radius:0 0 22px 22px!important;}
 .nav{position:relative;padding:12px 14px;gap:8px;background:#131735!important;}
 .nav nav{gap:3px;justify-content:space-between;}
 .nav nav button{font-size:12px;padding:8px 5px;}
 .hero-copy{background:linear-gradient(120deg,#4a265b,#1c3473 55%,#57294d)!important;}
 .wonder-intro{background:radial-gradient(ellipse at 20% 20%,#914b99aa,transparent 65%),radial-gradient(ellipse at 90% 90%,#ee8c3d66,transparent 55%)!important;}
 .wonder-door{border-color:#ffd98d!important;box-shadow:0 10px 30px #0008, inset 0 0 55px #ffffff16!important;}
}
@media(min-width:701px){.hero::before{background-size:contain!important;background-color:#101529!important;}}

/* V5 responsive wonderworld */
:root{--gold:#ffda69;--aqua:#2cf1ee;--ink:#fff8e8;--muted:#d7eaf4}
body{background:radial-gradient(ellipse at 40% 5%,#066083 0%,#082e59 32%,#07132b 75%,#060d20 100%)}
.nav{background:#061b35f2!important;border-bottom:2px solid #e9b74c!important}
.nav .wordmark{color:#ffe18a!important}.nav nav button{color:#f5f9ff!important}
main{padding:0 0 75px!important;max-width:1700px!important}
.world-entrance{position:relative;width:100%;overflow:hidden;background:#07162c;box-shadow:0 20px 75px #0008}
.world-entrance picture,.world-entrance img{display:block;width:100%;height:auto}
.world-hotspots{position:absolute;inset:0}
.world-hotspots button{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:translate(-50%,-50%);background:transparent;border:2px solid transparent;border-radius:20px;cursor:pointer}
.world-hotspots button:hover,.world-hotspots button:focus-visible{border-color:#ffe084;box-shadow:0 0 26px #ffcb63,inset 0 0 28px #ffe27c66;background:#ffe08b13;outline:none}
.mobile-hotspots{display:none}
.v5-doors{max-width:1370px;margin:0 auto;padding:55px 24px 70px;text-align:center;background:radial-gradient(ellipse at 50% 5%,#0c647d55,transparent 65%)}
.v5-kicker{font-size:12px;color:#ffe08c;font-weight:800;letter-spacing:3px}
.v5-doors h2{font-size:clamp(32px,4vw,60px);color:#fff3cf;text-shadow:0 3px 20px #000;margin:14px 0}
.v5-doors>p{max-width:760px;margin:0 auto 32px;color:#e6f8ff}
.v5-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v5-door{position:relative;display:flex;flex-direction:column;min-height:280px;overflow:hidden;padding:0;text-align:left;color:white;border:2px solid #d7b65f;border-radius:20px;background:#102747;box-shadow:0 14px 35px #0008;transition:transform .2s,box-shadow .2s}
.v5-door:hover,.v5-door:focus-visible{transform:translateY(-6px);box-shadow:0 0 35px #36dbe877,0 20px 45px #0009;border-color:#fce78e}
.v5-art{flex:1;min-height:170px;background-image:url('assets/wonder-desktop.png');background-size:600% auto;background-position:var(--pos) 79%;filter:saturate(1.18)}
.v5-door.atlas{--pos:1%}.v5-door.lab{--pos:21%}.v5-door.portal{--pos:41%}.v5-door.library{--pos:61%}.v5-door.tower{--pos:81%}.v5-door.quest{--pos:99%}
.v5-info{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:linear-gradient(120deg,#052e48,#091c3d)}
.v5-info strong{font:800 24px Fraunces,Georgia,serif;color:#ffe29a}.v5-info small{font-size:13px;color:#d6f9fc}.v5-info b{font-size:11px;letter-spacing:2px;color:#4bf1e8;margin-top:8px}
.v5-more{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.invitation,.section{max-width:1200px;margin-left:auto;margin-right:auto}.invitation{margin-top:35px}
.panel,.tile,.memo{background:linear-gradient(145deg,#075574d9,#0b294be8)!important;border-color:#4dcbd766!important}
.maph ero{background:#0b4867}
@media(max-width:700px){.desktop-hotspots{display:none}.mobile-hotspots{display:block}.nav{position:relative}.nav nav{display:flex}.nav nav button{font-size:12px}.world-entrance{border-radius:0}.v5-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v5-doors{padding:35px 13px}.v5-door{min-height:230px}.v5-art{min-height:125px}.v5-info{padding:12px}.v5-info strong{font-size:19px}.v5-info small{font-size:12px}}
@media(max-width:430px){.nav .wordmark{font-size:20px}.nav nav button{font-size:11px;padding:7px 4px}.v5-grid{grid-template-columns:1fr}.v5-door{min-height:230px}.v5-art{min-height:155px}.v5-info strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.v5-door{transition:none}}
/* V5.1: compact phone navigation, artwork visible immediately */
@media(max-width:700px){
 .nav{display:flex!important;flex-wrap:nowrap!important;min-height:64px;align-items:center!important;padding:10px 14px!important;gap:8px!important;position:relative!important}
 .nav .wordmark{font-size:clamp(19px,5.5vw,26px)!important;line-height:1.1;white-space:nowrap}
 .nav nav{display:flex!important;order:initial!important;width:auto!important;margin-left:auto;justify-content:flex-end!important;gap:2px!important}
 .nav nav button{display:none!important}
 .nav nav button[data-go="map"]{display:block!important;border:1px solid #e9b74c80!important;border-radius:24px!important;padding:9px 13px!important;font-size:13px!important;background:#093f55!important;color:#fff2bd!important}
 .nav-action{display:none!important}
 .world-entrance img{display:block!important;width:100%!important;height:auto!important}
 .world-hotspots button{touch-action:manipulation}
}

body.at-home{background:#03152a!important}body.at-home .nav,body.at-home .stars{display:none!important}body.at-home #app{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}body.at-home footer{background:#03152a!important}.dream-stage{position:relative;width:100%;overflow:hidden;background:#03152a}.dream-stage picture,.dream-stage img{display:block;width:100%;height:auto}.dream-stage img{object-fit:contain}.dream-hits{position:absolute;inset:0}.dream-hits button{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;border-radius:20px;transition:background .2s,box-shadow .2s}.dream-hits button:hover,.dream-hits button:focus-visible{background:rgba(10,243,249,.13);box-shadow:inset 0 0 0 3px #ffe098,0 0 28px #00edff;outline:none}.dream-mobile{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.dream-explore{padding:54px clamp(18px,5vw,90px) 80px;background:radial-gradient(ellipse at 50% 0,#075875 0,#04223f 40%,#031226 100%);color:#fff}.dream-heading{text-align:center;max-width:760px;margin:auto auto 34px}.dream-heading>span{color:#f7c868;letter-spacing:.22em;font-size:12px}.dream-heading h2{font-size:clamp(30px,4vw,52px);color:#ffe5a1;margin:12px 0}.dream-heading p{font-size:17px;color:#d2eaf4}.dream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin:auto}.dream-door{border:2px solid #a98543;border-radius:22px;overflow:hidden;background:linear-gradient(#073955,#061a34);color:#fff;text-align:left;padding:0 0 18px;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 12px 35px #0008;transition:transform .2s,box-shadow .2s}.dream-door:hover{transform:translateY(-5px);box-shadow:0 0 26px #08e7ff77}.dream-door-art{display:block;width:100%;aspect-ratio:2.2;background-image:url('assets/wonder-desktop.png');background-size:600% auto;background-position:var(--pos) 95%;border-bottom:2px solid #dba950}.dream-door strong{font-size:clamp(20px,2vw,27px);color:#ffe3a0;padding:14px 18px 3px}.dream-door small{font-size:15px;color:#cbe9f4;padding:0 18px}.dream-arrow{margin:14px 18px 0;color:#f6cb74;font-weight:700}.dream-other{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:36px auto}.dream-other button{padding:14px 22px;border:1px solid #f6c76e;border-radius:50px;background:#07506a;color:#fff;font-weight:700;cursor:pointer}@media(max-width:700px){.dream-desktop{display:none}.dream-mobile{display:block}.dream-explore{padding:36px 16px 60px}.dream-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dream-door strong{font-size:19px;padding:10px 12px 3px}.dream-door small{font-size:13px;padding:0 12px}.dream-arrow{margin:9px 12px 0}.dream-door-art{aspect-ratio:1.3}.dream-heading p{font-size:15px}}@media(max-width:390px){.dream-grid{grid-template-columns:1fr}}

/* V7 cinematic interiors — responsive and usable without motion. */
body:not(.at-home){background:radial-gradient(ellipse at 50% 0%,#08546b 0,#062b4b 32%,#031326 85%)!important}
body:not(.at-home) #app{max-width:1320px;width:100%;padding:0 18px 70px;margin:auto}
.realm-scene{position:relative;isolation:isolate;overflow:hidden;min-height:530px;margin:14px 0 30px;border:2px solid #e3b963;border-radius:26px;background:radial-gradient(ellipse at 53% 65%,#0b809b 0%,#07557b 35%,#07264c 70%,#031326 100%);box-shadow:0 0 50px #08c8e530, inset 0 0 60px #041a3c;color:#fff}
.realm-scene:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 74% 22%,#ffde8450,transparent 21%),radial-gradient(circle at 25% 55%,#00d8eb33,transparent 36%);pointer-events:none}
.realm-sky{position:absolute;inset:0;overflow:hidden}.realm-orbit{position:absolute;right:8%;top:9%;width:170px;height:170px;border:2px solid #ffe2a877;border-radius:50%;box-shadow:0 0 50px #ffcf6c50;transform:rotate(-24deg)}.realm-stars{position:absolute;right:10%;top:12%;font-size:36px;color:#ffe9b4;letter-spacing:45px;text-shadow:0 0 18px #f8c36a}
.realm-illustration{position:absolute;right:0;bottom:-7px;width:77%;max-width:950px;opacity:.92;filter:drop-shadow(0 0 28px #00d5e855);pointer-events:none}.realm-illustration svg{width:100%;height:auto;display:block}
.realm-overlay{position:relative;z-index:1;padding:30px clamp(22px,5vw,65px);max-width:760px;text-shadow:0 2px 15px #00182c}.realm-return{background:#041b35cc!important;border:1px solid #e6c57c!important;color:#fff3cc!important;border-radius:30px!important;padding:10px 18px!important;margin-bottom:62px;cursor:pointer}.realm-kicker{font-size:12px;letter-spacing:.25em;font-weight:800;color:#ffdc83}.realm-overlay h1{font-family:Georgia,serif;font-size:clamp(39px,5.5vw,76px);line-height:1.04;max-width:690px;color:#ffe2a0;margin:15px 0;text-shadow:0 4px 18px #001126}.realm-overlay p{max-width:540px;font-size:clamp(17px,2vw,22px);color:#f2fbff;line-height:1.5}.realm-portals{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.realm-portals button{padding:13px 18px;border-radius:30px;border:1px solid #f3cf83;background:#073852e8;color:#ffe7ac;font-weight:700;cursor:pointer;box-shadow:0 0 16px #00e7ff25}.realm-portals button:hover,.realm-portals button:focus-visible{background:#0b6b82;box-shadow:0 0 24px #00ecff88}.realm-scroll{position:absolute;bottom:18px;left:28px;z-index:2;color:#fff4c9;letter-spacing:.13em;font-size:11px}
body:not(.at-home) #app .panel,body:not(.at-home) #app .tile,body:not(.at-home) #app .result{background:linear-gradient(145deg,#093c56eF,#05243eF5)!important;border:1px solid #bfa36c88!important;box-shadow:inset 0 1px #d7faff22,0 12px 36px #001b2a55;border-radius:22px!important}
body:not(.at-home) #app .section-head{background:linear-gradient(90deg,#0a596d77,transparent);border-left:4px solid #e8c16b;padding:20px 24px;border-radius:12px}body:not(.at-home) #app h2,body:not(.at-home) #app h3{color:#ffe1a1}body:not(.at-home) #app .primary{background:linear-gradient(125deg,#ffedac,#e9b457)!important;color:#072b3f!important;border-radius:40px!important;font-weight:800}body:not(.at-home) #app .secondary{border:1px solid #e8c77e!important;border-radius:30px!important}
.prototype-stage{margin:20px 0;padding:16px;border-radius:20px;background:#05263c;border:2px solid #e8c16b;overflow:hidden}.proto-caption{font-size:12px;letter-spacing:.1em;color:#ffe5aa}.proto-sky{height:240px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#2277ac,#052040 68%);border-radius:12px;margin:10px 0}.proto-sky:before{content:'✦   ·    ✧      ·    ✦       ✧';position:absolute;left:5%;top:15%;color:#fff3bb;letter-spacing:18px}.proto-craft{position:absolute;left:40%;bottom:25px;display:flex;flex-direction:column;align-items:center;transform:rotate(-10deg);z-index:2}.proto-thing{font-size:85px;filter:drop-shadow(0 0 12px #6deaff)}.proto-flame{font-size:40px;transform:rotate(180deg);opacity:0}.proto-ground{position:absolute;bottom:0;width:100%;height:23px;background:linear-gradient(90deg,#1a8e7b,#63d7b5,#1a8e7b)}.proto-moon{position:absolute;right:13%;top:20%;font-size:60px;color:#ffdf8a}.proto-launch{background:#ffd778;color:#082940;border:0;border-radius:30px;padding:12px 20px;font-weight:800;cursor:pointer}.proto-status{color:#d9f6fc;font-size:14px}.launched .proto-craft{animation:blastoff 2.4s ease-in forwards}.launched .proto-flame{opacity:1}@keyframes blastoff{0%{transform:translate(0,0) rotate(-10deg)}35%{transform:translate(55px,-50px) rotate(15deg)}100%{transform:translate(270px,-370px) rotate(35deg)}}
@media(max-width:700px){body:not(.at-home) #app{padding:0 10px 50px}.realm-scene{min-height:570px;margin:8px 0 20px;border-radius:18px}.realm-overlay{padding:19px}.realm-return{margin-bottom:42px}.realm-overlay h1{font-size:clamp(34px,9vw,49px)}.realm-overlay p{font-size:17px}.realm-illustration{width:130%;right:-25%;bottom:28px;opacity:.68}.realm-portals{gap:8px}.realm-portals button{padding:11px;font-size:13px}.realm-scroll{bottom:12px;left:18px}.realm-orbit{right:-15%;top:6%;width:125px;height:125px}.proto-sky{height:210px}}
@media(prefers-reduced-motion:reduce){.launched .proto-craft{animation:none;transform:translate(130px,-90px) rotate(25deg)}}

/* V8: scenic scrolling universe, no cropped letter fragments */
body.at-home .dream-explore{position:relative;isolation:isolate;overflow:hidden;padding:0 0 75px;background:linear-gradient(180deg,#05263e 0%,#095a75 14%,#0a6072 27%,#07545c 43%,#073e4d 58%,#09283f 78%,#061a30 100%);}
body.at-home .dream-heading{position:relative;z-index:2;padding:62px 20px 26px;margin:0 auto 30px;max-width:800px}
body.at-home .dream-heading h2{color:#ffe5a0;text-shadow:0 4px 24px #001f38}
.v8-sky{position:absolute;inset:0 0 auto;height:880px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 12%,#3dcdd44a,transparent 42%),radial-gradient(ellipse at 12% 48%,#8efbd244,transparent 25%),radial-gradient(ellipse at 87% 44%,#56b3ff55,transparent 32%)}
.v8-moon{position:absolute;top:70px;right:9%;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff9ca,#f6c46d 65%,#f0a53e);box-shadow:0 0 65px 24px #f6d48166}
.v8-star{position:absolute;width:7px;height:7px;transform:rotate(45deg);background:#fff5ba;box-shadow:0 0 16px 5px #f8e3a7;animation:v8twinkle 4s ease-in-out infinite}.v8-star.a{top:160px;left:12%}.v8-star.b{top:330px;left:81%;animation-delay:1.2s}.v8-star.c{top:540px;left:34%;animation-delay:2s}
.v8-island{position:absolute;top:260px;left:-4%;width:25%;height:110px;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,#62b87a 0 22%,#296d68 23% 40%,#234254 40%);box-shadow:0 20px 35px #001b3d88,0 0 55px #80f6e144;transform:rotate(-8deg)}.v8-island:after{content:'';position:absolute;top:75px;left:38%;border-left:28px solid transparent;border-right:28px solid transparent;border-top:100px solid #244255}.v8-island.two{left:auto;right:-5%;top:460px;width:20%;transform:rotate(7deg)}
.v8-trail{position:relative;z-index:2;padding:35px clamp(16px,4vw,65px) 90px;background:radial-gradient(ellipse at 50% 55%,#17b7a633,transparent 64%)}
.v8-trail:before{content:'';position:absolute;z-index:-1;inset:70px 0 0;background:repeating-linear-gradient(120deg,transparent 0 115px,#f7e6a30a 116px 119px,transparent 120px 245px),linear-gradient(transparent 76%,#0a3544 100%)}
.v8-trail-label{text-align:center;margin:0 auto 30px;color:#fff6d6}.v8-trail-label span,.v8-eyebrow{color:#ffe49b;letter-spacing:.18em;font-size:11px;font-weight:800}.v8-trail-label h3{font-family:Georgia,serif;font-size:clamp(26px,4vw,44px);margin:8px 0}.v8-trail-label p{margin:0;color:#d5f9ef}
body.at-home .dream-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.5vw,32px);max-width:1240px}
body.at-home .dream-door.v8-door{position:relative;min-height:345px;border:2px solid #e9c078;border-radius:44% 44% 18px 18px / 20% 20% 18px 18px;background:linear-gradient(180deg,#185477,#04223b);box-shadow:0 15px 36px #001e34bd,inset 0 0 30px #ffdf8233,0 0 18px #f3c96a33;overflow:hidden}
body.at-home .dream-door.v8-door:hover,body.at-home .dream-door.v8-door:focus-visible{transform:translateY(-8px);box-shadow:0 20px 45px #001528,0 0 30px #64f9ed88}
.v8-door-art{position:relative;display:grid;place-items:center;flex:1;min-height:205px;width:100%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#9bf6ffcc 0%,#30b4d6aa 19%,transparent 45%),linear-gradient(180deg,#06274c,#168b8b 66%,#06394a);border-bottom:3px solid #eac377}
.v8-door-art:before{content:'';position:absolute;inset:12px 17px;border:5px double #f7d38d;border-radius:48% 48% 12px 12px / 44% 44% 12px 12px;box-shadow:inset 0 0 28px #ffde9c77,0 0 14px #ffd77b66}
.v8-door-art:after{content:'';position:absolute;bottom:-25px;left:-10%;width:120%;height:70px;background:radial-gradient(ellipse at center,#2ca88d,#07544d 70%);border-radius:50%}
.v8-art-symbol{font-size:105px;color:#fff2b3;text-shadow:0 0 16px #fff0a8,0 0 44px #12efff;transform:translateY(-5px);z-index:1}
.v8-invent .v8-door-art{background:radial-gradient(circle at 50% 42%,#ffe4a3,#f18e34 22%,transparent 51%),linear-gradient(#422f55,#0a3953)}
.v8-portal .v8-door-art{background:radial-gradient(circle at 50% 45%,#b8faff,#5276ee 22%,transparent 52%),linear-gradient(#122354,#0d697c)}
.v8-library .v8-door-art{background:radial-gradient(circle at 50% 40%,#ffe0a6,#b77d32 22%,transparent 50%),linear-gradient(#41354d,#17424e)}
.v8-tower .v8-door-art{background:radial-gradient(circle at 50% 40%,#ffe2a3,#dba54a 22%,transparent 51%),linear-gradient(#174e66,#10434c)}
.v8-expedition .v8-door-art{background:radial-gradient(circle at 50% 40%,#e0ffb3,#4dc27e 22%,transparent 52%),linear-gradient(#17475d,#155844)}
body.at-home .dream-door.v8-door strong{padding-top:16px}body.at-home .dream-door.v8-door small{padding-bottom:6px}
.v8-river{position:relative;height:170px;background:repeating-linear-gradient(175deg,#8ff9e422 0 4px,transparent 5px 20px),linear-gradient(180deg,#0a6e78,#073c61 70%,#072b4d);box-shadow:inset 0 20px 40px #05364d}
.v8-bridge{position:absolute;left:12%;right:12%;top:34px;height:66px;border-radius:50% 50% 0 0;border-top:17px solid #e2b974;box-shadow:0 -6px 20px #ffd28b77}
.v8-hidden{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1100px;margin:65px auto 30px;padding:36px clamp(20px,5vw,60px);border:2px solid #f0c977;border-radius:32px;background:radial-gradient(circle at 85% 25%,#3ec4b066,transparent 40%),linear-gradient(120deg,#0a3952,#12334d);box-shadow:0 0 70px #28b9ad44,0 20px 50px #00192b}
.v8-hidden h3{font-family:Georgia,serif;font-size:clamp(26px,4vw,46px);color:#ffe3a2;margin:14px 0}.v8-hidden p{color:#e3f6f4;max-width:640px;line-height:1.6}.v8-hidden button{padding:13px 21px;background:#f7d58c;color:#102c3e;border:0;border-radius:28px;font-weight:800;cursor:pointer}.v8-seal{font-size:clamp(80px,13vw,155px);filter:drop-shadow(0 0 28px #ffe2a2)}
body.at-home .dream-other{position:relative;z-index:2;margin:40px auto 0}body.at-home .dream-other button{background:linear-gradient(130deg,#167b80,#063a58);box-shadow:0 0 18px #3de8d344}
@keyframes v8twinkle{50%{opacity:.3;transform:scale(.6) rotate(45deg)}}
@media(max-width:800px){body.at-home .dream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-island{opacity:.5}.v8-door-art{min-height:155px}.v8-art-symbol{font-size:76px}body.at-home .dream-door.v8-door{min-height:300px}}
@media(max-width:520px){body.at-home .dream-heading{padding:40px 16px 12px;margin-bottom:15px}body.at-home .dream-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.at-home .dream-door.v8-door{min-height:235px;border-radius:40% 40% 17px 17px / 16% 16% 17px 17px}.v8-door-art{min-height:126px}.v8-art-symbol{font-size:62px}body.at-home .dream-door.v8-door strong{font-size:17px;padding:11px 10px 3px}body.at-home .dream-door.v8-door small{font-size:12px;padding:0 10px}.dream-arrow{font-size:12px;margin:8px 10px 13px}.v8-trail{padding:24px 13px 50px}.v8-river{height:100px}.v8-hidden{margin:35px 14px 15px;padding:26px 20px}.v8-seal{display:none}.v8-moon{width:65px;height:65px;right:5%}}
@media(prefers-reduced-motion:reduce){.v8-star{animation:none}}

/* V9: scenery continues after the entrance; real illustrated scenes, not glyph placeholders. */
body.at-home .dream-explore.v9-world{background:linear-gradient(180deg,#063759 0%,#126a79 13%,#1b7d78 28%,#0e635c 46%,#064e63 66%,#06263c 100%);}
body.at-home .v9-world:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 9%,#a5f9e45c,transparent 28%),radial-gradient(ellipse at 85% 25%,#f5cb7945,transparent 27%),radial-gradient(ellipse at 46% 60%,#5cd6bc30,transparent 45%),repeating-linear-gradient(172deg,transparent 0 175px,#a8ffdf0d 177px 180px,transparent 182px 300px)}
.v9-overlook{height:clamp(135px,23vw,300px);position:relative;overflow:hidden;pointer-events:none;margin-top:-15px;background:linear-gradient(180deg,transparent 0%,#49d4ce35 45%,#09606b 100%)}
.v9-overlook:before{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:67%;background:linear-gradient(160deg,#268e77,#12546b);clip-path:polygon(0 60%,12% 30%,24% 52%,38% 12%,49% 44%,64% 18%,78% 49%,90% 20%,100% 50%,100% 100%,0 100%)}
.v9-overlook:after{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:27%;background:linear-gradient(180deg,#4cbba2,#0b6e75);clip-path:polygon(0 55%,16% 15%,34% 66%,52% 25%,70% 57%,87% 12%,100% 60%,100% 100%,0 100%)}
.v9-castle{position:absolute;left:22%;bottom:30%;font-size:clamp(60px,12vw,165px);color:#f3d38a;text-shadow:0 0 30px #ffe5a2,0 12px 5px #07465c;z-index:1}
.v9-waterfall{position:absolute;left:36%;top:39%;height:65%;width:7%;background:linear-gradient(90deg,#8deaff,#e7ffff,#47c6ef);filter:drop-shadow(0 0 15px #72edff);opacity:.85;transform:skew(-5deg)}
.v9-cloud{position:absolute;top:12%;left:8%;width:25%;height:28px;background:#b2f5ef77;border-radius:50%;filter:blur(15px);animation:v9drift 12s ease-in-out infinite alternate}.v9-cloud.cloud-b{left:67%;top:25%;animation-delay:-6s}
body.at-home .v9-world .v8-trail{background:radial-gradient(ellipse at 50% 30%,#d7e9a51e,transparent 55%)}
body.at-home .v9-world .dream-grid{gap:clamp(16px,2.5vw,30px)}
body.at-home .v9-world .dream-door.v8-door{border:3px solid #efc779;background:linear-gradient(180deg,#0e5a68,#06283e);box-shadow:0 16px 28px #002436b8,0 0 19px #ffdf8b45,inset 0 0 17px #ffdc7e44}
body.at-home .v9-world .v8-door-art{padding:0;display:block;background:#06415a;min-height:0;aspect-ratio:320/210}
body.at-home .v9-world .v8-door-art svg{display:block;width:100%;height:100%;filter:saturate(1.2)}
body.at-home .v9-world .v8-door-art:before{z-index:1;inset:5px;border:4px solid #ffe3a3;border-radius:44% 44% 9px 9px / 30% 30% 9px 9px;box-shadow:inset 0 0 20px #f9d99577,0 0 14px #f9d99577;pointer-events:none}
body.at-home .v9-world .v8-door-art:after{display:none}
body.at-home .v9-world .dream-door.v8-door strong{color:#ffe6a4;font-family:Georgia,serif;font-size:clamp(19px,2.1vw,29px);text-shadow:0 2px 9px #001e2e}
body.at-home .v9-world .dream-door.v8-door small{color:#e7f9ee}
body.at-home .v9-world .v8-hidden{background:radial-gradient(circle at 80% 0,#44b99b70,transparent 40%),linear-gradient(120deg,#145d5d,#07364e);border-color:#f6d48a}
body.at-home .v9-world .v8-river{background:repeating-linear-gradient(173deg,#a1ffec30 0 3px,transparent 5px 22px),linear-gradient(180deg,#0a8a89,#074466)}
body.at-home .v9-world .v8-trail:before{background:radial-gradient(ellipse at 15% 75%,#72d88a4d,transparent 30%),radial-gradient(ellipse at 85% 45%,#81f3d54a,transparent 27%)}
@keyframes v9drift{to{transform:translateX(40px);opacity:.35}}
@media(max-width:520px){.v9-overlook{height:155px}.v9-castle{left:20%;bottom:27%}body.at-home .v9-world .v8-door-art{aspect-ratio:320/230}body.at-home .v9-world .dream-door.v8-door{min-height:0}body.at-home .v9-world .dream-door.v8-door strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.v9-cloud{animation:none}}

/* V10 replaces the flat-scene duplicate with a single illustrated destination hub. */
body.v10-home{background:#061c31}
body.v10-home .dream-stage{margin-bottom:0}
.v10-afterworld{position:relative;overflow:hidden;isolation:isolate;min-height:400px;display:flex;justify-content:center;align-items:center;padding:90px 22px 110px;background:radial-gradient(ellipse at 50% 0%,#18a7aa6b,transparent 52%),linear-gradient(180deg,#053c57 0%,#062e48 38%,#041629 100%);border-top:3px solid #f6d88b}
.v10-afterworld:before{content:'';position:absolute;inset:0;z-index:-2;background-image:url('assets/wonder-desktop.png');background-size:cover;background-position:center 62%;opacity:.22;filter:saturate(1.3) blur(5px);transform:scale(1.04)}
.v10-afterworld:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#052f4a88,#051a2ddd 85%),radial-gradient(ellipse at 50% 80%,#008e8d55,transparent 58%)}
.v10-mist{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 55%,#0ed6b022,transparent 35%),radial-gradient(ellipse at 90% 45%,#32c8f02a,transparent 35%)}
.v10-message{max-width:790px;text-align:center;position:relative;z-index:1;text-shadow:0 2px 12px #001727}
.v10-kicker{color:#ffdf92;letter-spacing:.21em;font-size:12px;font-weight:800}
.v10-message h2{font-family:Georgia,serif;font-size:clamp(34px,5.5vw,68px);line-height:1.08;color:#ffe3a4;margin:20px 0}.v10-message h2 em{color:#fff9dc}
.v10-message p{max-width:650px;margin:0 auto 26px;font-size:clamp(16px,1.6vw,20px);line-height:1.7;color:#e2f7f1}
.v10-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.v10-actions button,.v10-mobile-more button{border:1px solid #f5d48a;background:linear-gradient(135deg,#096f77,#06344f);color:#fff2c9;border-radius:999px;padding:14px 22px;font-weight:750;cursor:pointer;box-shadow:inset 0 0 12px #e9bd6333,0 0 22px #18a9ae33}
.v10-actions button:hover,.v10-actions button:focus-visible,.v10-mobile-more button:focus-visible{background:#157f85;outline:2px solid #ffe8ab;outline-offset:3px}
.v10-mobile-more{display:none}
body.v10-home footer{border-top:1px solid #d7ac634f;background:#041629}
@media(max-width:700px){.v10-afterworld{min-height:440px;padding:48px 17px 65px;display:block}.v10-afterworld:before{background-image:url('assets/wonder-mobile.png');background-position:center 85%;opacity:.18}.v10-message h2{font-size:clamp(30px,8vw,45px)}.v10-message p{font-size:15px}.v10-actions button{padding:12px 17px;font-size:13px}.v10-mobile-more{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:36px auto 0;max-width:420px}.v10-mobile-more span{width:100%;text-align:center;color:#ffe0a1;letter-spacing:.15em;font-size:10px;font-weight:800;margin-bottom:5px}.v10-mobile-more button{font-size:12px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.v10-afterworld *{animation:none!important;transition:none!important}}

/* V12: cinematic illustration rather than CSS geometry. */
.v12-world{background:radial-gradient(ellipse at center,#096c86 0%,#032943 55%,#031329 100%);padding:0;overflow:hidden;border-top:3px solid #d6a557;position:relative}
.v12-art{position:relative;width:min(100%,1080px);margin:0 auto;line-height:0;box-shadow:0 0 90px #001020a0}
.v12-art img{display:block;width:100%;height:auto;user-select:none}
.v12-door{position:absolute;border:0;background:transparent;color:transparent;cursor:pointer;border-radius:18px;transition:box-shadow .2s,background .2s,transform .2s;touch-action:manipulation}
.v12-door span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v12-door:hover,.v12-door:focus-visible{background:#e9cd5920;box-shadow:0 0 0 3px #ffdf89,0 0 28px #ffd978;outline:0;transform:scale(1.01)}
/* Coordinates match the illustration and remain proportional at every width. */
.v12-continue{left:13%;top:25%;width:34%;height:27%}
.v12-passport{left:54%;top:25%;width:34%;height:27%}
.v12-library{left:2%;top:60%;width:31%;height:34%}
.v12-tower{left:34%;top:60%;width:32%;height:34%}
.v12-expedition{left:67%;top:60%;width:31%;height:34%}
@media(max-width:700px){.v12-world{border-top-width:2px}.v12-door{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.v12-door{transition:none}}

/* V17: art-first interior only. Original homepage remains unchanged. */
body:not(.at-home){background:#03192a!important}
body:not(.at-home) .nav{padding:9px 14px!important;min-height:58px!important;height:auto!important;display:flex!important;align-items:center!important;gap:12px!important;background:#04192b!important;border-bottom:2px solid #e0b65f!important}
body:not(.at-home) .wordmark{font:italic bold clamp(22px,4vw,35px) Georgia,serif!important;color:#ffdc85!important;background:none!important;text-shadow:0 2px 10px #c5852b!important;white-space:nowrap!important;max-width:none!important}
body:not(.at-home) .nav nav{margin-left:auto!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important}
body:not(.at-home) .nav-action{display:none!important}
body:not(.at-home) #app{padding:0 0 35px!important;background:linear-gradient(180deg,#052c3d,#031b2e)!important;min-height:90vh}
body:not(.at-home) #app>.section-head,body:not(.at-home) #app>.back{display:none!important}
body:not(.at-home) .v17-stage{display:block!important;margin:0!important;padding:0!important;border:0!important;background:#03182b!important}
body:not(.at-home) .v17-art{height:clamp(360px,49vw,690px);position:relative;overflow:hidden;background:#042c42}
body:not(.at-home) .v17-art>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.08)}
body:not(.at-home) .v17-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#031a2b33 0%,transparent 35%,#03152333 53%,#021624e8 100%)}
body:not(.at-home) .v17-back{position:absolute;top:16px;left:16px;z-index:2;border:1px solid #f2d18c!important;background:#03263ddc!important;color:#ffe8b4!important;border-radius:30px!important;padding:9px 15px!important;font-size:13px!important}
body:not(.at-home) .v17-title{position:absolute;bottom:24px;left:clamp(18px,5vw,80px);right:20px;z-index:2;color:#fff0c4!important;text-shadow:0 3px 15px #00111d}
body:not(.at-home) .v17-title>span{font:700 11px sans-serif;letter-spacing:.18em;color:#ffe2a1}
body:not(.at-home) .v17-title h1{font:700 clamp(34px,5.4vw,72px)/1.04 Georgia,serif!important;color:#ffe1a0!important;max-width:850px;margin:8px 0!important;text-transform:none!important}
body:not(.at-home) .v17-title p{font-size:clamp(15px,2vw,23px)!important;color:#f7f1dc!important;margin:8px 0!important}
body:not(.at-home) .v17-invite{padding:16px 20px 20px;background:linear-gradient(110deg,#074b50,#05283f);border-top:3px solid #e2b95e;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#f3d794;font-size:11px;letter-spacing:.12em;font-weight:700}
body:not(.at-home) .v17-jump{background:#eac16c!important;color:#052b3d!important;border:0!important;border-radius:30px!important;padding:10px 17px!important;letter-spacing:0;font-weight:800}
body:not(.at-home) #app>.panel,body:not(.at-home) #app>.section{max-width:1050px!important;margin:24px auto!important;border:1px solid #d3b26e!important;background:linear-gradient(135deg,#073c4c,#041e34)!important;border-radius:18px!important;padding:clamp(18px,3vw,32px)!important}
body:not(.at-home) #app .primary{background:linear-gradient(120deg,#ffe4a1,#dba64b)!important;color:#06283a!important;border-radius:30px!important}
@media(max-width:700px){
 body:not(.at-home) .nav{padding:8px 10px!important;min-height:54px!important}
 body:not(.at-home) .wordmark{font-size:clamp(19px,5.5vw,27px)!important;max-width:55vw!important}
 body:not(.at-home) .nav nav button:first-child,body:not(.at-home) .nav nav button:last-child{display:none!important}
 body:not(.at-home) .nav nav button{font-size:12px!important;padding:7px 3px!important}
 body:not(.at-home) .v17-art{height:clamp(390px,108vw,560px)}
 body:not(.at-home) .v17-art>img{object-position:50% center!important}
 body:not(.at-home) .v17-title{left:17px;right:14px;bottom:22px}
 body:not(.at-home) .v17-title h1{font-size:clamp(31px,9vw,45px)!important}
 body:not(.at-home) .v17-invite{padding:12px 14px;flex-wrap:wrap;gap:8px}
 body:not(.at-home) .v17-invite span{font-size:10px}
 body:not(.at-home) #app>.panel,body:not(.at-home) #app>.section{margin:14px 10px!important}
}
/* Just Imagine V18. Interior pages ONLY. V12 homepage and courtyard are intentionally untouched. */
body.v18-interior{background:#031626!important;color:#f9edd3}
body.v18-interior .nav{display:flex!important;position:relative!important;z-index:30!important;min-height:68px!important;max-height:none!important;align-items:center!important;flex-wrap:nowrap!important;background:linear-gradient(180deg,#031429,#073450)!important;box-shadow:0 3px 18px #0009;border-bottom:2px solid #dfb760!important;padding:3px clamp(12px,3vw,30px)!important;gap:10px!important}
body.v18-interior .wordmark{display:flex!important;align-items:center!important;justify-content:start!important;flex:0 0 auto!important;width:clamp(175px,20vw,285px)!important;max-width:42vw!important;height:65px!important;overflow:visible!important;margin:0!important;padding:0!important;color:transparent!important;font-size:0!important;white-space:nowrap!important;border:0!important;text-shadow:none!important;background:transparent!important}
body.v18-interior .v18-mark{display:block!important;width:100%!important;height:auto!important;max-height:66px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 2px 7px #e5ad3f55)}
body.v18-interior .nav nav{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin-left:auto!important;gap:clamp(8px,1vw,22px)!important;flex-wrap:nowrap!important;min-width:0}
body.v18-interior .nav nav button{font-size:clamp(12px,1.15vw,16px)!important;letter-spacing:0!important;white-space:nowrap!important;padding:9px 8px!important;color:#ffedca!important}
body.v18-interior .nav-action{display:none!important}
body.v18-interior #app{max-width:none!important;width:100%!important;padding:0 0 54px!important;min-height:72vh!important;background-image:linear-gradient(180deg,#031827ef 0%,#041c2be8 25%,#031522d9 75%,#031320ee 100%),var(--v18-backdrop)!important;background-position:center top,center top!important;background-size:cover!important;background-repeat:no-repeat!important;overflow:hidden!important}
body.v18-interior #app>.back,body.v18-interior #app>.section-head,body.v18-interior #app>.maphero{display:none!important}
body.v18-interior .v18-stage{position:relative;isolation:isolate;display:block;width:100%;min-height:clamp(420px,42vw,640px);overflow:hidden;background:#062440;border:0;margin:0}
body.v18-interior .v18-illustration{position:absolute;inset:0;overflow:hidden}
body.v18-interior .v18-illustration img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(1.12) contrast(1.06)}
body.v18-interior .v18-glaze{position:absolute;inset:0;background:linear-gradient(90deg,#021421d9 0%,#04182767 36%,transparent 67%),linear-gradient(180deg,#03131f44 0%,transparent 28%,#031b29e6 100%)}
body.v18-interior .v18-overlay{position:relative;z-index:1;width:100%;height:clamp(420px,42vw,640px);padding:clamp(16px,2.7vw,35px) clamp(18px,6vw,95px);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
body.v18-interior .v18-return{border:1px solid #ffdf92!important;border-radius:999px!important;color:#ffe3a2!important;background:#032238e6!important;padding:11px 18px!important;box-shadow:0 2px 12px #0008;letter-spacing:.01em;font-size:14px!important}
body.v18-interior .v18-heading{max-width:min(560px,92vw);padding:clamp(12px,2.8vw,28px) clamp(14px,2.8vw,30px);margin-bottom:8px;background:linear-gradient(105deg,#031927eb,#02233d99 76%,transparent);border-left:3px solid #ffd67c;box-shadow:0 0 30px #00203088;backdrop-filter:blur(1px)}
body.v18-interior .v18-eyebrow{color:#ffe3a4;font-size:clamp(9px,1vw,12px);letter-spacing:.2em;font-weight:800}
body.v18-interior .v18-heading h1{color:#ffe4a1!important;font:700 clamp(36px,5.1vw,72px)/1.05 Georgia,serif!important;text-shadow:0 3px 10px #00111e;margin:9px 0!important;letter-spacing:-.03em}
body.v18-interior .v18-heading p{color:#f6f4e5!important;font:italic clamp(16px,1.7vw,22px)/1.4 Georgia,serif!important;margin:7px 0 15px!important}
body.v18-interior .v18-open{background:linear-gradient(120deg,#ffe79e,#ddb057)!important;color:#082b3e!important;border:1px solid #fff3b9!important;border-radius:60px!important;padding:12px 22px!important;font-weight:850!important;box-shadow:0 3px 15px #001827aa,0 0 20px #ffd16b44;cursor:pointer}
body.v18-interior .v18-place-marker{max-width:1200px;margin:22px auto 0;padding:10px 20px;display:flex;flex-wrap:wrap;gap:9px 25px;justify-content:space-between;border-top:1px solid #f4c56f88;border-bottom:1px solid #f4c56f88;color:#ffdd8e;background:linear-gradient(90deg,#021521e6,#10617660,#021521e6);font-size:clamp(10px,1.25vw,13px);letter-spacing:.12em;font-weight:700}
body.v18-interior #app> .panel,body.v18-interior #app> .section,body.v18-interior #app> .grid,body.v18-interior #app> .atlas,body.v18-interior #app> .exp-wrap,body.v18-interior #app> .mission,body.v18-interior #app> .museum-head,body.v18-interior #app> .museum-grid,body.v18-interior #app> .passport-grid{max-width:1180px!important;width:calc(100% - 40px)!important;margin:22px auto!important;box-sizing:border-box}
body.v18-interior #app> .panel,body.v18-interior #app .panel,body.v18-interior #app .tile,body.v18-interior #app .mission,body.v18-interior #app .exp-scene,body.v18-interior #app .exhibit,body.v18-interior #app .result,body.v18-interior #app .museum-head{background:linear-gradient(110deg,#041d2de8,#063c4bdf 63%,#032333ed)!important;border:1px solid #edc878a8!important;box-shadow:0 14px 40px #0007,inset 0 1px #ffffe511!important;border-radius:18px!important;color:#e9f3f2!important;overflow:hidden}
body.v18-interior #app .panel,body.v18-interior #app .exp-scene,body.v18-interior #app .result{padding:clamp(18px,3vw,38px)!important}
body.v18-interior #app .v18-primary-activity{scroll-margin-top:20px}
body.v18-interior #app .v18-primary-activity:is(.panel,.exp-wrap,.mission,.atlas,.grid){position:relative;border-top:3px solid #ffd16e!important}
body.v18-interior #app h2,body.v18-interior #app h3{font-family:Georgia,serif!important;color:#ffe2a0!important;text-shadow:0 3px 12px #0008}
body.v18-interior #app p{line-height:1.58;color:#dcf0f0}
body.v18-interior #app .eyebrow,body.v18-interior #app .chip{color:#f9d78c!important}
body.v18-interior #app button.primary,body.v18-interior #app .primary{background:linear-gradient(105deg,#ffe7a3,#e8b55d)!important;color:#052436!important;border-radius:45px!important;border:1px solid #fff0ba!important;box-shadow:0 0 15px #dca44445;font-weight:800!important}
body.v18-interior #app button.secondary,body.v18-interior #app .secondary,body.v18-interior #app .choice,body.v18-interior #app .exp-option{border:1px solid #edc471!important;border-radius:19px!important;background:linear-gradient(105deg,#06354fe8,#06525be8)!important;color:#ffe2a8!important;font-weight:700;box-shadow:0 4px 14px #00111b66}
body.v18-interior #app button:is(.primary,.secondary,.choice,.exp-option):hover{filter:brightness(1.12);transform:translateY(-1px)}
body.v18-interior #app select,body.v18-interior #app input,body.v18-interior #app textarea{background:#062a42!important;color:#f7ead1!important;border:1px solid #edc77b!important;box-shadow:inset 0 2px 7px #021019;color-scheme:dark;min-height:48px;border-radius:12px}
body.v18-interior #app label{color:#ffe3b4!important}
body.v18-interior #app .v18-graphic{font-size:0!important;line-height:0!important;color:transparent!important;display:block!important;min-height:180px!important;height:180px!important;width:100%;background-image:linear-gradient(0deg,#041c2b,transparent 70%),var(--v18-graphic)!important;background-size:cover!important;background-position:center!important;border-radius:14px;border:1px solid #d4b36f66;margin:0 0 20px!important}
body.v18-interior #app .exp-illustration.v18-graphic{height:210px!important;min-height:210px!important;margin:0 0 16px!important}
body.v18-interior #app .tile{padding:0 18px 22px!important;display:flex;flex-direction:column;gap:5px}
body.v18-interior #app .v18-card-art{height:clamp(130px,14vw,210px);margin:0 -18px 13px;background-size:cover;background-position:center;border-bottom:2px solid #e5c378}
body.v18-interior #app .tile .emoji.v18-graphic{display:none!important}
body.v18-interior #app .tile p{flex:1}
body.v18-interior #app .exp-wrap{margin-top:20px!important;background:linear-gradient(130deg,#062a3caa,#071c2b77);border-radius:20px!important;overflow:hidden}
body.v18-interior #app .exp-scene{position:relative;max-width:none!important;margin:0!important;background-image:linear-gradient(90deg,#031c2bf5,#04233dc4),url('assets/v18-expedition.webp')!important;background-size:cover!important;background-position:50% 47%!important;border:1px solid #f3c979!important;min-height:350px}
body.v18-interior #app .exp-progress{padding:15px 22px 9px;color:#f7d58b!important;letter-spacing:.1em}
body.v18-interior #app .exp-track{margin:0 22px 22px!important}
body.v18-interior #app .exp-track i{border:1px solid #eed18b!important;background:#0b4862!important;height:11px;border-radius:40px;box-shadow:inset 0 2px 4px #0006}
body.v18-interior #app .exp-track i.filled{background:linear-gradient(90deg,#fff1a8,#e3b458)!important;box-shadow:0 0 14px #ffcc69aa}
body.v18-interior #app .exp-scene h2{font-size:clamp(27px,3.4vw,42px)!important}
body.v18-interior #app .atlas{height:clamp(320px,47vw,550px);border:2px solid #e7c574!important;border-radius:24px;background-image:linear-gradient(0deg,#021b2bae,#052f3e28),url('assets/v18-atlas.webp')!important;background-size:cover!important;background-position:center 48%!important}
body.v18-interior #app .atlas-glow{background:none!important}
body.v18-interior #app .atlas-pin{box-shadow:0 0 0 2px #ffe5a6,0 0 14px #00a8db;background:#063a56ee!important;border-radius:50%!important}
body.v18-interior #app .atlas-pin span{font-size:0!important}
body.v18-interior #app .atlas-pin span:before{content:'✦';font-size:19px;color:#ffe4a1}
body.v18-interior #app .atlas-pin small{font-size:12px!important;color:#fff5dd!important;text-shadow:0 2px 5px #000}
body.v18-interior #app .stamp{border-color:#d1ad65!important;background:linear-gradient(120deg,#093d49bb,#06283dcb)!important}
body.v18-interior #app .passport-grid{gap:12px!important}
body.v18-interior footer{background:linear-gradient(90deg,#042739,#05182d)!important;border-top:1px solid #c9a25c;color:#d9d8ce}
body.v18-interior #app .formrow{gap:14px}
body.v18-interior #app .sky-board{background-image:linear-gradient(180deg,#06152633,#04192c78),url('assets/v18-stars.webp')!important;background-size:cover!important;background-position:center}
body.v18-interior #app .museum-grid .exhibit{background-image:linear-gradient(130deg,#05243aee,#063a46dc),url('assets/v18-archives.webp')!important;background-size:cover!important}
@media(max-width:720px){
 body.v18-interior .nav{min-height:62px!important;padding:3px 9px!important;gap:4px!important}
 body.v18-interior .wordmark{height:56px!important;width:clamp(152px,47vw,195px)!important;max-width:49vw!important}
 body.v18-interior .v18-mark{max-height:52px!important}
 body.v18-interior .nav nav{gap:3px!important}
 body.v18-interior .nav nav button{font-size:12px!important;padding:6px 4px!important}
 body.v18-interior .nav nav button:first-child,body.v18-interior .nav nav button:last-child{display:none!important}
 body.v18-interior .v18-stage{min-height:395px}
 body.v18-interior .v18-overlay{height:395px;padding:13px 14px 10px}
 body.v18-interior .v18-illustration img{object-position:center 35%}
 body.v18-interior .v18-glaze{background:linear-gradient(180deg,#00131e55 0%,transparent 28%,#031724c9 64%,#041e2bf0 100%)}
 body.v18-interior .v18-return{font-size:12px!important;padding:9px 13px!important}
 body.v18-interior .v18-heading{max-width:100%;width:100%;margin-bottom:0;padding:12px 14px 10px;background:linear-gradient(100deg,#031b2be8,#052942b5);border-left:3px solid #eec36c}
 body.v18-interior .v18-heading h1{font-size:clamp(28px,7.4vw,43px)!important;margin:6px 0!important}
 body.v18-interior .v18-heading p{font-size:clamp(14px,3.7vw,17px)!important;margin:5px 0 12px!important}
 body.v18-interior .v18-eyebrow{font-size:9px;letter-spacing:.1em}
 body.v18-interior .v18-open{padding:9px 15px!important;font-size:13px!important}
 body.v18-interior .v18-place-marker{width:100%;margin:0;padding:11px 15px;font-size:10px;gap:5px}
 body.v18-interior .v18-place-marker span:nth-child(2){display:none}
 body.v18-interior #app> .panel,body.v18-interior #app> .section,body.v18-interior #app> .grid,body.v18-interior #app> .atlas,body.v18-interior #app> .exp-wrap,body.v18-interior #app> .mission,body.v18-interior #app> .museum-head,body.v18-interior #app> .museum-grid,body.v18-interior #app> .passport-grid{width:calc(100% - 22px)!important;margin:12px auto!important}
 body.v18-interior #app .panel,body.v18-interior #app .exp-scene{padding:18px!important}
 body.v18-interior #app .v18-graphic{height:135px!important;min-height:135px!important}
 body.v18-interior #app .exp-illustration.v18-graphic{height:145px!important;min-height:145px!important}
 body.v18-interior #app .exp-scene{min-height:0}
 body.v18-interior #app .exp-progress{padding:12px 13px 7px!important;font-size:10px!important;gap:10px}
 body.v18-interior #app .exp-track{margin:0 12px 12px!important}
 body.v18-interior #app .exp-scene h2{font-size:clamp(24px,7vw,34px)!important}
 body.v18-interior #app .grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:10px!important}
 body.v18-interior #app .tile{padding:0 12px 16px!important}
 body.v18-interior #app .v18-card-art{height:122px;margin:0 -12px 9px}
 body.v18-interior #app .tile h3{font-size:20px!important}
 body.v18-interior #app .atlas{height:400px}
 body.v18-interior #app .formrow{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
}
@media(max-width:380px){body.v18-interior .wordmark{width:148px!important}body.v18-interior .nav nav button{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){body.v18-interior #app button{transition:none!important}}

/* V20 - the homepage is intentionally untouched. Interior pages only. */
body.v20-interior{background:#061525!important}
body.v20-interior .nav{height:72px!important;min-height:60px!important;background:linear-gradient(90deg,#041222,#042b3b 60%,#071a28)!important;border-bottom:2px solid #e9bd68!important;box-shadow:0 4px 22px #000c!important}
body.v20-interior .wordmark{width:clamp(160px,23vw,310px)!important;max-width:52vw!important;height:65px!important;flex-shrink:0!important}
body.v20-interior .wordmark img{width:100%!important;max-height:62px!important;height:auto!important;object-fit:contain!important;object-position:center left!important;filter:none!important}
body.v20-interior .nav nav{z-index:5!important;position:relative!important}
body.v20-interior .nav nav button{cursor:pointer!important;pointer-events:auto!important;color:#ffe9b4!important;font-weight:700!important}
body.v20-interior #app{background:linear-gradient(180deg,#041829cc 0%,#04202bc0 18%,#031724d4 100%),var(--v20-room) center top/cover fixed!important;padding-bottom:0!important;min-height:65vh!important}
body.v20-interior #app>.v18-stage{height:clamp(390px,40vw,620px)!important;min-height:0!important;border-bottom:5px solid #f0c76f!important;box-shadow:0 12px 38px #000b!important}
body.v20-interior #app .v18-illustration img{filter:saturate(1.12) contrast(1.05)!important}
body.v20-interior #app .v18-glaze{background:linear-gradient(90deg,#001322c8,transparent 75%),linear-gradient(0deg,#031927f4,transparent 65%)!important}
body.v20-interior #app .v18-overlay{height:100%!important;padding:clamp(15px,2vw,34px)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
body.v20-interior #app .v18-heading{max-width:min(610px,84%)!important;padding:clamp(16px,2.8vw,35px)!important;background:linear-gradient(100deg,#031624ee,#04354bca 85%,transparent)!important;border-left:4px solid #f3c66e!important;box-shadow:0 16px 50px #0016248c!important;border-radius:0 16px 16px 0!important}
body.v20-interior #app .v18-heading h1{font-size:clamp(32px,4vw,65px)!important;line-height:1.08!important;margin:8px 0!important}
body.v20-interior #app .v18-place-marker{background:#062a38e8!important;box-shadow:inset 0 2px #f5ca79!important;margin:0 auto 14px!important;border-radius:0 0 16px 16px!important}
body.v20-interior #app .panel,body.v20-interior #app .exp-scene,body.v20-interior #app .exp-wrap,body.v20-interior #app .result,body.v20-interior #app .tile,body.v20-interior #app .mission,body.v20-interior #app .exhibit{background:linear-gradient(110deg,#031c2ce8 0%,#073b4bc4 56%,#032334dc 100%),var(--v20-room) center/cover!important;box-shadow:0 16px 44px #0009,inset 0 1px #fff3c255!important;border:2px solid #dcb662b8!important;border-radius:22px!important;color:#f1f2e7!important}
body.v20-interior #app .panel,body.v20-interior #app .result,body.v20-interior #app .exp-scene{padding:clamp(18px,3vw,34px)!important}
body.v20-interior #app h2,body.v20-interior #app h3{color:#ffe5a6!important;text-shadow:0 2px 9px #00151dcc}
body.v20-interior #app .primary,body.v20-interior #app button.primary,body.v20-interior #app .proto-launch{background:linear-gradient(110deg,#fff0b3,#f3ca72 65%,#dba64a)!important;color:#132c30!important;border:2px solid #fff1b6!important;box-shadow:0 2px 20px #f0be6370,inset 0 2px #ffffff70!important;border-radius:13px!important;padding:13px 20px!important;font-weight:800!important;cursor:pointer}
body.v20-interior #app .choice,body.v20-interior #app button.secondary,body.v20-interior #app .secondary{background:linear-gradient(90deg,#072b3ff2,#08606adf)!important;border:1px solid #eac272!important;border-radius:11px!important;color:#ffe4a9!important;padding:12px 17px!important;cursor:pointer}
body.v20-interior #app button:focus-visible{outline:3px solid #8cf4f0!important;outline-offset:3px}
body.v20-interior #app select{background:#052639!important;color:#fbeacc!important;border:2px solid #e5b65e!important;border-radius:12px!important;min-height:55px!important;padding:13px!important}
/* Room activity exhibits - art and interaction have equal weight. */
body.v20-interior #app .v20-activity-scene{height:clamp(180px,26vw,340px);border-radius:14px;background-image:linear-gradient(0deg,#031c2abb,transparent 65%),var(--v20-room);background-position:center;background-size:cover;border:2px solid #d7b16b;margin:0 0 19px;box-shadow:inset 0 0 30px #04152599}
body.v20-interior #app .v20-activity-scene[hidden]{display:none}
body.v20-interior #app .exp-wrap{padding:16px!important;overflow:visible!important}
body.v20-interior #app .exp-scene{background:linear-gradient(90deg,#041827dd,#04293ac9),url('assets/v18-expedition.webp') center/cover!important}
body.v20-interior #app .v19-exp-art{background-image:url('assets/v18-expedition.webp')!important;height:clamp(180px,32vw,380px)!important}
body.v20-interior #app .v19-enchanted{background:linear-gradient(130deg,#042333d9,#063342d9),url('assets/v18-archives.webp') center/cover!important}
/* Passport reads as a collector's cabinet, not dashboard tiles. */
body.v20-interior #app .passport-grid{border-radius:22px!important;padding:clamp(12px,2vw,30px)!important;gap:10px!important;background:linear-gradient(115deg,#031a29e9,#073b49e7),url('assets/v18-archives.webp') center/cover!important;border:2px solid #e4b864!important;box-shadow:0 22px 55px #000a!important}
body.v20-interior #app .stamp.v19-stamp{position:relative;min-height:135px!important;background:linear-gradient(155deg,#0a3c49,#031a2b)!important;border:1px solid #b99758!important;border-radius:12px!important;box-shadow:inset 0 0 0 4px #052f3b,inset 0 0 0 5px #e2b75c55,0 6px 15px #0007!important}
body.v20-interior #app .stamp.v19-stamp.earned{background:radial-gradient(ellipse at top,#196774,#061c2c 80%)!important;border-color:#ffe29a!important}
body.v20-interior #app .v19-passport-seal{width:64px!important;height:64px!important;box-shadow:0 0 22px #ffe29a66!important}
body.v20-interior #app .stamp b{font-size:12px!important;color:#ffe8b5!important;line-height:1.3!important}
/* Real cinematic prototype object, launched with actual motion rather than emoji. */
body.v20-interior #app .proto-sky.v20-proto-sky{height:clamp(290px,42vw,550px)!important;position:relative!important;overflow:hidden!important;background:radial-gradient(ellipse at center,#05657f,#011321 90%)!important;border:2px solid #e3ba69!important;border-radius:16px!important}
body.v20-interior #app .v20-prototype-image{width:100%;height:100%;object-fit:cover;display:block;transform:translate3d(0,0,0) scale(1);transition:filter .4s;filter:saturate(1.16) contrast(1.08)}
body.v20-interior #app .v20-prototype-vehicle{position:absolute;inset:0;overflow:hidden}
body.v20-interior #app #prototype-stage.launched .v20-prototype-vehicle{animation:v20launch 2.8s cubic-bezier(.2,.8,.4,1) 1 both}
body.v20-interior #app #prototype-stage.launched .v20-prototype-image{filter:brightness(1.5) saturate(1.3)}
@keyframes v20launch{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-4%) scale(1.11)}85%{transform:translateY(-60%) scale(.7)}100%{transform:translateY(-110%) scale(.46);opacity:.15}}
body.v20-interior #app .v20-stage-caption{position:absolute;bottom:14px;left:14px;right:14px;border:1px solid #ffdc86;background:#031a2bd9;border-radius:8px;color:#ffe6aa;padding:9px 14px;letter-spacing:.09em;font-size:12px;font-weight:800;pointer-events:none}
body.v20-interior #app .v20-prototype-image{object-position:center}
body.v20-interior #app .v19-reactor,body.v20-interior #app .v19-stage-label{display:none!important}
body.v20-interior #app .proto-status{color:#ffe7b0!important}
/* No blank teal region below the story. */
body.v20-interior footer{margin-top:0!important;background:linear-gradient(90deg,#041a2b,#063949,#04192a)!important;color:#e8cf97!important}
@media(max-width:720px){
 body.v20-interior .nav{height:60px!important;min-height:60px!important;padding:2px 8px!important}
 body.v20-interior .wordmark{width:clamp(145px,46vw,205px)!important;height:54px!important}
 body.v20-interior .nav nav{margin-left:auto!important}
 body.v20-interior .nav nav button{font-size:12px!important}
 body.v20-interior #app{background-attachment:scroll!important;background-size:100% auto!important;background-repeat:repeat-y!important}
 body.v20-interior #app>.v18-stage{height:370px!important}
 body.v20-interior #app .v18-overlay{height:370px!important;padding:10px 12px 12px!important}
 body.v20-interior #app .v18-heading{max-width:100%!important;width:100%!important;padding:15px!important}
 body.v20-interior #app .v18-heading h1{font-size:clamp(28px,8vw,38px)!important}
 body.v20-interior #app .passport-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:10px!important;gap:7px!important}
 body.v20-interior #app .stamp.v19-stamp{min-height:112px!important}
 body.v20-interior #app .v19-passport-seal{width:49px!important;height:49px!important}
 body.v20-interior #app .v20-activity-scene{height:190px}
 body.v20-interior #app .v19-exp-art{height:180px!important}
 body.v20-interior #app .proto-sky.v20-proto-sky{height:315px!important}
 body.v20-interior #app .panel,body.v20-interior #app .exp-scene,body.v20-interior #app .result{padding:15px!important}
}
@media(prefers-reduced-motion:reduce){body.v20-interior #app #prototype-stage.launched .v20-prototype-vehicle{animation:none!important}}

/* V23: activities first; original Daisy homepage image and courtyard untouched */
body.v23-interior .nav{align-items:center!important;gap:10px!important}
body.v23-interior .wordmark{background:transparent!important;border:0!important;padding:0!important;min-width:0!important;width:clamp(170px,25vw,290px)!important;height:auto!important;overflow:visible!important;display:flex!important;align-items:center!important}
body.v23-interior .wordmark img.v23-logo{display:block!important;width:100%!important;height:auto!important;max-height:95px!important;object-fit:contain!important;filter:none!important}
body.v23-interior #app{background-image:linear-gradient(#031d2ab0,#032632b5),var(--v20-room)!important;background-size:cover!important;background-position:center top!important}
body.v23-interior #app .v18-stage{min-height:340px!important}
body.v23-interior #app .v23-lab-console,body.v23-interior #app .v23-terminal{background:linear-gradient(125deg,#032437e8,#083b45d4),url('assets/v18-lab.webp') center/cover!important}
body.v23-interior #app .v23-terminal{background-image:linear-gradient(125deg,#032437e8,#083b45d4),url('assets/v18-portal.webp')!important}
body.v23-interior #app .v23-launch-bay{height:clamp(235px,34vw,470px)!important;overflow:hidden;position:relative;border:2px solid #efc77b;border-radius:18px;background:#061a30!important}
body.v23-interior #app .v23-proto-craft{position:absolute;inset:0;transform-origin:center bottom;z-index:1}
body.v23-interior #app .v23-proto-craft img{width:100%;height:100%;object-fit:cover;display:block}
body.v23-interior #app .v23-thruster{position:absolute;bottom:0;left:0;right:0;height:12%;background:linear-gradient(0deg,#0ceeffaa,transparent);pointer-events:none}
body.v23-interior #app .v23-launch-bay.launching .v23-proto-craft{animation:v23Fly 2.8s ease-in both}
@keyframes v23Fly{0%{transform:translateY(0) scale(1);opacity:1}25%{transform:translateY(3%) scale(1.08);opacity:1}100%{transform:translateY(-110%) scale(.25);opacity:0}}
body.v23-interior #app .v23-report,body.v23-interior #app .v23-mystery-event{padding:20px;border:1px solid #efd184;border-radius:15px;background:#063044e8;margin-top:14px;color:#f8e7bd}
body.v23-interior #app .v23-arrival-view{margin:12px 0 18px;border-radius:16px;overflow:hidden;border:2px solid #e7c273;background:#041b2e}
body.v23-interior #app .v23-arrival-view img{display:block;width:100%;max-height:340px;object-fit:cover}
body.v23-interior #app .v23-arrival-view figcaption{padding:10px 14px;color:#ffe4a3;letter-spacing:.1em;font-size:.76rem}
body.v23-interior #app .v23-curator{margin:18px auto 24px;padding:clamp(16px,3vw,28px);border:1px solid #e6ba68;border-radius:22px;background:linear-gradient(120deg,#032637eb,#064351eb),url('assets/v18-archives.webp') center/cover;color:#fae6b8}
body.v23-interior #app .v23-mysteries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.v23-interior #app .v23-mystery{text-align:left;display:grid;gap:8px;padding:0 0 14px;overflow:hidden;border-radius:14px;background:#03293edf;color:#f8dc9e;border:1px solid #d6ab62;cursor:pointer}
body.v23-interior #app .v23-mystery img{width:100%;height:155px;object-fit:cover}
body.v23-interior #app .v23-mystery strong,body.v23-interior #app .v23-mystery small{padding:0 14px}
body.v23-interior #app .v23-seal{width:55px;height:55px;display:grid;place-items:center;border:2px solid #d6b66c;border-radius:50%;background:radial-gradient(circle,#187485,#062035);color:#ffe4ab;font:700 17px Georgia,serif}
body.v23-home .v23-top-navigation{position:absolute;top:0;left:0;width:100%;height:8%;z-index:24;pointer-events:none}
body.v23-home .v23-top-navigation button{position:absolute;top:0;width:8.4%;height:100%;transform:translateX(-50%);background:transparent;border:0;pointer-events:auto;cursor:pointer}
body.v23-home .v23-top-navigation button:focus-visible,body.v23-home .v23-mobile-nav button:focus-visible{outline:3px solid #ffe5a6;outline-offset:-4px}
body.v23-home .v23-mobile-nav{display:none}
body.v23-home .v23-menu{position:absolute;top:1%;right:1.3%;z-index:31;background:#052c37a9;border:1px solid #d5b46c;color:#ffdc8e;border-radius:8px;font-size:20px;padding:4px 10px;cursor:pointer}
body.v23-home .v23-menu-options{position:absolute;right:2%;top:7%;z-index:31;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:6px;padding:13px;background:#041d2ef7;border:1px solid #e6bd73;border-radius:15px;max-width:90%}
body.v23-home .v23-menu-options[hidden]{display:none}
body.v23-home .v23-menu-options button{color:#f8deac;background:#094253;border:1px solid #c69f58;border-radius:8px;padding:10px;text-align:left;cursor:pointer}
@media(max-width:700px){body.v23-interior .wordmark{width:clamp(160px,47vw,240px)!important}body.v23-interior #app .v23-mysteries{grid-template-columns:1fr}body.v23-interior #app .v23-mystery{grid-template-columns:110px 1fr;align-items:center;padding-bottom:0}body.v23-interior #app .v23-mystery img{height:110px;grid-row:span 2}body.v23-interior #app .v23-mystery strong,body.v23-interior #app .v23-mystery small{padding:0 8px}body.v23-home .v23-top-navigation{display:none}body.v23-home .v23-mobile-nav{display:block;position:absolute;left:4.5%;width:91%;bottom:0;height:10.5%;z-index:30;pointer-events:none}body.v23-home .v23-mobile-nav button{position:absolute;top:0;width:25%;height:100%;background:transparent;border:0;pointer-events:auto}body.v23-home .v23-menu{top:0.8%;right:2%;font-size:15px;padding:2px 7px}body.v23-home .v23-menu-options{top:6%;grid-template-columns:repeat(2,minmax(115px,1fr))}}
@media(prefers-reduced-motion:reduce){body.v23-interior #app .v23-launch-bay.launching .v23-proto-craft{animation:none}}

/* V24: Additive story styles scoped to the new adventure. Approved home remains unchanged. */
.v24-page{min-height:88vh;background:linear-gradient(180deg,#071e34,#092e3b 60%,#071525);color:#f9edd0;padding:16px clamp(14px,3.5vw,52px) 70px;font-family:Georgia,serif}
.v24-roomnav{max-width:1140px;margin:auto;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:6px 0 17px;border-bottom:1px solid #d9ac6175;font:600 12px system-ui;letter-spacing:.08em;color:#f3cf89}.v24-roomnav button{background:#082b3a!important;border:1px solid #dab468!important;border-radius:20px!important;color:#f3dba8!important;padding:12px!important;font:600 13px system-ui!important;cursor:pointer}.v24-roomnav span{text-align:center}.v24-headline{text-align:center;padding:30px 10px 26px}.v24-kicker{font:700 11px system-ui;letter-spacing:.24em;color:#e8bc64}.v24-headline h1{font-size:clamp(34px,5vw,64px);color:#f6d88e;text-shadow:0 3px 20px #000;margin:8px 0}.v24-headline p{font:16px/1.6 system-ui;color:#f0e8d1}.v24-hero{position:relative;max-width:1160px;margin:0 auto 24px;border:2px solid #dbab54;border-radius:24px;overflow:hidden;background:#092d43;box-shadow:0 14px 48px #0009}.v24-hero img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}.v24-hero-caption{padding:20px 25px;background:linear-gradient(90deg,#092332,#0c4051)}.v24-hero-caption span{font:700 11px system-ui;letter-spacing:.18em;color:#edc66d}.v24-hero-caption h2{color:#ffe3a1;font-size:clamp(26px,4vw,43px);margin:5px 0}.v24-hero-caption p{font:15px/1.6 system-ui;max-width:680px}.v24-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;max-width:1160px;margin:auto}.v24-project{display:flex;overflow:hidden;min-height:180px;background:linear-gradient(130deg,#092d42,#07464a);border:1px solid #c99d50;border-radius:18px;box-shadow:0 10px 25px #0006}.v24-project>img{width:44%;object-fit:cover}.v24-project>div{padding:21px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.v24-project h3{font-size:24px;color:#ffe4a5;margin:0}.v24-project p{font:14px/1.6 system-ui;margin:0;color:#f3ebdb}.v24-project.v24-active{grid-column:1/-1;min-height:250px}.v24-project.v24-locked{opacity:.7}.v24-inactive-art{min-width:30%;background:linear-gradient(140deg,#0a4755,#071a32);border-right:1px solid #e9b75f35}.v24-soon{font:700 11px system-ui;letter-spacing:.1em;color:#f7d38b}.v24-gold,.v24-endactions button{border:1px solid #f4d486!important;background:linear-gradient(120deg,#fae3a2,#d9a651)!important;color:#172733!important;border-radius:10px!important;padding:13px 21px!important;font:bold 15px system-ui!important;cursor:pointer!important;text-shadow:none!important}.v24-gold:hover{filter:brightness(1.1)}.v24-note{max-width:1120px;margin:20px auto;font:13px/1.7 system-ui;color:#e7cda6}.v24-reading{max-width:1120px;margin:0 auto;background:#082a3d;border:1px solid #e0af5f;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #000a}.v24-vista{margin:0;position:relative}.v24-vista img{display:block;width:100%;height:clamp(250px,42vw,490px);object-fit:cover}.v24-vista figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#041c31e8);color:#f9df9b;padding:36px 26px 14px;font:700 12px system-ui;letter-spacing:.15em}.v24-tale{padding:clamp(21px,4vw,43px);background:linear-gradient(120deg,#082c3c,#0b3b48)}.v24-para{font-size:clamp(18px,2.15vw,23px);line-height:1.75;max-width:840px;margin:24px auto 22px;color:#fff0d2}.v24-memory{font:italic 15px/1.65 Georgia;color:#dcebbb;border-left:3px solid #e7ba5c;padding-left:18px;max-width:840px;margin:auto}.v24-tale h2{text-align:center;color:#f7d995;margin:34px 0 22px;font-size:29px}.v24-progress{height:8px;background:#061b2d;border:1px solid #b29059;border-radius:20px;overflow:hidden}.v24-progress>div{background:linear-gradient(90deg,#18cbb8,#f4ce7a);height:100%;transition:width .3s}.v24-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v24-choice{min-height:110px;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;background:linear-gradient(130deg,#082638,#0a5860)!important;border:2px solid #d5aa5f!important;border-radius:16px!important;padding:18px!important;color:#ffe6ac!important;font:bold 17px/1.4 Georgia!important;box-shadow:0 8px 26px #0008!important}.v24-choice>span:nth-child(2){flex:1}.v24-choice:hover,.v24-choice:focus-visible{background:#09616d!important;border-color:#ffdd89!important;transform:translateY(-2px)}.v24-choicenumber{display:grid;place-items:center;border:2px solid #e9ca7c;border-radius:50%;width:36px;min-width:36px;height:36px}.v24-tools{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.v24-tools button{padding:10px 15px!important;border:1px solid #d9b472!important;background:transparent!important;color:#f4d18b!important;border-radius:12px!important;font:13px system-ui!important}.v24-ending{max-width:1100px;margin:auto;border:2px solid #d9b065;border-radius:22px;overflow:hidden}.v24-ending>img{width:100%;height:360px;object-fit:cover}.v24-endcard{padding:25px 30px;background:linear-gradient(120deg,#092d3e,#0d444f)}.v24-endcard h2{font-size:clamp(28px,4vw,48px);color:#f7d994}.v24-endcard p{font:17px/1.7 system-ui}.v24-endactions{display:flex;flex-wrap:wrap;gap:12px}.v24-passport,.v24-directory{max-width:1100px;margin:auto}.v24-passhero{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #dbad67;border-radius:20px;overflow:hidden}.v24-passhero img{width:100%;height:310px;object-fit:cover}.v24-passhero>div{padding:26px;background:#0b3842}.v24-passhero h2,.v24-passport>h2{color:#ffe2a1}.v24-passhero p{font:15px/1.6 system-ui}.v24-passhero button{margin-top:18px}.v24-ending-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.v24-ending-tile{border:1px solid #be995d;border-radius:12px;overflow:hidden;opacity:.38;background:#061e30}.v24-ending-tile.unlocked{opacity:1}.v24-ending-tile img{width:100%;height:130px;object-fit:cover}.v24-ending-tile strong{display:block;padding:12px;font:14px/1.5 system-ui}.v24-directory .v24-project{margin-bottom:20px}.v24-soon-room{display:flex;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #c39c54;font:16px system-ui}.v24-soon-room span{color:#eac583;font-size:12px}.v24-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#030b16d9;padding:20px}.v24-dialog{position:relative;max-width:500px;padding:30px;color:#faecd1;background:linear-gradient(130deg,#073a4a,#08192d);border:2px solid #e2b465;border-radius:22px;box-shadow:0 15px 55px #000e;text-align:center}.v24-dialog h2{color:#f3d28e}.v24-dialog p:not(.v24-kicker){font:16px/1.65 system-ui}.v24-dialog #v24Close{position:absolute;right:13px;top:6px;border:0;background:transparent;color:#fff;font-size:27px;cursor:pointer}
@media(max-width:700px){.v24-page{padding:12px 12px 55px}.v24-headline{padding:20px 3px 14px}.v24-roomnav span{display:none}.v24-roomnav button{font-size:12px!important}.v24-projects{grid-template-columns:1fr}.v24-project.v24-active{grid-column:auto;flex-direction:column}.v24-project.v24-active>img{width:100%;height:210px}.v24-project.v24-locked{min-height:130px}.v24-project>div{padding:15px}.v24-inactive-art{min-width:80px}.v24-project h3{font-size:21px}.v24-hero img{aspect-ratio:4/3}.v24-vista img{height:260px}.v24-vista figcaption{font-size:10px}.v24-tale{padding:19px 16px 24px}.v24-choices{grid-template-columns:1fr}.v24-choice{min-height:80px;font-size:16px!important}.v24-passhero{grid-template-columns:1fr}.v24-passhero img{height:200px}.v24-ending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-ending>img{height:230px}.v24-endcard{padding:20px}}
@media(prefers-reduced-motion:reduce){.v24-choice:hover{transform:none}}

/* Exact gold script graphic extracted from the approved homepage, no replacement logo. */
body.v24-interior header.nav button.wordmark{display:flex;align-items:center;justify-content:center;padding:4px!important;line-height:1!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;}
body.v24-interior header.nav button.wordmark img{display:block;width:clamp(160px,24vw,265px);max-height:76px;object-fit:contain;}
@media(max-width:700px){body.v24-interior header.nav button.wordmark img{width:clamp(145px,44vw,230px);max-height:66px}}

/* V60: Show chapter metadata below artwork, never over the image. */
.v24-vista figcaption{position:static!important;inset:auto!important;bottom:auto!important;left:auto!important;right:auto!important;background:#082a3d!important;padding:12px 16px!important;text-align:center!important;line-height:1.5!important;letter-spacing:.11em!important;}

/* Invisible but keyboard-accessible hotspots over existing homepage images. */
.dream-stage .v241-hit{z-index:15;background:transparent;outline-offset:-3px}
.dream-stage .v241-hit:focus-visible{outline:3px solid #ffe09b!important;background:#06aeb72b!important}
@media(max-width:700px){.dream-stage .v241-desktop{display:none!important}}
@media(min-width:701px){.dream-stage .v241-mobile{display:none!important}}

/* V25: Cinematic chapter illustrations and full-bleed, four-outcome finale gallery. */
.v24-vista img{height:auto;aspect-ratio:1500/840;object-fit:cover;max-height:720px}
.v24-ending{max-width:1320px;border:3px solid #efc46d;box-shadow:0 0 55px #e6ad3f33,0 30px 80px #000a}
.v24-ending>img{height:auto;aspect-ratio:1500/840;object-fit:cover;max-height:950px;display:block}
.v24-endcard{padding:clamp(24px,5vw,58px);background:radial-gradient(ellipse at top,#11606a 0%,#082738 65%,#06182a 100%);text-align:center}
.v24-endcard h2{font-family:Georgia,serif;font-size:clamp(34px,5.5vw,72px);line-height:1.12;max-width:1000px;margin:20px auto;color:#ffdc90;text-shadow:0 4px 24px #000}
.v24-endcard p{max-width:910px;margin:22px auto;font-size:clamp(17px,2vw,23px);line-height:1.75}
.v24-endcard .v25-epilogue{color:#cceef0;font-family:Georgia,serif;font-style:italic}
.v24-endcard .v25-achievement{display:inline-block;margin:24px auto;padding:16px 25px;border:2px solid #f7d07c;border-radius:16px;color:#ffe8a5;background:#133b49;font-size:clamp(14px,1.7vw,19px);font-weight:700}
.v24-endactions{justify-content:center;margin-top:24px}.v24-endactions button{min-height:52px}
.v24-ending-tile img{height:auto;aspect-ratio:16/9}
@media(max-width:700px){.v24-ending>img{height:auto;aspect-ratio:1500/840}.v24-vista img{height:auto;aspect-ratio:1500/840}.v24-endcard{padding:22px 17px}.v24-endcard p{font-size:17px}}

/* V26 choice coherence and finale polish */
.v26-trail{border-top:1px solid #cba26066;border-bottom:1px solid #cba26066;padding:18px;color:#ffe3a9!important;font-size:clamp(14px,1.5vw,18px)!important;line-height:1.8!important}
.v24-ending>img{width:100%;object-fit:contain;max-height:none}
.v24-choices button:focus-visible,.v24-endactions button:focus-visible{outline:3px solid #f9cf80;outline-offset:4px}
.v24-ending-tile:not(.unlocked) img{filter:brightness(.15) saturate(0);opacity:.34}
@media(min-width:850px){.v24-ending{max-width:1440px}}

/* V30.2 — clean interior wordmark, no image-background/cutout scraps. Homepage unchanged. */
body.v23-interior header.nav button.wordmark,
body.v24-interior header.nav button.wordmark {
 background: transparent !important; background-image:none !important; border:0 !important;
 box-shadow:none !important; text-shadow:none !important; filter:none !important;
 padding:0 !important; margin:0 !important; overflow:visible !important;
 display:flex !important; align-items:center !important; justify-content:flex-start !important;
 flex-shrink:1 !important; min-width:0 !important;
}
body.v23-interior header.nav button.wordmark::before,
body.v23-interior header.nav button.wordmark::after,
body.v24-interior header.nav button.wordmark::before,
body.v24-interior header.nav button.wordmark::after {content:none !important; display:none !important;}
body.v23-interior header.nav button.wordmark img,
body.v24-interior header.nav button.wordmark img {
 display:block !important; width:clamp(160px,24vw,265px) !important;
 max-width:100% !important; height:auto !important; max-height:74px !important;
 object-fit:contain !important; object-position:left center !important;
 border:0 !important; background:transparent !important; box-shadow:none !important;
 filter:none !important; mix-blend-mode:normal !important;
}
@media (max-width:700px){body.v23-interior header.nav button.wordmark img,
body.v24-interior header.nav button.wordmark img {width:clamp(145px,40vw,225px) !important; max-height:65px !important;}}

/* V30.4. Apply ONLY to interior; never modify approved home image or layout. */
body.ji304-interior header.nav button.wordmark{
 display:flex!important; align-items:center!important; justify-content:flex-start!important;
 padding:0!important; margin:0!important; border:0!important;
 background:transparent!important;background-image:none!important;
 box-shadow:none!important;filter:none!important;text-shadow:none!important;
 overflow:visible!important;min-width:0!important;max-width:clamp(175px,32vw,320px)!important;
 height:auto!important;white-space:normal!important;line-height:normal!important;
}
body.ji304-interior header.nav button.wordmark::before,
body.ji304-interior header.nav button.wordmark::after{content:none!important;display:none!important;}
body.ji304-interior header.nav button.wordmark img.ji304-brand{
 display:block!important; width:100%!important; height:auto!important;
 max-width:320px!important; max-height:100px!important;
 object-fit:contain!important;object-position:left center!important;
 background:none!important;border:0!important;box-shadow:none!important;
 mix-blend-mode:normal!important; filter:none!important;transform:none!important;
}
body.ji304-interior header.nav button.wordmark .ji303-word,
body.ji304-interior header.nav button.wordmark .ji303-bulb{display:none!important;}
@media(max-width:700px){body.ji304-interior header.nav button.wordmark{max-width:min(60vw,235px)!important;}
body.ji304-interior header.nav button.wordmark img.ji304-brand{max-width:235px!important;max-height:78px!important;}}

/* V31 new attraction only. Never modify the approved home image or logo. */
.atlas-cover{max-width:1000px;margin:0 auto 24px;border:2px solid #c9a65c;border-radius:25px;overflow:hidden;background:#0b2a3a;box-shadow:0 10px 50px #0004}
.atlas-cover>img{display:block;width:100%;height:auto;max-height:610px;object-fit:cover;object-position:center center}
.atlas-cover-caption{padding:28px clamp(20px,6%,54px);text-align:center;background:linear-gradient(135deg,#072a3d,#125065)}
.atlas-cover-caption>span,.atlas-facts{font:700 12px system-ui;letter-spacing:.16em;text-transform:uppercase;color:#efcb81}
.atlas-cover-caption h2{font:700 clamp(34px,5vw,65px) Georgia,serif;color:#ffe19b;margin:16px 0}
.atlas-cover-caption p{font:400 clamp(16px,2.2vw,23px)/1.6 system-ui;color:#fff2d7;max-width:700px;margin:15px auto 20px}
.atlas-cover-caption .atlas-facts{font-size:11px;margin-top:20px}
.atlas-intro{max-width:980px;display:flex;align-items:center;gap:24px;margin:30px auto 50px;padding:24px;background:#092a3b;border:1px solid #bc9b60;border-radius:22px}
.atlas-intro>img{width:180px;height:180px;object-fit:cover;object-position:center 30%;border-radius:20px;border:2px solid #deb965}
.atlas-intro h2,.atlas-passport h2{font:700 clamp(24px,4vw,38px) Georgia,serif;color:#ffe19b}.atlas-intro p,.atlas-passport p{font:18px/1.65 system-ui;color:#f3e9d9}
.atlas-daisy{margin:25px 0;display:flex;gap:18px;align-items:center;padding:16px;background:#0a2735;border:1px solid #d3ac5a;border-radius:16px}.atlas-daisy img{width:96px;height:110px;object-fit:cover;border-radius:13px}.atlas-daisy p{font:16px/1.45 system-ui;color:#f4e4c2}
.atlas-passport{margin:35px 0 15px;padding-top:30px;border-top:1px solid #bd9b55}
.atlas-ending>img{width:100%;max-height:650px;object-fit:cover}
.atlas-directory-card img{object-fit:cover}
@media(max-width:650px){.atlas-intro{margin:20px 12px;flex-direction:column;text-align:center}.atlas-intro>img{width:140px;height:140px}.atlas-cover-caption{padding:22px 18px}.atlas-daisy{flex-direction:column;text-align:center}}

.atlas-ending > img{width:100%;height:auto;max-height:none;object-fit:cover;display:block}.atlas-passport .v24-ending-tile img{width:100%;aspect-ratio:16/9;object-fit:cover}

/* V35: Atlas-only future-adventure hub; no changes to the approved homepage or Rocket Bathtub. */
.atlas-coming-collection{max-width:1000px;margin:18px auto 58px}
.atlas-coming-heading{text-align:center;margin:35px 10px 23px}
.atlas-coming-heading h2{font:700 clamp(27px,4.5vw,43px) Georgia,serif;color:#ffe1a3;margin:8px 0 13px}
.atlas-coming-heading p{font:16px/1.6 system-ui;color:#ebdfc7;max-width:650px;margin:auto}
.atlas-coming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.atlas-future-card{background:linear-gradient(145deg,#0b2e40,#103e47);border:1px solid #c9a65c;border-radius:19px;padding:25px 23px;box-shadow:0 10px 25px #0004;min-height:205px}
.atlas-future-tag{color:#f2cb80;font:bold 11px system-ui;letter-spacing:.16em}
.atlas-future-card h3{font:700 24px/1.18 Georgia,serif;color:#ffe4ab;margin:14px 0 10px}
.atlas-future-card p{font:15px/1.6 system-ui;color:#eee4d3;margin:0}
@media(max-width:740px){.atlas-coming-grid{grid-template-columns:1fr}.atlas-future-card{min-height:0}.atlas-coming-collection{margin:12px 8px 42px}}

/* V55: a single stable brand, sized before any JavaScript executes. */
header.nav button.wordmark, body.v23-interior header.nav button.wordmark,
body.v24-interior header.nav button.wordmark, body.v20-interior header.nav button.wordmark {
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 background:none!important;background-image:none!important;border:0!important;
 box-shadow:none!important;text-shadow:none!important;filter:none!important;
 padding:0!important;margin:0!important;overflow:visible!important;
 width:clamp(170px,24vw,290px)!important;max-width:52vw!important;
 min-width:0!important;height:auto!important;min-height:50px!important;
}
header.nav button.wordmark::before,header.nav button.wordmark::after{display:none!important;content:none!important}
header.nav button.wordmark img.ji-v55-logo {
 display:block!important;width:100%!important;height:auto!important;max-width:290px!important;
 max-height:86px!important;object-fit:contain!important;object-position:left center!important;
 filter:none!important;transform:none!important;mix-blend-mode:normal!important;
 border:0!important;box-shadow:none!important;background:none!important;
}
/* Prevent the initial base render from flashing beneath the final page render. */

@media(max-width:700px){header.nav button.wordmark,body.v23-interior header.nav button.wordmark,
body.v24-interior header.nav button.wordmark,body.v20-interior header.nav button.wordmark {
 width:clamp(145px,42vw,225px)!important;max-width:58vw!important;min-height:44px!important}
header.nav button.wordmark img.ji-v55-logo{max-width:225px!important;max-height:70px!important}}

/* V71: Preserve the full portrait illustration for A Page For Everybody only. */
.atlas-reading .v24-vista img[src*="scene-11-2-v70.webp"] {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* V79: Living Atlas finale and passport presentation */
.atlas-ending>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:22px 22px 0 0}
.atlas-finale-prose p{margin:0 0 1.1em;line-height:1.85}
.atlas-finale-achievement{font-weight:700;letter-spacing:.08em;color:#f4d58b;text-align:center;margin:1.8rem 0}
.atlas-passport .v24-ending-tile small{display:block;margin-top:.5rem;color:#f4d58b}

/* V81 — Consistent clean typography, without altering original image/wordmark assets. */
:root{--ji-type:'DM Sans','Segoe UI',Arial,sans-serif}
body,button,input,textarea,select,option{font-family:var(--ji-type)!important}
/* Prior adventure styles forced Georgia on headings and story copy. */
#app, #app .v24-page, #app .atlas-cover, #app .atlas-story, #app .atlas-page, #app .v24-story, #app .v24-passport, #app .v24-directory, #app .v24-ending-grid,
#app h1,#app h2,#app h3,#app h4,#app h5,#app h6,#app p,#app li,#app blockquote,#app strong,#app b,#app small,#app span:not([class*="icon"]):not([class*="symbol"]),#app button,#app a,#app label,
footer,footer *{font-family:var(--ji-type)!important}
#app h1,#app h2,#app h3,#app h4,#app h5,#app h6{font-weight:750!important;letter-spacing:-.035em!important;line-height:1.14!important}
#app p,#app li,#app blockquote{line-height:1.65}
#app .v24-kicker{font-weight:800!important;letter-spacing:.13em!important}
#app .v24-passport-page .v24-kicker{font-size:clamp(17px,2.5vw,29px)!important;line-height:1.4!important;letter-spacing:.075em!important;max-width:850px;margin:0 auto;color:#ffe09c}
#app .v24-passport-page .v24-headline{padding-bottom:18px!important}
/* Keep the approved visual brand logo intact. */

/* V82: sitewide typography fix, including dialogs outside #app. */
:root{--ji-clean-font:'DM Sans','Segoe UI',Arial,Helvetica,sans-serif!important}
html,body,body *:not(svg):not(svg *):not(.ji-preserve-wordmark):not(.ji-preserve-wordmark *){font-family:var(--ji-clean-font)!important}
h1,h2,h3,h4,h5,h6,.door-name,.v24-headline,.v24-title,.v24-ending-title,.v24-cover-title,.atlas-cover-title,.atlas-story-title,[role="dialog"] h1,[role="dialog"] h2,[class*="modal"] h1,[class*="modal"] h2,[class*="popup"] h2{font-family:var(--ji-clean-font)!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.13!important}
/* The brand mark is a graphic; preserve its original lettering. */
img,svg,canvas{font-family:inherit}