/* BujjiWorld homepage refresh. Scoped to existing classes; game pages remain unchanged. */
:root{--ink:#19134f;--purple:#7c45dd;--pink:#f2419b}
body{background:#fffdf9;color:var(--ink)}
.topbar{max-width:1210px;padding:16px 24px;position:relative;z-index:12}
.topbar .brand{display:inline-flex;gap:12px;align-items:center;font-size:28px;color:#171251;letter-spacing:-1px;line-height:1}
.topbar .brand img{height:66px;width:68px;object-fit:contain}
.topbar .brand-accent{color:#ef4599}.topbar .brand small{display:block;margin-top:7px;font-size:12px;letter-spacing:1px;color:#79668b}
.topbar nav{gap:26px}.topbar nav a{font-weight:900}
.menu-toggle{display:none;width:48px;height:48px;padding:12px;border:0;background:#f0e4ff;border-radius:15px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.menu-toggle span{display:block;height:3px;width:100%;background:#19134f;border-radius:5px}
.hero{max-width:1170px;min-height:520px;margin:7px auto 28px;padding:55px 5.5%;grid-template-columns:1.07fr .93fr;border-radius:54px 115px 60px 100px;background:radial-gradient(circle at 96% 9%,#f0dcff 0 15%,transparent 16%),radial-gradient(circle at 5% 91%,#f0dafa 0 14%,transparent 15%),linear-gradient(125deg,#f9f2ff 0%,#eee6ff 46%,#fff3e6 100%);position:relative;isolation:isolate;box-shadow:0 18px 40px #33205e0a}
.hero:before{content:'✿';position:absolute;left:37%;top:13%;color:#ffce55;font-size:49px;transform:rotate(17deg)}
.hero .eyebrow{font-size:14px;color:#7b48ba;letter-spacing:.3px}
.hero h1{color:#17104f;font-weight:900;font-size:clamp(43px,5.5vw,74px);line-height:1.14;letter-spacing:-2.4px;margin:20px 0 18px}
.hero h1 em{font-size:.66em;font-weight:900;font-style:normal;color:#25135b;letter-spacing:-.9px;display:inline-block;line-height:1.21}
.hero p{font-size:20px;line-height:1.5;color:#5b5777;max-width:460px}
.hero-wave{font-size:.69em;display:inline-block;transform-origin:65% 75%;animation:bujji-wave 3s ease-in-out infinite}
.primary-btn{font-size:18px;display:inline-flex;align-items:center;gap:20px;background:linear-gradient(110deg,#8a4bec,#6838cf);padding:16px 28px;box-shadow:0 10px 22px #6e42c74d;transition:transform .2s,box-shadow .2s}
.primary-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #6e42c766}
.hero-doodles{color:#e24baf;font-size:23px;margin-top:18px;letter-spacing:12px}
.hero-art{height:400px;position:relative}.mascot-scene{position:relative;width:min(100%,430px);height:350px;display:flex;align-items:center;justify-content:center;border-radius:48% 52% 42% 58%;background:radial-gradient(circle at 50% 33%,#fff3ce 0%,#ffe3b4 38%,#f8caca 85%);box-shadow:inset 0 -18px 50px #e7acbf40,0 20px 35px #72537a26;transform:rotate(-3deg)}
.mascot{font-size:205px;line-height:1;filter:drop-shadow(0 12px 4px #6e43813d);animation:bujji-bob 4s ease-in-out infinite}.art-books{position:absolute;left:4%;bottom:4%;font-size:85px;transform:rotate(-9deg)}.art-pencils{position:absolute;right:0;bottom:7%;font-size:76px;transform:rotate(13deg)}.art-cloud{position:absolute;left:4%;top:3%;font-size:57px}.art-sparkle{position:absolute;font-size:50px;z-index:3;animation:bujji-bob 3s ease-in-out infinite}.star-one{left:4%;top:4%}.star-two{right:4%;top:8%;animation-delay:.6s}.art-label{position:absolute;right:2%;bottom:0;font-size:20px;font-weight:900;color:#653c95;transform:rotate(-9deg)}.art-label span{color:#f54fa0}
.section{max-width:1170px;padding-top:20px}.section-heading h2{color:#211253;font-size:clamp(28px,4vw,42px)}.section-heading .eyebrow{color:#d5499c}.count{background:#f4eaff;color:#7642bb}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.activity-card{position:relative;min-height:340px;padding:27px 28px 24px;border-radius:31px;overflow:hidden;box-shadow:0 9px 20px #2014540a;border:2px solid #ffffffa3}
.activity-card:before{content:'';position:absolute;right:-65px;bottom:-65px;width:170px;height:170px;border-radius:50%;background:#fff9;opacity:.24;pointer-events:none}
.activity-card .card-icon{font-size:80px;height:118px;transform:rotate(-7deg);filter:drop-shadow(0 8px 3px #39225815);transition:transform .25s}
.activity-card:hover .card-icon{transform:rotate(5deg) scale(1.14)}
.activity-card h3{font-size:clamp(23px,2.7vw,31px);line-height:1.15;color:#201153;margin:10px 0 8px;letter-spacing:-.5px}
.activity-card p{font-size:16px;line-height:1.48;max-width:250px;color:#57536f;margin-bottom:19px}
.activity-card .card-action{display:inline-flex;gap:20px;align-items:center;border-radius:99px;background:#e94a97;padding:9px 20px;color:white;font-size:16px;box-shadow:0 6px 12px #9d6b9e23;transition:filter .2s}
.activity-card .card-action:hover{filter:brightness(1.08)}.card-sparkle{position:absolute;right:27px;top:20px;font-size:28px;color:#ec74aa;transform:rotate(15deg)}
.shade-1{background:linear-gradient(140deg,#ffe7f3,#ffd9ee)}.shade-2{background:linear-gradient(140deg,#eee7ff,#e4d9ff)}.shade-3{background:linear-gradient(140deg,#e0f6ff,#d2efff)}.shade-4{background:linear-gradient(140deg,#fff3c9,#ffedaf)}.shade-5{background:linear-gradient(140deg,#ddf9e5,#caf4da)}.shade-6{background:linear-gradient(140deg,#ffe6de,#ffdad8)}
.shade-2 .card-action{background:#8648df}.shade-3 .card-action{background:#398bea}.shade-4 .card-action{background:#f29d19}.shade-5 .card-action{background:#009c70}.shade-6 .card-action{background:#ef536d}
.parent-note{margin-top:20px;margin-bottom:20px}.home-signoff{text-align:center;font-size:22px;font-weight:900;color:#29205b;padding:15px 10px 38px}.home-signoff span{color:#e850a0}
@keyframes bujji-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bujji-wave{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(18deg)}90%{transform:rotate(-8deg)}95%{transform:rotate(13deg)}}
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;min-height:400px;padding:35px 4%}.hero h1{font-size:45px}.hero-art{height:285px}.mascot-scene{height:270px}.mascot{font-size:143px}.art-books{font-size:55px}.art-pencils{font-size:48px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card{min-height:310px}}
@media(max-width:650px){.topbar{padding:10px 15px}.topbar .brand{font-size:22px}.topbar .brand img{height:52px;width:50px}.topbar .brand small{font-size:10px}.menu-toggle{display:flex}.topbar nav{display:none;position:absolute;right:14px;top:72px;width:min(280px,calc(100vw - 28px));flex-direction:column;gap:0;background:#fff;box-shadow:0 14px 35px #29104b24;border-radius:19px;padding:12px;z-index:20}.topbar nav.is-open{display:flex}.topbar nav a{padding:12px 15px;border-radius:9px}.topbar nav a:hover{background:#f6efff}.hero{margin:8px 12px 26px;grid-template-columns:1fr;text-align:left;border-radius:40px 65px 40px 55px;padding:32px 25px 20px}.hero h1{font-size:clamp(39px,10vw,52px);margin:14px 0}.hero h1 em{font-size:.64em}.hero p{font-size:16px}.hero-art{height:240px;margin-top:10px}.mascot-scene{width:290px;max-width:90%;height:230px}.mascot{font-size:137px}.art-books{font-size:54px}.art-pencils{font-size:44px}.art-sparkle{font-size:31px}.art-label{font-size:13px}.section-heading{display:block}.section-heading .count{display:inline-flex;margin-top:15px}.cards{gap:12px}.activity-card{min-height:270px;padding:16px 14px;border-radius:24px}.activity-card .card-icon{font-size:58px;height:85px}.activity-card h3{font-size:20px}.activity-card p{font-size:13px}.activity-card .card-action{font-size:13px;padding:9px 13px;gap:9px}.card-sparkle{right:15px;top:13px;font-size:21px}.home-signoff{font-size:16px}}
@media(max-width:390px){.cards{grid-template-columns:1fr}.activity-card{min-height:250px}.hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-wave,.mascot,.art-sparkle{animation:none}.primary-btn,.activity-card .card-icon{transition:none}}

/* Smooth-edged hero artwork: remove bubble/rectangular backdrop. */
.hero .hero-art .mascot-scene{background:none!important;border-radius:0!important;box-shadow:none!important;transform:none!important;width:100%;height:100%}
.hero .hero-art .bw-hero-children{display:block;width:100%;height:100%;max-height:none!important;object-fit:contain;filter:drop-shadow(0 12px 16px #5c368b17)}
.hero .hero-art .art-cloud,.hero .hero-art .art-books,.hero .hero-art .art-pencils{display:none}
@media(max-width:650px){
 .hero{padding:21px 20px 13px!important;margin:6px 12px 12px!important;min-height:0!important}
 .hero .eyebrow{font-size:12px}
 .hero h1{font-size:clamp(31px,8.5vw,42px)!important;margin:9px 0!important;line-height:1.11}
 .hero h1 em{font-size:.67em}
 .hero p{font-size:14px!important;line-height:1.36;margin:9px 0 4px}
 .hero .primary-btn{font-size:15px;padding:11px 19px;margin-top:8px}
 .hero .hero-doodles{font-size:14px;margin-top:8px}
 .hero .hero-art{height:178px!important;margin-top:1px!important}
 .hero .art-sparkle{font-size:20px}
 .hero .art-label{font-size:12px;bottom:0}
 .section{padding-top:10px}
 .section-heading{margin-bottom:12px}
 .section-heading h2{font-size:25px;margin:3px 0}
 .section-heading p{font-size:13px}
}

/* The image itself is edge-feathered PNG; no visible rectangular card. */
.hero .hero-art .bw-hero-children{object-fit:contain!important;filter:none!important;border-radius:0!important;background:transparent!important}