/* ===== B&K Creator Brand layer (loaded after style.css) =====
   Palette: electric blue + bright orange, white + charcoal. Green/red/yellow = game states only. */
:root{--blue:#1E6BFF;--blue2:#0A47D6;--blueL:#EAF3FF;--orange:#FF7A00;--orange2:#FF4D00;--navy:#0B1530;--navy2:#13224A;--char:#1B1F2A;--muted:#5B6478;
 --bg:#0B1530;--bg2:#13224A;--card:#1A2C5C;--line:#2B4590;--ink:#fff;--sun:#FFC21A;--pink:#FF7A00;--sky:#4D94FF;--mint:#2ED47A;
 --b:#1E6BFF;--b2:#FF7A00;--k:#FF7A00;--k2:#fff;--sh:0 10px 30px rgba(11,21,48,.14),0 2px 6px rgba(11,21,48,.08);--shH:0 18px 40px rgba(11,21,48,.22)}
body.brand,.brand.season-harvest{background:#fff;color:var(--char);font-size:18px}
.season-harvest{--bg:#0B1530;--bg2:#13224A;--card:#1A2C5C;--line:#2B4590;--sun:#FFC21A;--pink:#FF7A00}
.ic{width:1.25em;height:1.25em;vertical-align:-.22em;flex:0 0 auto;color:currentColor}
:focus-visible{outline:4px solid var(--orange)!important;outline-offset:3px}
a{color:var(--blue)}
/* sections: cinematic alternating backgrounds */
.sec{max-width:none;padding:72px 20px;position:relative}
.sec>*{max-width:1120px;margin-left:auto;margin-right:auto}
.sec-white{background:#fff;color:var(--char)}
.sec-sky{background:linear-gradient(180deg,#EAF3FF,#D6E7FF);color:var(--char)}
.sec-navy{background:radial-gradient(1200px 500px at 50% 0,#1A3270,transparent),var(--navy);color:#fff}
.sec-orange{background:linear-gradient(135deg,#FF8A00,#FF4D00);color:#fff}
.sec-white h2,.sec-sky h2{color:var(--char);text-shadow:none}
.sec-navy h2,.sec-orange h2{color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.25)}
.sec h3{color:inherit}
.sec-white .hint,.sec-sky .hint{color:var(--muted)}
.shead{margin-bottom:28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--h);font-size:18px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:var(--blue);color:#fff;margin-bottom:10px}
.sec-navy .eyebrow{background:var(--orange)}.sec-orange .eyebrow{background:#fff;color:var(--orange2)}
h2{font-size:clamp(34px,6vw,58px);line-height:1.02;margin:0 0 10px}
.small{font-size:18px}
/* speed lines + star particles as section decoration */
.sec-navy::before,.sec-orange::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% -20%,rgba(255,255,255,.05) 0 3deg,transparent 3deg 12deg);max-width:none}
.sec-orange::after,.sec-navy::after{content:"";position:absolute;inset:0;pointer-events:none;max-width:none;background:
 radial-gradient(3px 3px at 12% 20%,#fff9,transparent),radial-gradient(2px 2px at 82% 30%,#fff8,transparent),radial-gradient(3px 3px at 70% 80%,#fff7,transparent),radial-gradient(2px 2px at 25% 75%,#fff8,transparent)}
.sec>*{position:relative;z-index:1}
/* ===== HUD nav ===== */
.hud{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:8px 16px;background:rgba(11,21,48,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.hud .logo{transform:rotate(-4deg);font-size:28px;border:0;box-shadow:0 4px 0 var(--orange);border-radius:14px;padding:2px 10px}
.hud .logo span{-webkit-text-stroke:0;text-shadow:none}.lb{color:var(--blue)}.la{color:var(--orange)}.lk{color:var(--char)}
.hudnav{display:flex;gap:4px;margin:0 auto}
.hudnav a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-family:var(--h);font-size:19px;letter-spacing:.5px;padding:8px 14px;min-height:48px;border-radius:14px;transition:background .15s,transform .15s}
.hudnav a:hover{background:rgba(255,255,255,.1)}.hudnav a:active{transform:scale(.95)}
.hudnav .ic{width:22px;height:22px}.hudnav a .ic{color:var(--orange)}
.navworld{display:none!important}
.hudr{display:flex;align-items:center;gap:8px}
.starpill{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--char);font-family:var(--h);font-size:20px;padding:6px 14px 6px 8px;border-radius:999px;min-height:44px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.starpill .ic{width:26px;height:26px}
.round{width:48px;height:48px;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:14px}
.round .ic{width:26px;height:26px}#leafToggle.off{opacity:.45}
.hud .social-mini{display:none}
.bottombar{display:none}
@media (max-width:820px){
 .hudnav{display:none}.hud{justify-content:space-between}
 .bottombar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(11,21,48,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -6px 20px rgba(0,0,0,.25)}
 .bottombar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-decoration:none;font-size:13px;font-weight:800;min-height:56px;justify-content:center;border-radius:14px}
 .bottombar .ic{width:30px;height:30px}.bottombar a:active{background:rgba(255,255,255,.1)}
 body.brand{padding-bottom:84px}
 .fab{bottom:calc(84px + env(safe-area-inset-bottom))!important}
}
/* ===== HERO ===== */
.hero2{position:relative;overflow:hidden;min-height:calc(100svh - 64px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:10px;padding:40px max(24px,4vw) 30px;background:radial-gradient(900px 600px at 78% 45%,#3D8BFF 0%,transparent 60%),linear-gradient(135deg,#0A47D6 0%,#0B1530 70%);color:#fff;text-align:left;max-width:none}
.hero2 .speed{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 75% 45%,rgba(255,255,255,.07) 0 2.5deg,transparent 2.5deg 10deg);pointer-events:none}
.hero2::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:#fff;clip-path:polygon(0 70%,100% 10%,100% 100%,0 100%)}
.herotext{position:relative;z-index:2}
.kicker{display:inline-flex;align-items:center;gap:8px;background:#E60000;color:#fff;font-weight:800;padding:6px 14px;border-radius:999px;font-size:16px;letter-spacing:1px;text-transform:uppercase;margin:0 0 14px}
.biglogo{margin:0;font-family:var(--h);line-height:.86;font-size:clamp(64px,10.5vw,148px);display:flex;flex-direction:column;letter-spacing:1px}
.biglogo span{display:block;color:#fff;-webkit-text-stroke:0;text-shadow:0 6px 0 var(--char),0 12px 30px rgba(0,0,0,.35)}
.biglogo .bl2{color:var(--orange);font-size:.6em;margin:.02em 0 .02em .1em;transform:rotate(-8deg);transform-origin:left;width:max-content}
.biglogo .bl3{color:var(--orange)}
.tagline{font-family:var(--h);font-size:clamp(28px,4vw,46px);margin:18px 0 6px;color:#fff;letter-spacing:1px}
.tagline::before{content:"";display:inline-block;width:.9em;height:.9em;margin-right:.25em;vertical-align:-.08em;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M18.5 2.5L6.5 18h8l-2 11.5L25.5 13h-8.2z' fill='%23FFC21A' stroke='%231B1F2A' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E")}
.subline{font-size:clamp(18px,2vw,22px);font-weight:800;opacity:.9;margin:0 0 24px}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--h);font-size:clamp(20px,2.2vw,26px);letter-spacing:.5px;padding:16px 28px;min-height:64px;border-radius:18px;text-decoration:none;border:0;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s}
.cta .ic{width:26px;height:26px}
.cta-o{background:linear-gradient(180deg,#FF8F1F,#FF6200);color:#fff;box-shadow:0 6px 0 #B84200,0 14px 30px rgba(255,98,0,.4)}
.cta-w{background:#fff;color:var(--blue2);box-shadow:0 6px 0 #9FB8E8,0 14px 30px rgba(0,0,0,.25)}
.cta:hover{transform:translateY(-3px)}.cta:active{transform:translateY(4px) scale(.98);box-shadow:0 2px 0 rgba(0,0,0,.3)}
.hero-social{margin-top:20px;justify-content:flex-start}
.herofig{position:relative;z-index:1;height:min(82svh,700px);display:flex;justify-content:center;align-items:flex-end}
.burst{position:absolute;left:50%;top:50%;width:min(52vw,560px);aspect-ratio:1;transform:translate(-50%,-52%);border-radius:50%;background:radial-gradient(circle,#FF8A00 0 38%,transparent 39%),repeating-conic-gradient(#FF7A00 0 6deg,transparent 6deg 18deg);opacity:.9;-webkit-mask:radial-gradient(circle,#000 55%,transparent 72%);mask:radial-gradient(circle,#000 55%,transparent 72%)}
.boys{position:relative;height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.45));z-index:2}
.whoBtn{position:absolute;top:8%;bottom:8%;width:22%;background:transparent;border:0;z-index:3;padding:0}
.whoB{left:calc(50% - 22%)}.whoK{left:50%}
.ntag2{position:absolute;bottom:-4%;left:50%;transform:translateX(-50%) rotate(-4deg);font-family:var(--h);font-size:clamp(16px,1.8vw,22px);padding:6px 12px;border-radius:12px;white-space:nowrap;box-shadow:0 5px 0 rgba(0,0,0,.3)}
.tb{background:var(--blue);color:#fff;border:3px solid #fff}.tk{background:var(--orange);color:#fff;border:3px solid #fff;transform:translateX(-50%) rotate(4deg)}
.whoK .ntag2{bottom:0}
.fly{position:absolute;z-index:1;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.fly-base{width:72px;height:72px;left:6%;top:14%;z-index:1}
.trail{position:absolute;left:calc(6% + 60px);top:calc(14% + 22px);width:150px;height:28px;z-index:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.8) 0 4px,transparent 4px 10px);-webkit-mask:linear-gradient(90deg,#000,transparent);mask:linear-gradient(90deg,#000,transparent)}
.fly-soc{width:80px;height:80px;right:2%;bottom:16%;z-index:3}
.fly-pad{width:84px;height:84px;right:4%;top:10%;transform:rotate(14deg)}
.fly-box{width:76px;height:76px;left:0;bottom:22%;transform:rotate(-10deg);z-index:3}
.fly-bolt{width:56px;height:56px;left:24%;top:2%;transform:rotate(-12deg)}
.bubble2{position:absolute;right:6%;top:30%;z-index:4;margin:0;background:#fff;color:var(--char);font-family:var(--h);font-size:20px;padding:10px 16px;border-radius:18px;box-shadow:0 8px 20px rgba(0,0,0,.25);max-width:220px}
.bubble2::after{content:"";position:absolute;left:18px;bottom:-12px;border:8px solid transparent;border-top:12px solid #fff}
.tapus2{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:8px;font-family:var(--h);font-size:20px;padding:10px 18px;min-height:52px;border-radius:999px;border:3px solid #fff;background:rgba(11,21,48,.7);color:#fff;backdrop-filter:blur(6px)}
.egg-sun{position:absolute;right:14px;top:14px;z-index:5;width:48px;height:48px;border:0;background:transparent;opacity:.55;padding:0}
.egg-sun .ic{width:30px;height:30px}.egg-sun.found{opacity:1}
@media (prefers-reduced-motion:no-preference){
 .biglogo span{animation:logoIn .7s cubic-bezier(.3,1.5,.5,1) both}.biglogo .bl2{animation-delay:.12s}.biglogo .bl3{animation-delay:.22s}
 .tagline{animation:fadeUp .5s .45s both}.subline,.ctas{animation:fadeUp .5s .55s both}
 .boys{animation:fadeUp .7s .2s both}
 .fly-base{animation:flyIn 1s .5s cubic-bezier(.2,.9,.3,1.2) both}
 .fly-soc,.fly-pad,.fly-box{animation:pop .5s .8s both}
 .cta,.yt,.pcard,.tpanel,.oc,.bitem{will-change:transform}
}
@keyframes logoIn{0%{opacity:0;transform:scale(.4) rotate(-6deg)}100%{opacity:1;transform:none}}
.biglogo .bl2{animation-name:logoIn2}@keyframes logoIn2{0%{opacity:0;transform:scale(.3) rotate(-30deg)}100%{opacity:1;transform:rotate(-8deg)}}
@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:none}}
@keyframes flyIn{0%{opacity:0;transform:translate(-160px,60px) rotate(-180deg)}100%{opacity:1;transform:none}}
@media (max-width:820px){
 .hero2{grid-template-columns:1fr;text-align:center;min-height:auto;padding:24px 16px 70px}
 .herotext{order:2}.herofig{order:1;height:min(56svh,440px)}
 .ctas,.hero-social{justify-content:center}.biglogo{align-items:center}.biglogo .bl2{margin-left:0;transform-origin:center}
 .burst{width:min(92vw,420px)}.whoBtn{width:28%}.whoB{left:calc(50% - 28%)}
 .fly-base{width:54px;height:54px}.fly-soc,.fly-pad,.fly-box{width:56px;height:56px}.fly-bolt{display:none}
 .bubble2{font-size:17px;right:2%;top:6%;max-width:150px}
}
/* ===== Video thumbnails ===== */
.thumbs{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto;gap:22px}
.yt{text-align:left;border-radius:22px;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}
.yt:first-child{grid-row:span 2}
.ytimg{position:relative;aspect-ratio:16/9;border-radius:20px;background:#0B1530 center/cover;box-shadow:0 0 0 4px #fff,0 0 0 7px var(--blue),var(--sh);overflow:hidden}
.yt:nth-child(2) .ytimg{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--orange),var(--sh)}
.yt:hover,.yt:active{transform:translateY(-6px)}
.ytplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:54px;border-radius:16px;background:#E60000;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.4);opacity:.95}
.ytplay .ic{width:30px;height:30px}
.ytsoon{position:absolute;left:12px;top:12px;background:var(--char);color:#fff;font-size:14px;font-weight:800;padding:4px 10px;border-radius:8px;letter-spacing:.5px;text-transform:uppercase}
.ytlen{position:absolute;right:12px;bottom:12px;background:var(--orange);color:#fff;font-size:14px;font-weight:800;padding:4px 10px;border-radius:8px}
.yt h3{font-family:"Nunito";font-weight:800;font-size:20px;margin:14px 4px 2px;color:var(--char);line-height:1.25}
.yt p{margin:0 4px;color:var(--muted);font-size:16px}
@media (max-width:700px){.thumbs{grid-template-columns:1fr}.yt:first-child{grid-row:auto}}
/* ===== World map ===== */
.hudrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-bottom:22px;padding:0;max-width:1120px}
.playbtn2{display:inline-flex;align-items:center;gap:12px;font-family:var(--h);font-size:clamp(34px,5vw,48px);padding:14px 44px;min-height:80px;border-radius:24px;border:0;color:#fff;background:linear-gradient(180deg,#FF8F1F,#FF5A00);box-shadow:0 8px 0 #B84200,0 18px 36px rgba(255,90,0,.35);transition:transform .15s cubic-bezier(.3,1.6,.5,1)}
.playbtn2 .ic{width:40px;height:40px}.playbtn2:hover{transform:translateY(-3px)}.playbtn2:active{transform:translateY(5px);box-shadow:0 3px 0 #B84200}
.lvlcard{background:#fff;border-radius:18px;padding:10px 18px;box-shadow:var(--sh);text-align:left;min-width:240px}
.lvlcard .levelName{font-family:var(--h);font-size:20px;color:var(--char)}
.lvlcard .lvlbar{width:100%;background:#E3EAF7;border:0;height:14px;margin-top:6px}.lvlcard .lvlbar i{background:linear-gradient(90deg,var(--blue),var(--orange))}
#map{padding:0;max-width:1120px}
.mapscroll{border-radius:30px;box-shadow:0 0 0 6px #fff,var(--shH);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mapscroll::-webkit-scrollbar{display:none}
.worldmap{position:relative;width:100%;min-width:760px;aspect-ratio:1000/625;border-radius:30px;overflow:hidden}
.worldsvg{position:absolute;inset:0;width:100%;height:100%;display:block}
.mapstop{position:absolute;transform:translate(-50%,-10%);display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:0;min-width:48px;min-height:48px;z-index:2;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.mapstop:hover,.mapstop:active{transform:translate(-50%,-16%) scale(1.06)}
.mpin{width:58px;height:58px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 0 var(--char),0 12px 20px rgba(0,0,0,.25);border:4px solid var(--orange)}
.mpin .ic{width:34px;height:34px;color:var(--blue)}
.mlabel{background:var(--char);color:#fff;border-radius:12px;padding:4px 10px;line-height:1.1;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.mlabel b{display:block;font-family:var(--h);font-weight:400;font-size:17px;letter-spacing:.3px}.mlabel small{font-size:13px;opacity:.85}
.mapstop.locked .mpin{background:#E3EAF7;border-color:#9AA6BF}.mapstop.locked .mlabel{background:#5B6478}
.egg-squirrel{position:absolute;right:6.5%;top:33%;width:48px;height:48px;font-size:26px;background:none;border:0;opacity:.75;z-index:2}
/* ===== Game Garage console ===== */
.console{background:linear-gradient(180deg,#1A2C5C,#13224A);border-radius:32px;padding:22px clamp(12px,2.5vw,28px) 28px;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 30px 60px rgba(0,0,0,.4)}
.sec-navy .diff button{background:#22376F;box-shadow:0 5px 0 #0A1430}
.sec-navy .diff button.on{background:var(--orange);box-shadow:0 5px 0 #B84200}
.gtabs button{border-radius:16px;background:#22376F;color:#fff;border:0;box-shadow:0 5px 0 #0A1430}
.gtabs button.on{background:var(--blue);box-shadow:0 5px 0 #0A3AA8,0 0 0 3px #fff}
.big,.answers button{background:var(--blue);box-shadow:0 6px 0 #0A3AA8;border-radius:18px}
.big:active,.answers button:active{box-shadow:0 2px 0 #0A3AA8}
.card{background:linear-gradient(135deg,var(--blue),#5B3DF5)}
/* ===== Challenges (orange) ===== */
.daily2{max-width:680px;margin:0 auto 34px;background:#fff;color:var(--char);border-radius:28px;padding:20px 22px;box-shadow:0 20px 40px rgba(120,30,0,.3);text-align:center}
.daily2.done{box-shadow:0 0 0 5px var(--mint),0 20px 40px rgba(120,30,0,.3)}
.daily2 .dhead{font-family:var(--h);font-size:24px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:var(--orange2)}
.daily2 .dcount{font-family:"Nunito";font-size:16px;background:var(--blueL);color:var(--blue2);border-radius:12px;padding:4px 10px}
.daily2 .dtext{font-size:24px;font-weight:800}
.spin2{background:rgba(255,255,255,.14);border-radius:28px;padding:20px;max-width:680px;margin:0 auto;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.spin2 h3{font-family:var(--h);font-size:30px;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:10px}
.sec-orange .answers button{background:#fff;color:var(--orange2);box-shadow:0 6px 0 #B84200}
.sec-orange .hint{color:#fff}
/* ===== Basket ===== */
.bitem{border-radius:22px;border:0;box-shadow:var(--sh);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}
.bitem:hover{transform:translateY(-4px)}
.bitem.ready{background:linear-gradient(135deg,#FF8F1F,#FF5A00);color:#fff;box-shadow:0 0 0 4px #fff,0 0 0 7px var(--orange),var(--sh)}
.bitem.open{background:var(--blueL);color:var(--char)}
.bitem.later{background:#F1F4FA;color:#8A93A8;opacity:1}
/* ===== Adventures ===== */
.adv2{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:20px;margin-bottom:40px}
.pcard{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 0 0 6px #fff,var(--sh);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}
.pcard:hover,.pcard:active{transform:translateY(-6px) rotate(-.5deg)}
.pcard img{width:100%;height:100%;object-fit:cover;display:block}
.pcard figcaption{position:absolute;left:12px;bottom:12px;background:var(--char);color:#fff;font-family:var(--h);font-size:20px;padding:4px 12px;border-radius:12px}
.pc1{grid-column:span 2;grid-row:span 3}.pc2{grid-column:span 4;grid-row:span 2}.pc3{grid-column:span 2;grid-row:span 3}.pc4{grid-column:span 2;grid-row:span 2}.pc5{grid-column:span 2;grid-row:span 1}
.pc3 img{object-position:50% 20%}
@media (max-width:700px){.adv2{grid-template-columns:1fr 1fr;grid-auto-rows:140px;gap:14px}.pc1,.pc3{grid-column:span 1;grid-row:span 2}.pc2,.pc4,.pc5{grid-column:span 2;grid-row:span 1}}
.outside2 h3{font-family:var(--h);font-size:32px;display:flex;align-items:center;justify-content:center;gap:10px;margin:0}
.oc{box-shadow:var(--sh);border-radius:22px;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}
.oc:hover{transform:translateY(-4px)}.oc.fall{background:linear-gradient(180deg,#fff,#FFF1E3)}
/* ===== Trophy Tower ===== */
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:820px){.tgrid{grid-template-columns:1fr}}
.tpanel{background:rgba(255,255,255,.06);border-radius:26px;padding:18px;margin-top:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tpanel h3{font-family:var(--h);font-size:28px;margin:0 0 12px;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}
.tlevel{background:linear-gradient(135deg,var(--blue),#0A3AA8);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.badge.got{background:linear-gradient(135deg,#FFC21A,#FF8A00);color:var(--char);box-shadow:0 8px 20px rgba(255,138,0,.35)}
.best span{color:var(--orange)}
.dress2 .dpanel h3{font-size:22px}
/* ===== App + Parents (clean, grown-up) ===== */
.step{background:#fff;border:0;box-shadow:var(--sh);color:var(--char)}
.sn{background:var(--orange);color:#fff}
.parents2{background:#F4F6FA;color:var(--char);text-align:left;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400}
.parents2 h2{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:700;font-size:30px;text-shadow:none;color:var(--char);text-align:center}
.parents2 ul{padding:0;max-width:820px}.parents2 li{list-style:none;font-size:17px;line-height:1.55;margin:12px 0;padding:14px 18px;background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.parents2 .plinks{max-width:820px}.parents2 .pbtn{background:var(--char);border-radius:12px;font-weight:600}
.foot2{background:var(--navy);color:#fff;text-align:center;padding:36px 16px}
/* ===== Overlays retint ===== */
#victory .vbox,.lvlup .lvbox,.mbox,.sqbox{border-radius:28px}
.utoast{background:var(--char);color:#fff}
/* Harvest layer stays subtle */
#leafCanvas{opacity:.75}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
[hidden]{display:none!important}
.trophies.sec{border:0;border-radius:0;margin-top:0;max-width:none}
.whoB .ntag2{bottom:auto;top:34%;left:-6%}
.whoK .ntag2{bottom:auto;top:56%;left:106%}
.bubble2{top:6%;right:4%}
.wheel{box-shadow:0 0 0 6px var(--char),0 20px 40px rgba(0,0,0,.3)}
@media (max-width:820px){.herofig{height:min(46svh,380px)}.bubble2{top:2%;right:2%}.fly-pad{top:auto;bottom:40%;right:0}}
.swipehint{display:none;margin:0 0 10px;font-weight:800;color:var(--blue2)}
@media (max-width:780px){.swipehint{display:block}}
.egg-squirrel{top:31%;right:9%}
.yt:not(:first-child) .ytplay{left:auto;top:auto;right:12px;bottom:12px;transform:none;width:58px;height:42px}
@media (min-width:701px){.yt:first-child{display:flex;flex-direction:column}.yt:first-child .ytimg{flex:1;aspect-ratio:auto;min-height:300px;background-position:35% center}}
#leafCanvas{opacity:.5}