:root{--gold:#d8ae58;--gold-light:#f5d995;--emerald-deep:#0d241b;--ivory:#f4ead2;--line:rgba(225,184,94,.62)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--emerald-deep)}body{font-family:Georgia,'Times New Roman',serif;color:var(--ivory);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}
.hero{position:relative;width:100%;height:100svh;min-height:620px;isolation:isolate;overflow:hidden;background:#10261d}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-5;pointer-events:none}.hero-poster img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-video-mobile{display:none}
.hero-video::-webkit-media-controls,.hero-video::-webkit-media-controls-start-playback-button,.hero-video::-webkit-media-controls-play-button,.hero-video::-webkit-media-controls-overlay-play-button,.hero-video::-webkit-media-controls-enclosure{display:none!important;-webkit-appearance:none}
.hero-shade{position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at 50% 35%,rgba(18,74,54,.08) 0 26%,rgba(8,36,26,.20) 58%,rgba(0,0,0,.60) 100%),linear-gradient(to bottom,rgba(0,0,0,.12),transparent 28%,transparent 69%,rgba(0,0,0,.48))}
.ambient-glow{position:absolute;z-index:-3;left:50%;top:28%;width:34vw;height:34vw;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(224,181,83,.07),transparent 68%);filter:blur(20px);pointer-events:none}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding:max(22px,env(safe-area-inset-top)) clamp(22px,3vw,52px) 0}
.menu-button{min-width:126px;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:19px;border:1px solid var(--line);background:rgba(17,56,41,.30);backdrop-filter:blur(9px);cursor:pointer;color:var(--gold-light);letter-spacing:.14em;font-size:13px;transition:.25s ease}.menu-button:hover{background:rgba(37,110,80,.54);box-shadow:0 0 24px rgba(213,169,78,.17);transform:translateY(-1px)}.menu-button i{width:19px;display:grid;gap:4px}.menu-button b{display:block;height:1px;width:100%;background:currentColor}
.hero-content{position:absolute;left:50%;top:8%;width:min(90vw,1200px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.brand-title{margin:0;width:min(75vw,1060px);filter:drop-shadow(0 5px 12px rgba(0,0,0,.78))}.brand-title img{display:block;width:100%;height:auto}.tagline{margin:4px 0 0;color:#f1ddb1;letter-spacing:clamp(.22em,.55vw,.42em);font-size:clamp(11px,1.12vw,17px);text-shadow:0 2px 8px rgba(0,0,0,.8)}.tagline span{color:var(--gold-light)}.tagline::after{content:'';display:block;width:min(350px,48vw);height:1px;margin:10px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.worlds{position:absolute;z-index:10;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(83vw,1120px)}.worlds-label{margin:0 0 14px;display:flex;align-items:center;justify-content:center;gap:14px;color:#ead196;font-size:12px;letter-spacing:.10em;text-shadow:0 2px 6px #000}.worlds-label span{display:inline-block;width:clamp(45px,8vw,110px);height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.worlds-label span:last-child{transform:scaleX(-1)}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,5vw,76px);align-items:start}
.world-card{appearance:none;border:0;outline:0;background:transparent;box-shadow:none;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;color:var(--gold-light);cursor:pointer;text-align:center;transition:transform .25s ease,filter .25s ease;min-width:0}.world-card:hover,.world-card:focus-visible{transform:translateY(-4px);filter:drop-shadow(0 0 12px rgba(232,190,92,.32))}.world-icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center}.world-icon img{width:68px;height:68px;display:block;object-fit:contain;object-position:center}.world-card strong{display:block;color:#f2d38c;font-weight:500;font-size:clamp(14px,1.35vw,20px);line-height:1.08;text-shadow:0 2px 7px rgba(0,0,0,.85)}
.menu-overlay,.world-overlay{position:fixed;inset:0;z-index:100;display:grid;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.menu-overlay.is-open,.world-overlay.is-open{opacity:1;visibility:visible}.menu-backdrop,.world-backdrop{position:absolute;inset:0;background:rgba(8,31,22,.64);backdrop-filter:blur(12px)}.menu-panel{position:relative;margin-left:auto;width:min(540px,88vw);height:100%;padding:clamp(75px,12vh,130px) clamp(32px,6vw,76px);background:linear-gradient(150deg,rgba(24,80,58,.92),rgba(10,33,24,.93));border-left:1px solid var(--line);box-shadow:-30px 0 70px rgba(0,0,0,.4);transform:translateX(30px);transition:transform .35s ease}.menu-overlay.is-open .menu-panel{transform:translateX(0)}.close-button{position:absolute;top:27px;right:30px;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--gold-light);font-size:28px;line-height:1;cursor:pointer}.eyebrow{margin:0 0 26px;color:var(--gold);letter-spacing:.2em;font-size:11px;text-transform:uppercase}.overlay-nav{display:grid}.overlay-nav button{display:grid;grid-template-columns:42px 1fr;align-items:baseline;padding:18px 0;border:0;border-bottom:1px solid rgba(222,177,85,.22);background:transparent;text-align:left;cursor:pointer;color:inherit}.overlay-nav small{color:#92733c;font-size:10px;letter-spacing:.1em}.overlay-nav span{color:#f1ddb2;font-size:clamp(23px,3vw,38px);transition:color .2s ease,padding-left .2s ease}.overlay-nav button:hover span{color:var(--gold-light);padding-left:6px}.menu-note{position:absolute;bottom:42px;left:clamp(32px,6vw,76px);color:#a89364;font-size:12px;letter-spacing:.12em}.world-overlay{place-items:center;padding:24px}.world-panel{position:relative;width:min(680px,94vw);min-height:390px;padding:clamp(38px,6vw,70px);border:1px solid var(--line);outline:1px solid rgba(112,76,27,.55);outline-offset:-8px;background:linear-gradient(145deg,rgba(31,94,68,.74),rgba(13,47,34,.76));box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 70px rgba(211,165,71,.08);transform:scale(.96) translateY(12px);transition:transform .3s ease}.world-overlay.is-open .world-panel{transform:scale(1) translateY(0)}.world-panel h2{margin:0;color:#f0d18a;font-size:clamp(38px,6vw,68px);line-height:.98;font-weight:500}.world-subtitle{margin:13px 0 24px;color:#d8c79e;text-transform:uppercase;font-size:11px;letter-spacing:.22em}.world-description{margin:0;color:#ded4bc;line-height:1.7;font-family:Arial,Helvetica,sans-serif;font-size:15px;max-width:560px}.world-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:35px}.primary-action,.secondary-action{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 22px;cursor:pointer}.primary-action{border:1px solid var(--gold);background:rgba(199,149,54,.16);color:var(--gold-light);text-transform:uppercase;letter-spacing:.11em;font-size:11px}.secondary-action{border:0;background:transparent;color:#b9a983;font-size:12px}
@media(max-width:720px){.hero{min-height:100svh}.hero-video-desktop{display:none!important}.hero-video-mobile{display:block!important}.hero-poster{display:block}.site-header{padding:max(18px,env(safe-area-inset-top)) 16px 0}.menu-button{min-width:98px;height:44px;gap:12px;font-size:10px}.hero-content{top:96px;width:95vw}.brand-title{width:94vw;max-width:680px}.tagline{margin-top:2px;font-size:8.8px;letter-spacing:.18em}.tagline::after{width:min(270px,65vw);margin-top:8px}.worlds{width:calc(100vw - 32px);bottom:max(24px,calc(env(safe-area-inset-bottom) + 8px))}.worlds-label{margin-bottom:12px;font-size:9px}.world-grid{gap:10px}.world-card{gap:5px;padding:0 3px}.world-icon{width:54px;height:54px}.world-icon img{width:54px;height:54px}.world-card strong{font-size:clamp(10px,3vw,13px);line-height:1.12;max-width:110px}}
@media(max-width:390px){.hero-content{top:90px}.worlds{bottom:max(18px,env(safe-area-inset-bottom))}.world-icon{width:48px;height:48px}.world-icon img{width:48px;height:48px}.world-card strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}

.hero-poster{z-index:-6;}
.hero-video{z-index:-5;background:transparent;}

/* Safari v7: never expose the native paused-video overlay. */
@media(max-width:720px){
  .hero-video-mobile{opacity:0!important;visibility:visible!important;transition:opacity .32s ease!important;}
  .hero-video-mobile.is-playing{opacity:1!important;}
  .hero-poster{opacity:1;}
}

/* Magical reveal */
body{overflow:hidden}
.hero-content{position:absolute;overflow:visible}
.magic-dust{position:absolute;inset:-18px -30px auto -30px;height:120px;pointer-events:none;z-index:1}
.spark{position:absolute;display:block;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle, rgba(255,244,200,1) 0%, rgba(247,215,123,.95) 42%, rgba(247,215,123,0) 72%);box-shadow:0 0 10px rgba(244,203,104,.75),0 0 20px rgba(244,203,104,.35);opacity:0;transform:translateY(8px) scale(.7)}
.s1{left:12%;top:58px}.s2{left:26%;top:18px;width:9px;height:9px}.s3{right:25%;top:22px}.s4{right:10%;top:56px;width:8px;height:8px}.s5{left:48%;top:2px;width:6px;height:6px}.s6{left:68%;top:44px;width:5px;height:5px}
.brand-title,.tagline,.worlds-label,.world-card{opacity:0}
.brand-title{position:relative;transform:translateY(14px) scale(.985);}
.tagline{transform:translateY(12px)}
.worlds-label,.world-card{transform:translateY(16px)}
.brand-title::before{content:'';position:absolute;inset:-18px -40px -6px;border-radius:999px;background:radial-gradient(circle at center, rgba(233,194,97,.18), rgba(233,194,97,.06) 36%, rgba(233,194,97,0) 72%);filter:blur(10px);opacity:0;pointer-events:none}
.brand-title::after{content:'';position:absolute;top:-6%;bottom:-6%;left:-28%;width:28%;background:linear-gradient(105deg, rgba(255,255,255,0) 10%, rgba(255,247,211,.16) 40%, rgba(255,232,164,.48) 50%, rgba(255,247,211,.16) 60%, rgba(255,255,255,0) 90%);transform:skewX(-18deg);opacity:0;pointer-events:none;mix-blend-mode:screen;filter:blur(1px)}
body.intro-ready .brand-title{animation:titleAppear 1.35s cubic-bezier(.18,.72,.18,1) .15s forwards}
body.intro-ready .brand-title::before{animation:haloAppear 1.2s ease-out .1s forwards}
body.intro-ready .brand-title::after{animation:shimmerSweep 1.2s ease-out 1s 1 forwards}
body.intro-ready .tagline{animation:subtitleAppear .9s ease-out .85s forwards}
body.intro-ready .worlds-label{animation:worldsAppear .8s ease-out 1.2s forwards}
body.intro-ready .world-card:nth-child(1){animation:worldsAppear .7s ease-out 1.3s forwards}
body.intro-ready .world-card:nth-child(2){animation:worldsAppear .7s ease-out 1.42s forwards}
body.intro-ready .world-card:nth-child(3){animation:worldsAppear .7s ease-out 1.54s forwards}
body.intro-ready .spark{animation:sparkBurst 1.9s ease-out forwards, sparkleTwinkle 3.2s ease-in-out 2s infinite}
body.intro-ready .s1{animation-delay:.05s,2.4s}
body.intro-ready .s2{animation-delay:.25s,2.1s}
body.intro-ready .s3{animation-delay:.15s,2.9s}
body.intro-ready .s4{animation-delay:.35s,2.5s}
body.intro-ready .s5{animation-delay:.45s,2.8s}
body.intro-ready .s6{animation-delay:.3s,2.2s}
@keyframes titleAppear{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px) drop-shadow(0 0 0 rgba(0,0,0,0))}55%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 5px 12px rgba(0,0,0,.78))}}
@keyframes haloAppear{0%{opacity:0;transform:scale(.86)}100%{opacity:1;transform:scale(1)}}
@keyframes subtitleAppear{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes worldsAppear{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
@keyframes shimmerSweep{0%{left:-28%;opacity:0}15%{opacity:1}100%{left:108%;opacity:0}}
@keyframes sparkBurst{0%{opacity:0;transform:translateY(14px) scale(.45)}25%{opacity:1}100%{opacity:.88;transform:translateY(0) scale(1)}}
@keyframes sparkleTwinkle{0%,100%{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:720px){
  .magic-dust{inset:-8px -16px auto -16px;height:94px}
  .s1{left:16%;top:52px}.s2{left:30%;top:18px}.s3{right:27%;top:18px}.s4{right:13%;top:52px}.s5{left:49%;top:0}.s6{left:69%;top:38px}
}
@media(prefers-reduced-motion:reduce){
  .spark,.brand-title,.tagline,.worlds-label,.world-card{opacity:1 !important;transform:none !important;animation:none !important}
  .brand-title::before,.brand-title::after{display:none !important}
}

/* v9: sparkle-forward reveal, no broad gold halo */
.brand-title::before{display:none!important}
.brand-title{filter:drop-shadow(0 4px 10px rgba(0,0,0,.72))}
.brand-title::after{background:linear-gradient(105deg,rgba(255,255,255,0) 18%,rgba(255,247,211,.08) 42%,rgba(255,238,177,.28) 50%,rgba(255,247,211,.08) 58%,rgba(255,255,255,0) 82%);filter:none}
.magic-dust{height:150px;inset:-30px -50px auto -50px}
.spark{width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,245,1) 0%,rgba(255,235,169,.96) 35%,rgba(239,191,84,.72) 52%,rgba(239,191,84,0) 75%);box-shadow:0 0 8px rgba(255,231,156,.85),0 0 16px rgba(239,191,84,.28)}
.s1{left:7%;top:92px}.s2{left:18%;top:34px;width:9px;height:9px}.s3{left:31%;top:72px}.s4{left:41%;top:12px;width:5px;height:5px}.s5{left:51%;top:62px;width:8px;height:8px}.s6{left:60%;top:22px}.s7{left:69%;top:82px;width:5px;height:5px}.s8{left:78%;top:40px;width:8px;height:8px}.s9{left:89%;top:96px}.s10{left:25%;top:108px;width:5px;height:5px}.s11{left:56%;top:112px}.s12{left:83%;top:120px;width:5px;height:5px}
body.intro-ready .spark{animation:sparkBurst 1.45s cubic-bezier(.18,.72,.2,1) forwards,sparkleTwinkle 2.8s ease-in-out 1.7s infinite}
body.intro-ready .s1{animation-delay:.02s,1.8s}body.intro-ready .s2{animation-delay:.12s,2.1s}body.intro-ready .s3{animation-delay:.2s,2.4s}body.intro-ready .s4{animation-delay:.28s,1.9s}body.intro-ready .s5{animation-delay:.34s,2.2s}body.intro-ready .s6{animation-delay:.42s,2.5s}body.intro-ready .s7{animation-delay:.48s,2.0s}body.intro-ready .s8{animation-delay:.56s,2.3s}body.intro-ready .s9{animation-delay:.64s,2.6s}body.intro-ready .s10{animation-delay:.7s,1.85s}body.intro-ready .s11{animation-delay:.78s,2.15s}body.intro-ready .s12{animation-delay:.86s,2.45s}
@keyframes sparkBurst{0%{opacity:0;transform:translateY(18px) scale(.25)}30%{opacity:1}65%{opacity:.95;transform:translateY(-2px) scale(1.25)}100%{opacity:.72;transform:translateY(0) scale(1)}}

/* v9: ring-free, retina-crisp world icons */
.world-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;overflow:visible}
.world-icon img{width:68px;height:68px;display:block;object-fit:contain;object-position:center;overflow:visible;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
@media(max-width:720px){.world-icon{width:58px;height:58px}.world-icon img{width:54px;height:54px}.magic-dust{height:120px;inset:-12px -20px auto -20px}}
@media(max-width:390px){.world-icon{width:52px;height:52px}.world-icon img{width:48px;height:48px}}

/* v10: pure sparkle title reveal — absolutely no text highlight sweep or halo */
.brand-title::before,
.brand-title::after{content:none!important;display:none!important;background:none!important;animation:none!important;filter:none!important}
body.intro-ready .brand-title::before,
body.intro-ready .brand-title::after{animation:none!important}

/* Title itself simply materializes while the independent sparkle particles do the magic. */
@keyframes titleAppear{
  0%{opacity:0;transform:translateY(8px) scale(.992);filter:blur(3px) drop-shadow(0 4px 10px rgba(0,0,0,.72))}
  55%{opacity:.72;filter:blur(1px) drop-shadow(0 4px 10px rgba(0,0,0,.72))}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 4px 10px rgba(0,0,0,.72))}
}

/* Slightly stronger visual presence for the world chooser heading. */
.worlds-label{font-size:14px;letter-spacing:.11em;margin-bottom:15px}
@media(max-width:720px){.worlds-label{font-size:11px;margin-bottom:13px}}
@media(max-width:390px){.worlds-label{font-size:10.5px}}

/* v11 perceived-performance tuning */
.hero-poster{contain:strict;will-change:auto}
.hero-video{opacity:0;transition:opacity .28s ease;will-change:opacity;transform:translateZ(0)}
.hero-video.is-playing{opacity:1}
.brand-title img,.world-icon img{content-visibility:auto}
@media(max-width:720px){
  .hero-video-mobile{opacity:0!important;display:block!important}
  .hero-video-mobile.is-playing{opacity:1!important}
}

/* v13: larger world prompt + final division logos in first popup */
.worlds-label{
  font-size:18px !important;
  letter-spacing:.105em;
  margin-bottom:18px !important;
  font-weight:500;
}
.worlds-label span{width:clamp(58px,9vw,132px)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.world-panel{
  width:min(760px,94vw);
  padding:clamp(28px,4.5vw,54px);
}
.world-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:-8px auto 14px;
}
.world-logo{
  display:block;
  width:min(440px,76vw);
  max-height:42vh;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42));
}
.world-subtitle{text-align:center;margin:8px 0 17px;font-size:12px;color:#ead29b}
.world-description{text-align:center;margin-inline:auto;max-width:590px}
.world-actions{justify-content:center;margin-top:26px}
.world-panel>.eyebrow{text-align:center;margin-bottom:10px}

@media(max-width:720px){
  .worlds-label{font-size:14px !important;margin-bottom:15px !important;gap:12px}
  .worlds-label span{width:clamp(42px,14vw,78px)}
  .world-overlay{padding:14px}
  .world-panel{width:min(94vw,620px);min-height:0;padding:30px 20px 24px}
  .world-logo{width:min(330px,78vw);max-height:38vh}
  .world-subtitle{font-size:10px;letter-spacing:.16em;margin:5px 0 13px}
  .world-description{font-size:13px;line-height:1.55}
  .world-actions{margin-top:20px;gap:9px}
}
@media(max-width:390px){
  .worlds-label{font-size:13px !important}
  .world-logo{width:min(300px,80vw);max-height:36vh}
}


/* v14: transparent division logos + enchanted jungle theme in world popups */
.world-backdrop{background:rgba(0,10,7,.62);backdrop-filter:blur(12px) saturate(1.08)}
.world-panel{
  background:
    linear-gradient(145deg,rgba(6,31,22,.90),rgba(2,14,10,.93)),
    url('../img/jungle-desktop-poster-v11.jpg') center/cover no-repeat;
  background-blend-mode:overlay,normal;
  border:1px solid rgba(227,186,98,.42);
  outline:1px solid rgba(112,76,27,.38);
  box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 56px rgba(33,110,69,.14);
}
.world-panel::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,231,170,.08),transparent 28%),radial-gradient(circle at 50% 72%,rgba(32,102,68,.15),transparent 42%);pointer-events:none}
.world-logo-wrap{position:relative;isolation:isolate;padding:2px 0 12px}
.world-logo-wrap::before{content:'';position:absolute;left:50%;top:50%;width:min(380px,70vw);height:min(240px,34vh);transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(232,196,101,.10),rgba(7,27,19,0) 68%);filter:blur(8px);z-index:-1;pointer-events:none}
.world-logo{filter:drop-shadow(0 14px 26px rgba(0,0,0,.26))}
@media(max-width:720px){
  .world-panel{background:linear-gradient(145deg,rgba(6,31,22,.90),rgba(2,14,10,.93)),url('../img/jungle-mobile-poster-v11.jpg') center/cover no-repeat;background-blend-mode:overlay,normal}
  .world-logo-wrap::before{width:min(280px,78vw);height:min(200px,28vh)}
}


/* v15: pearl-and-gold homepage icons + transparent Ivory's Care popup animation */
.world-icon{width:78px;height:78px}
.world-icon img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.48));}
.world-logo-wrap{min-height:250px}
.world-animation{display:block;width:min(680px,86vw);max-height:44vh;height:auto;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.28));}
.world-animation[hidden]{display:none!important}
.world-logo.is-hidden{display:none!important}
@media(max-width:720px){
  .world-icon{width:64px;height:64px}
  .world-icon img{width:60px;height:60px}
  .world-logo-wrap{min-height:190px}
  .world-animation{width:min(540px,88vw);max-height:36vh}
}
@media(max-width:390px){
  .world-icon{width:58px;height:58px}
  .world-icon img{width:54px;height:54px}
}

/* v16: world popup completely covers the homepage with its own clean jungle scene */
.world-overlay{
  background:
    linear-gradient(180deg,rgba(2,13,9,.42),rgba(1,9,6,.70)),
    url('../img/popup-jungle-desktop-v16.webp') center/cover no-repeat;
}
.world-backdrop{
  background:rgba(0,8,5,.12)!important;
  backdrop-filter:none!important;
}
.world-panel{
  background:linear-gradient(145deg,rgba(5,31,21,.80),rgba(1,13,9,.88))!important;
  background-blend-mode:normal!important;
  backdrop-filter:blur(8px) saturate(1.08);
  -webkit-backdrop-filter:blur(8px) saturate(1.08);
}
.world-panel::before{
  background:radial-gradient(circle at 50% 18%,rgba(255,231,170,.06),transparent 28%),radial-gradient(circle at 50% 72%,rgba(32,102,68,.10),transparent 42%)!important;
}
@media(max-width:720px){
  .world-overlay{
    background:
      linear-gradient(180deg,rgba(2,13,9,.34),rgba(1,9,6,.72)),
      url('../img/popup-jungle-mobile-v16.webp') center/cover no-repeat;
  }
  .world-panel{
    background:linear-gradient(145deg,rgba(5,31,21,.76),rgba(1,13,9,.88))!important;
  }
}


/* v17: unify site emerald palette to match homepage across menus and popups */
:root{--home-green-1:#06130e;--home-green-2:#082018;--home-green-3:#0d2d21;--home-green-4:#143827;--home-green-glass:rgba(6,31,22,.86);--home-green-glass-2:rgba(2,14,10,.90)}
.menu-button{background:linear-gradient(145deg,rgba(5,24,17,.58),rgba(2,13,9,.52))!important;border-color:rgba(225,184,94,.58)!important}
.menu-button:hover{background:linear-gradient(145deg,rgba(10,44,31,.82),rgba(4,22,16,.78))!important}
.menu-backdrop{background:rgba(1,10,7,.62)!important;backdrop-filter:blur(10px) saturate(1.04)!important}
.menu-panel{background:linear-gradient(150deg,rgba(7,34,24,.98),rgba(2,14,10,.98))!important;box-shadow:-30px 0 70px rgba(0,0,0,.46),0 0 48px rgba(25,96,65,.12)!important}
.world-panel{border-color:rgba(227,186,98,.44)!important;box-shadow:0 28px 80px rgba(0,0,0,.54),0 0 56px rgba(33,110,69,.16)!important}
.primary-action{background:linear-gradient(145deg,rgba(13,58,41,.42),rgba(4,21,15,.34))!important}
.secondary-action{color:#d5c08a!important}

/* v18: Ivory's Care popup can use its own enchanted jungle video background */
.world-overlay{position:fixed;inset:0;isolation:isolate;overflow:hidden}
.world-overlay-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .32s ease;z-index:0;background:#10261d;pointer-events:none}
.world-overlay-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,16,12,.35),rgba(2,10,7,.68));opacity:0;transition:opacity .32s ease;z-index:1;pointer-events:none}
.world-overlay.has-bg-video .world-overlay-video,.world-overlay.has-bg-video .world-overlay-tint{opacity:1}
.world-overlay.has-bg-video{background:#10261d !important}
.world-overlay.has-bg-video .world-backdrop{background:rgba(0,8,5,.18)!important}
.world-overlay.has-bg-video .world-panel{background:linear-gradient(145deg,rgba(5,31,21,.72),rgba(1,13,9,.84))!important;backdrop-filter:blur(10px) saturate(1.08);-webkit-backdrop-filter:blur(10px) saturate(1.08);box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 56px rgba(24,95,63,.16)!important}
.world-overlay.has-bg-video .world-panel::before{background:radial-gradient(circle at 50% 18%,rgba(255,231,170,.04),transparent 28%),radial-gradient(circle at 50% 72%,rgba(32,102,68,.08),transparent 42%)!important}
.world-overlay .world-backdrop{z-index:2}
.world-overlay .world-panel{position:relative;z-index:3}
@media(max-width:720px){
  .world-overlay.has-bg-video .world-panel{background:linear-gradient(145deg,rgba(5,31,21,.70),rgba(1,13,9,.86))!important}
}


/* v19: more transparent popup panel + mobile-specific Ivory's Care popup video */
.world-overlay-video{
  object-position:center center;
}
.world-overlay-tint{
  background:linear-gradient(180deg,rgba(3,16,12,.24),rgba(2,10,7,.50));
}
.world-overlay.has-bg-video .world-backdrop{
  background:rgba(0,8,5,.08)!important;
}
.world-overlay.has-bg-video .world-panel{
  background:linear-gradient(145deg,rgba(5,31,21,.44),rgba(1,13,9,.56))!important;
  backdrop-filter:blur(12px) saturate(1.06);
  -webkit-backdrop-filter:blur(12px) saturate(1.06);
  border-color:rgba(227,186,98,.30)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.44),0 0 44px rgba(24,95,63,.10)!important;
}
.world-overlay.has-bg-video .world-panel::before{
  background:radial-gradient(circle at 50% 18%,rgba(255,231,170,.025),transparent 28%),radial-gradient(circle at 50% 72%,rgba(32,102,68,.05),transparent 42%)!important;
}
.world-overlay.has-bg-video .world-subtitle,
.world-overlay.has-bg-video .world-description,
.world-overlay.has-bg-video .secondary-action,
.world-overlay.has-bg-video .eyebrow{
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}
@media(max-width:720px){
  .world-overlay.has-bg-video .world-panel{
    background:linear-gradient(145deg,rgba(5,31,21,.38),rgba(1,13,9,.54))!important;
    backdrop-filter:blur(10px) saturate(1.04);
    -webkit-backdrop-filter:blur(10px) saturate(1.04);
  }
  .world-overlay-tint{
    background:linear-gradient(180deg,rgba(3,16,12,.18),rgba(2,10,7,.42));
  }
}


/* v20: completely transparent popup panel, with content floating over the world video */
.world-overlay.has-bg-video .world-panel,
.world-panel{
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.world-overlay.has-bg-video .world-panel::before,
.world-panel::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
.world-logo-wrap::before{
  content:none!important;
  display:none!important;
}
.world-overlay.has-bg-video .world-backdrop{
  background:rgba(0,8,5,.04)!important;
}
.world-overlay.has-bg-video .world-overlay-tint{
  background:linear-gradient(180deg,rgba(3,16,12,.10),rgba(2,10,7,.28))!important;
}
.world-panel>.eyebrow,
.world-subtitle,
.world-description,
.secondary-action{
  text-shadow:0 2px 12px rgba(0,0,0,.62),0 1px 3px rgba(0,0,0,.75)!important;
}
.primary-action{
  background:rgba(2,15,10,.22)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
@media(max-width:720px){
  .world-overlay.has-bg-video .world-overlay-video{
    object-position:center center;
  }
  .world-overlay.has-bg-video .world-overlay-tint{
    background:linear-gradient(180deg,rgba(3,16,12,.08),rgba(2,10,7,.24))!important;
  }
  .world-panel{padding-left:18px!important;padding-right:18px!important}
}

/* v21: restore a very light glass panel while keeping the popup video clearly visible */
.world-panel,
.world-overlay.has-bg-video .world-panel{
  background:linear-gradient(145deg,rgba(5,31,21,.24),rgba(1,13,9,.38))!important;
  background-image:none!important;
  backdrop-filter:blur(8px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.04)!important;
  border:1px solid rgba(227,186,98,.28)!important;
  outline:1px solid rgba(112,76,27,.20)!important;
  outline-offset:-8px!important;
  box-shadow:0 24px 64px rgba(0,0,0,.30),0 0 36px rgba(24,95,63,.07)!important;
}
.world-panel::before,
.world-overlay.has-bg-video .world-panel::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 50% 16%,rgba(255,231,170,.025),transparent 28%),radial-gradient(circle at 50% 75%,rgba(32,102,68,.04),transparent 42%)!important;
  pointer-events:none!important;
}
.world-logo-wrap::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(360px,68vw)!important;
  height:min(220px,32vh)!important;
  transform:translate(-50%,-50%)!important;
  background:radial-gradient(ellipse,rgba(232,196,101,.055),rgba(7,27,19,0) 70%)!important;
  filter:blur(7px)!important;
  z-index:-1!important;
  pointer-events:none!important;
}
.world-overlay.has-bg-video .world-backdrop{background:rgba(0,8,5,.035)!important}
.world-overlay.has-bg-video .world-overlay-tint{background:linear-gradient(180deg,rgba(3,16,12,.08),rgba(2,10,7,.20))!important}
.primary-action{background:rgba(2,15,10,.18)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
@media(max-width:720px){
  .world-panel,
  .world-overlay.has-bg-video .world-panel{
    background:linear-gradient(145deg,rgba(5,31,21,.20),rgba(1,13,9,.34))!important;
    backdrop-filter:blur(7px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(7px) saturate(1.03)!important;
    border-color:rgba(227,186,98,.25)!important;
    box-shadow:0 20px 52px rgba(0,0,0,.26),0 0 28px rgba(24,95,63,.06)!important;
  }
  .world-overlay.has-bg-video .world-overlay-tint{background:linear-gradient(180deg,rgba(3,16,12,.06),rgba(2,10,7,.18))!important}
}

/* v22: desktop Ivory popup background should display at original size instead of zoomed/cropped */
@media (min-width:721px){
  .world-overlay.has-bg-video .world-overlay-video{
    object-fit:contain !important;
    object-position:center center !important;
    background:#10261d !important;
  }
}

/* v23: mobile Ivory popup video should fill the screen without looking overly stretched */
@media (max-width:720px){
  .world-overlay.has-bg-video .world-overlay-video{
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.03) !important;
    transform-origin:center center !important;
    background:#10261d !important;
  }
}


/* v24: use a static enchanted jungle image for the Ivory popup on mobile only */
.world-overlay.has-bg-image{
  background:
    linear-gradient(180deg,rgba(3,16,12,.06),rgba(2,10,7,.18)),
    var(--world-mobile-bg) center/cover no-repeat !important;
}
.world-overlay.has-bg-image .world-overlay-video,
.world-overlay.has-bg-image .world-overlay-tint{
  opacity:0 !important;
  display:none !important;
}
.world-overlay.has-bg-image .world-backdrop{
  background:rgba(0,8,5,.035)!important;
}
.world-overlay.has-bg-image .world-panel{
  background:linear-gradient(145deg,rgba(5,31,21,.20),rgba(1,13,9,.34))!important;
  backdrop-filter:blur(7px) saturate(1.03)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.03)!important;
  border:1px solid rgba(227,186,98,.25)!important;
  outline:1px solid rgba(112,76,27,.20)!important;
  outline-offset:-8px!important;
  box-shadow:0 20px 52px rgba(0,0,0,.26),0 0 28px rgba(24,95,63,.06)!important;
}
.world-overlay.has-bg-image .world-panel::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 50% 16%,rgba(255,231,170,.025),transparent 28%),radial-gradient(circle at 50% 75%,rgba(32,102,68,.04),transparent 42%)!important;
  pointer-events:none !important;
}

/* v25 — approved popup backgrounds, transparent logos, unified warm gold */
:root{
  --gold:#c98726!important;
  --gold-light:#efbf61!important;
  --gold-bright:#f7d98c!important;
  --ivory:#f4ead2!important;
  --line:rgba(214,145,34,.50)!important;
  --emerald:#174a34!important;
  --deep:#06130d!important;
}
.brand-title img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.66))}
.tagline,.worlds-label,.world-card strong,.eyebrow,.world-subtitle,.overlay-nav span,.menu-note{color:var(--gold-bright)!important}
.worlds-label span{background:linear-gradient(90deg,transparent,var(--gold))!important}
.menu-button,.close-button,.primary-action{border-color:rgba(214,145,34,.70)!important;color:var(--gold-bright)!important}
.primary-action{background:linear-gradient(145deg,rgba(24,73,49,.42),rgba(7,28,18,.48))!important;box-shadow:inset 0 0 0 1px rgba(247,217,140,.08)}
.primary-action:hover{background:linear-gradient(145deg,rgba(35,92,61,.54),rgba(10,38,25,.58))!important}
.secondary-action{color:#e3c47d!important}

/* Each world has its own approved enchanted-jungle background. */
.world-overlay{background:#103224!important;place-items:center!important;padding:24px!important}
.world-overlay-video,.world-overlay-tint{display:none!important}
.world-overlay.world-care{
  background-image:linear-gradient(180deg,rgba(8,37,25,.10),rgba(4,22,15,.20)),url('../img/popup-care-desktop-v25.webp')!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
.world-overlay.world-collection{
  background-image:linear-gradient(180deg,rgba(8,37,25,.08),rgba(4,22,15,.18)),url('../img/popup-collection-desktop-v25.webp')!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
.world-overlay.world-studios{
  background-image:linear-gradient(180deg,rgba(8,37,25,.08),rgba(4,22,15,.18)),url('../img/popup-studio-desktop-v25.webp')!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
.world-backdrop{background:rgba(2,16,10,.06)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Popup panel mirrors the approved concept: translucent emerald glass + double warm-gold frame. */
.world-panel,.world-overlay.has-bg-image .world-panel,.world-overlay.has-bg-video .world-panel{
  width:min(790px,92vw)!important;
  min-height:0!important;
  padding:clamp(34px,4.2vw,54px)!important;
  background:linear-gradient(145deg,rgba(8,58,39,.68),rgba(3,31,20,.74))!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
  border:2px solid rgba(214,145,34,.82)!important;
  outline:1px solid rgba(247,217,140,.52)!important;
  outline-offset:-9px!important;
  box-shadow:0 28px 74px rgba(0,0,0,.40),inset 0 0 46px rgba(8,56,37,.22)!important;
  border-radius:3px!important;
}
.world-panel::after{
  content:'';position:absolute;inset:9px;pointer-events:none;border:1px solid rgba(239,191,97,.35);z-index:0;
}
.world-panel>*{position:relative;z-index:1}
.world-panel::before{content:none!important;display:none!important}
.world-panel>.eyebrow{margin:0 0 8px!important;text-align:center!important;font-size:12px!important;letter-spacing:.26em!important}
.world-logo-wrap{min-height:0!important;margin:2px auto 8px!important;padding:0!important}
.world-logo-wrap::before{content:none!important;display:none!important}
.world-logo{
  width:min(500px,74vw)!important;max-height:43vh!important;object-fit:contain!important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.24))!important;
}
.world-subtitle{margin:8px 0 14px!important;font-size:15px!important;letter-spacing:.24em!important;text-align:center!important;text-transform:uppercase!important}
.world-description{max-width:610px!important;margin:0 auto!important;text-align:center!important;color:#f3ead8!important;font-size:15px!important;line-height:1.56!important;text-shadow:0 2px 8px rgba(0,0,0,.38)!important}
.world-actions{justify-content:center!important;margin-top:22px!important;gap:9px!important}
.primary-action{min-width:min(360px,72vw)!important;min-height:56px!important;font-size:13px!important;letter-spacing:.15em!important}
.secondary-action{font-family:Georgia,'Times New Roman',serif!important;font-size:13px!important;text-decoration:underline;text-underline-offset:4px}
.close-button{border-radius:50%!important;width:46px!important;height:46px!important;top:22px!important;right:24px!important;background:rgba(5,37,24,.34)!important}

@media(max-width:720px){
  .world-overlay{padding:12px!important}
  .world-overlay.world-care{
    background-image:linear-gradient(180deg,rgba(8,37,25,.08),rgba(4,22,15,.20)),url('../img/popup-care-mobile-v26.webp')!important;
  }
  .world-overlay.world-collection{
    background-image:linear-gradient(180deg,rgba(8,37,25,.08),rgba(4,22,15,.20)),url('../img/popup-collection-mobile-v26.webp')!important;
  }
  .world-overlay.world-studios{
    background-image:linear-gradient(180deg,rgba(8,37,25,.08),rgba(4,22,15,.20)),url('../img/popup-studio-mobile-v26.webp')!important;
  }
  .world-overlay.world-care,.world-overlay.world-collection,.world-overlay.world-studios{
    background-size:cover!important;background-position:center!important;
  }
  .world-panel,.world-overlay.has-bg-image .world-panel,.world-overlay.has-bg-video .world-panel{
    width:min(94vw,620px)!important;
    padding:30px 18px 22px!important;
    background:linear-gradient(145deg,rgba(8,58,39,.58),rgba(3,31,20,.67))!important;
    backdrop-filter:blur(6px) saturate(1.03)!important;
    -webkit-backdrop-filter:blur(6px) saturate(1.03)!important;
    border-color:rgba(214,145,34,.72)!important;
  }
  .world-panel>.eyebrow{font-size:10px!important;letter-spacing:.20em!important;margin-bottom:6px!important}
  .world-logo{width:min(340px,80vw)!important;max-height:34vh!important}
  .world-subtitle{font-size:11px!important;letter-spacing:.16em!important;margin:5px 0 11px!important}
  .world-description{font-size:13px!important;line-height:1.48!important;max-width:88vw!important}
  .world-actions{margin-top:16px!important}
  .primary-action{min-width:min(320px,78vw)!important;min-height:52px!important;font-size:11px!important}
  .secondary-action{font-size:12px!important}
  .close-button{top:16px!important;right:16px!important;width:42px!important;height:42px!important}
}


/* v26: latest approved 9:16 mobile popup backgrounds */
@media(max-width:720px){
  .world-overlay.world-care,.world-overlay.world-collection,.world-overlay.world-studios{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}
}

/* v27 — coded popup layout based on the approved visual reference. */
.world-overlay.is-switching{
  opacity:0!important;
  visibility:hidden!important;
  transition:none!important;
}
.world-overlay{
  transition:opacity .22s ease,visibility .22s ease!important;
}
.world-panel,
.world-overlay.has-bg-image .world-panel,
.world-overlay.has-bg-video .world-panel{
  width:min(850px,91vw)!important;
  max-height:min(86svh,820px)!important;
  overflow:auto!important;
  scrollbar-width:none;
  padding:clamp(34px,4vh,48px) clamp(34px,4.5vw,58px) 24px!important;
  background:linear-gradient(180deg,rgba(8,66,45,.76),rgba(3,39,26,.80))!important;
  border:2px solid #d99b32!important;
  outline:1px solid rgba(248,219,145,.72)!important;
  outline-offset:-8px!important;
  border-radius:8px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 0 56px rgba(0,29,18,.26)!important;
}
.world-panel::-webkit-scrollbar{display:none}
.world-panel::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:12px!important;
  border:1px solid rgba(229,170,67,.50)!important;
  border-radius:3px!important;
  pointer-events:none!important;
  z-index:0!important;
}
.panel-diamond{
  position:absolute;left:50%;width:14px;height:14px;
  background:linear-gradient(135deg,#f6d98d 0 22%,#c88521 24% 74%,#f6d98d 76% 100%);
  border:1px solid #8f5818;transform:translateX(-50%) rotate(45deg);z-index:4;
  box-shadow:0 0 0 2px rgba(5,47,31,.80),0 0 10px rgba(226,164,52,.16)
}
.panel-diamond-top{top:-8px}.panel-diamond-bottom{bottom:-8px}
.world-panel>.eyebrow{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;
  margin:0 auto 12px!important;color:#f2ce80!important;font-size:clamp(10px,1.05vw,13px)!important;
  letter-spacing:.28em!important;white-space:nowrap!important;
}
.world-panel>.eyebrow::before,.world-panel>.eyebrow::after{
  content:'';display:block;width:clamp(45px,8vw,120px);height:1px;
  background:linear-gradient(90deg,transparent,#c98b2c)
}
.world-panel>.eyebrow::after{transform:scaleX(-1)}
.world-logo-wrap{margin:0 auto 4px!important;min-height:0!important;padding:0!important}
.world-logo{
  width:min(520px,68vw)!important;max-height:44vh!important;display:block!important;margin:0 auto!important;
  object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.26))!important;
}
.world-subtitle{
  position:relative;margin:8px auto 18px!important;padding-bottom:12px!important;
  color:#f3ce80!important;font-size:clamp(13px,1.4vw,18px)!important;letter-spacing:.25em!important;
  text-align:center!important;text-transform:uppercase!important;
}
.world-subtitle::after{
  content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(260px,50vw);height:1px;
  background:linear-gradient(90deg,transparent,#d69a35 35%,#d69a35 65%,transparent)
}
.world-description{
  max-width:650px!important;margin:0 auto!important;text-align:center!important;color:#fff7e8!important;
  font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(14px,1.22vw,17px)!important;line-height:1.42!important;
  text-shadow:0 2px 8px rgba(0,0,0,.44)!important;
}
.world-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;margin-top:22px!important}
.primary-action{
  position:relative!important;min-width:min(390px,72vw)!important;min-height:58px!important;
  padding:0 52px!important;border:2px solid #d49a35!important;outline:1px solid rgba(244,207,118,.52)!important;outline-offset:-7px!important;
  border-radius:7px!important;background:linear-gradient(180deg,rgba(7,65,42,.62),rgba(2,35,22,.72))!important;
  color:#f3d58c!important;font-size:clamp(12px,1.08vw,15px)!important;letter-spacing:.16em!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
}
.primary-action::before,.primary-action::after{position:absolute;top:50%;transform:translateY(-50%);color:#e1a746;font-size:18px}
.primary-action::before{content:'›';left:24px}.primary-action::after{content:'‹';right:24px}
.primary-action span{display:none!important}
.secondary-action{
  display:flex!important;align-items:center!important;gap:12px!important;color:#e8cf92!important;font-size:13px!important;text-decoration:underline!important;text-underline-offset:4px!important;
}
.secondary-action::before,.secondary-action::after{content:'';width:70px;height:1px;background:linear-gradient(90deg,transparent,rgba(218,161,62,.68))}
.secondary-action::after{transform:scaleX(-1)}
.close-button{
  top:20px!important;right:22px!important;width:44px!important;height:44px!important;border-radius:50%!important;
  border:1.5px solid #d99b32!important;color:#f2cf82!important;background:rgba(3,45,28,.52)!important;
  font-size:27px!important;line-height:38px!important;z-index:6!important;
}

@media(max-width:720px){
  .world-overlay{padding:10px!important}
  .world-panel,
  .world-overlay.has-bg-image .world-panel,
  .world-overlay.has-bg-video .world-panel{
    width:min(94vw,600px)!important;max-height:90svh!important;padding:34px 17px 20px!important;
    background:linear-gradient(180deg,rgba(8,66,45,.72),rgba(3,39,26,.78))!important;
    backdrop-filter:blur(4px) saturate(1.02)!important;-webkit-backdrop-filter:blur(4px) saturate(1.02)!important;
  }
  .world-panel>.eyebrow{gap:8px!important;font-size:9px!important;letter-spacing:.17em!important;white-space:normal!important;text-align:center!important;line-height:1.35!important;padding:0 46px!important}
  .world-panel>.eyebrow::before,.world-panel>.eyebrow::after{width:26px!important;flex:0 0 26px!important}
  .world-logo{width:min(355px,80vw)!important;max-height:36vh!important}
  .world-subtitle{font-size:11px!important;letter-spacing:.17em!important;margin:4px auto 12px!important;padding-bottom:10px!important}
  .world-description{max-width:85vw!important;font-size:13px!important;line-height:1.42!important}
  .world-actions{margin-top:15px!important;gap:9px!important}
  .primary-action{min-width:min(330px,80vw)!important;min-height:52px!important;padding:0 42px!important;font-size:11px!important}
  .primary-action::before{left:18px}.primary-action::after{right:18px}
  .secondary-action{font-size:11.5px!important;gap:8px!important}
  .secondary-action::before,.secondary-action::after{width:34px!important}
  .close-button{top:15px!important;right:15px!important;width:40px!important;height:40px!important;font-size:24px!important}
  .panel-diamond{width:12px;height:12px}.panel-diamond-top{top:-7px}.panel-diamond-bottom{bottom:-7px}
}

/* v28 — final popup refinement: lighter glass, no top headline, centered logo on desktop + mobile */
.world-panel>.eyebrow{
  display:none!important;
}
.world-panel,
.world-overlay.has-bg-image .world-panel,
.world-overlay.has-bg-video .world-panel{
  background:linear-gradient(180deg,rgba(8,66,45,.42),rgba(3,39,26,.48))!important;
  backdrop-filter:blur(3px) saturate(1.02)!important;
  -webkit-backdrop-filter:blur(3px) saturate(1.02)!important;
}
.world-logo-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:2px auto 6px!important;
  text-align:center!important;
}
.world-logo{
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
  object-position:center center!important;
}
@media(max-width:720px){
  .world-panel,
  .world-overlay.has-bg-image .world-panel,
  .world-overlay.has-bg-video .world-panel{
    background:linear-gradient(180deg,rgba(8,66,45,.34),rgba(3,39,26,.42))!important;
    backdrop-filter:blur(2px) saturate(1.01)!important;
    -webkit-backdrop-filter:blur(2px) saturate(1.01)!important;
    padding-top:26px!important;
  }
  .world-panel>.eyebrow{display:none!important}
  .world-logo-wrap{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    margin:0 auto 6px!important;
  }
  .world-logo{
    display:block!important;
    width:min(360px,82vw)!important;
    max-height:38vh!important;
    margin:0 auto!important;
    object-position:center center!important;
  }
}

/* v29 — mobile 9:16 homepage video + sound control */
.sound-toggle{display:none}
@media(max-width:720px){
  .hero-video-mobile,.hero-poster img{object-fit:cover!important;object-position:center center!important}
  .sound-toggle{
    position:absolute;z-index:22;top:max(20px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));
    min-height:42px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
    border:1px solid rgba(225,184,94,.58);border-radius:999px;
    background:rgba(2,18,11,.38);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
    color:#f3d58c;font-size:10px;letter-spacing:.15em;cursor:pointer;
    text-shadow:0 1px 4px rgba(0,0,0,.72);box-shadow:0 5px 18px rgba(0,0,0,.14);
    transition:opacity .22s ease,background .22s ease,border-color .22s ease;
  }
  .sound-toggle:active{background:rgba(10,55,36,.64)}
  .sound-toggle[aria-pressed="true"]{border-color:rgba(245,217,149,.82);background:rgba(7,49,31,.50)}
  .sound-mark{font-size:16px;line-height:1;transform:translateY(-1px)}
}

/* v31 — preserve source title color exactly; show full popup backgrounds without zoom/cropping. */
.brand-title{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.72))!important;
}
.brand-title img{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  animation:none!important;
  transform:none!important;
}
body.intro-ready .brand-title{opacity:1!important;transform:none!important;animation:none!important}

.world-overlay.world-care,
.world-overlay.world-studios,
.world-overlay.world-collection{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#06130e!important;
}
@media(max-width:720px){
  .world-overlay.world-care,
  .world-overlay.world-studios,
  .world-overlay.world-collection{
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#06130e!important;
  }
  .sound-toggle:not([aria-pressed="true"]) .sound-text::after{content:' · TAP';}
}

/* Stronger stale-popup suppression during world swaps. */
.world-overlay.is-switching{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:none!important;
}

/* v32 — compact matching MENU + SOUND controls */
.menu-button{
  min-width:104px!important;
  height:42px!important;
  padding:0 14px!important;
  gap:12px!important;
  border-radius:999px!important;
  border:1px solid rgba(225,184,94,.58)!important;
  background:rgba(2,18,11,.38)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  color:#f3d58c!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
  box-shadow:0 5px 18px rgba(0,0,0,.14)!important;
}
.menu-button i{width:15px!important;gap:3px!important}
.sound-toggle{
  border-radius:999px!important;
  border:1px solid rgba(225,184,94,.58)!important;
  background:rgba(2,18,11,.38)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  color:#f3d58c!important;
  box-shadow:0 5px 18px rgba(0,0,0,.14)!important;
}
@media(max-width:720px){
  .site-header{padding:max(16px,env(safe-area-inset-top)) 14px 0!important}
  .menu-button,
  .sound-toggle{
    width:88px!important;
    min-width:88px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    gap:7px!important;
    border-radius:999px!important;
    font-size:8.5px!important;
    letter-spacing:.12em!important;
  }
  .sound-toggle{
    top:max(16px,env(safe-area-inset-top))!important;
    left:max(14px,env(safe-area-inset-left))!important;
  }
  .menu-button i{width:13px!important;gap:3px!important}
  .sound-mark{font-size:13px!important;transform:none!important}
  .sound-toggle:not([aria-pressed="true"]) .sound-text::after{content:''!important}
}

/* v40 unified Pearl & Ivory palette */
:root{
  --deep-forest:#0E2F1F;
  --jungle-emerald:#1F5A3D;
  --leaf-green:#2D6B4B;
  --soft-green:#43805E;
  --sage-green:#6FA884;
  --ivory:#F8F6E9;
  --pearl:#EADCC6;
  --royal-gold:#D4AF37;
  --antique-gold:#B58F3B;
  --deep-gold:#8B6F2D;
  --gold:var(--royal-gold);
  --gold-light:#F0D879;
  --emerald-deep:var(--deep-forest);
  --line:rgba(212,175,55,.56);
}
html,body{background:var(--deep-forest);color:var(--ivory)}
.hero{background:var(--jungle-emerald)}
.hero-shade{background:radial-gradient(circle at 50% 35%,rgba(67,128,94,.06) 0 28%,rgba(14,47,31,.14) 58%,rgba(14,47,31,.46) 100%),linear-gradient(to bottom,rgba(14,47,31,.08),transparent 30%,transparent 68%,rgba(14,47,31,.34))}
.menu-button,.sound-toggle{background:rgba(31,90,61,.42);border-color:rgba(212,175,55,.58);color:#F0D879}
.menu-button:hover,.sound-toggle:hover{background:rgba(45,107,75,.62)}
.menu-backdrop,.world-backdrop{background:rgba(14,47,31,.58)}
.menu-panel{background:linear-gradient(150deg,rgba(31,90,61,.95),rgba(14,47,31,.97));border-left-color:rgba(212,175,55,.52)}
.world-panel{background:linear-gradient(145deg,rgba(31,90,61,.72),rgba(14,47,31,.78));border-color:rgba(212,175,55,.72);outline-color:rgba(181,143,59,.48)}
.world-panel,.menu-panel{box-shadow:0 28px 80px rgba(14,47,31,.42),0 0 60px rgba(212,175,55,.08)}
.eyebrow,.world-subtitle,.menu-note,.secondary-action{color:var(--pearl)}
.world-description{color:var(--ivory)}
.primary-action{border-color:var(--royal-gold);background:rgba(212,175,55,.13);color:#F0D879}
.overlay-nav small{color:var(--antique-gold)}
.overlay-nav span,.world-card strong,.worlds-label,.tagline{color:#F0D879}