@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}
}