.ex-claymorphism{--bb-k2:color-mix(in srgb,var(--bb-k) 80%,var(--bb-bg));--bb-at:oklch(from var(--bb-a) min(l,.5) c h);--bb-ct:oklch(from var(--bb-c) min(l,.55) c h);--bb-on-a:oklch(from var(--bb-a) clamp(.2,(.62 - l) * 999,1) calc(c * .3 * clamp(0, (l - .62) * 999, 1)) h);--bb-on-b:oklch(from var(--bb-b) clamp(.2,(.62 - l) * 999,1) calc(c * .3 * clamp(0, (l - .62) * 999, 1)) h);--bb-on-c:oklch(from var(--bb-c) clamp(.2,(.62 - l) * 999,1) calc(c * .3 * clamp(0, (l - .62) * 999, 1)) h);--bb-y:#ffd43b;--bb-g:#7be495;--bb-toy:#261d3d;--bb-card:color-mix(in srgb,#fff 72%,var(--bb-bg));--bb-hi:rgb(255 255 255/.62);--bb-lo:color-mix(in srgb,var(--bb-k) 16%,transparent);--bb-drop:color-mix(in srgb,var(--bb-a) 22%,transparent)}.ex-claymorphism:has(.ex-dark:checked){--bb-at:oklch(from var(--bb-a) max(l,.8) c h);--bb-ct:oklch(from var(--bb-c) max(l,.8) c h);--bb-card:color-mix(in srgb,#fff 9%,var(--bb-bg));--bb-hi:rgb(255 255 255/.16);--bb-lo:rgb(0 0 0/.38);--bb-drop:rgb(0 0 0/.45)}.bb{--clay:inset -8px -8px 16px var(--bb-lo),inset 8px 8px 16px var(--bb-hi),12px 18px 32px var(--bb-drop);--clay-s:inset -4px -4px 8px var(--bb-lo),inset 4px 4px 8px var(--bb-hi),6px 10px 18px var(--bb-drop);overflow-x:clip;padding-bottom:40px;background:var(--bb-bg);color:var(--bb-k);font:500 17px/1.55 var(--font-sans);transition:background-color .4s,color .4s}.bb :where(a){color:inherit;text-decoration:none}.bb :where(h1,h2,h3,p,ul,ol,blockquote,figure){margin:0}.bb :where(ul,ol){padding:0;list-style:none}.bb-w{width:min(100% - 64px,1180px);margin-inline:auto}.bb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bb h1,.bb h2{font-weight:900;letter-spacing:-.035em;line-height:1}.bb h1 em,.bb h2 em{font-style:normal;color:var(--bb-ct)}.bb-clay{box-shadow:var(--clay)}.bb-card{border-radius:32px}.bb-card,.bb-head{background:var(--bb-card)}.bb-head{position:sticky;top:calc(var(--ex-top) + 12px);z-index:5;display:flex;gap:28px;width:min(100% - 32px,1200px);margin:16px auto 0;padding:10px 10px 10px 18px;border-radius:999px;box-shadow:var(--clay-s);transition:top .3s}.bb-head,.bb-logo{align-items:center}.bb-logo{display:inline-flex;gap:10px;font-size:24px;font-weight:900;letter-spacing:-.03em;color:var(--bb-at)}.bb-mini{width:32px;aspect-ratio:1;border-radius:46% 54% 42% 58%/50% 44% 56% 50%;box-shadow:var(--clay-s);background:radial-gradient(circle at 38% 44%,#1d1640 0 2.5px,transparent 3px),radial-gradient(circle at 62% 44%,#1d1640 0 2.5px,transparent 3px),var(--bb-b)}.bb-head nav{display:flex;gap:26px;margin-inline:auto;font-size:15px;font-weight:700;color:var(--bb-k2)}.bb-head nav a:hover{color:var(--bb-k)}.bb-btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 32px;border-radius:22px;background:var(--bb-a);color:var(--bb-on-a)!important;font-size:17px;font-weight:800;box-shadow:var(--clay-s);transition:transform .2s}.bb-btn:hover{transform:translateY(-2px) rotate(-1deg)}.bb-btn:active{transform:scale(.96)}.bb-btn-w{background:var(--bb-card);color:var(--bb-at)!important}.bb-btn-s{height:46px;padding:0 24px;border-radius:18px;font-size:16px}.bb-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:640px;padding-top:64px}.bb-tag{display:inline-block;padding:8px 18px;border-radius:999px;background:var(--bb-y);color:var(--bb-toy);font-size:14px;font-weight:800;rotate:-3deg;box-shadow:var(--clay-s)}.bb-hero h1{margin-top:26px;font-size:clamp(58px,7.6vw,112px)}.bb-sub{margin-top:22px;font-size:21px;font-weight:600;color:var(--bb-k2)}.bb-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}.bb-scene{position:relative;height:540px}.bb-scene>*{position:absolute}.bb-blob{right:14%;top:50px;display:block;width:340px;aspect-ratio:1;border-radius:46% 54% 42% 58%/50% 44% 56% 50%;background:var(--bb-b);box-shadow:inset -20px -20px 40px var(--bb-lo),inset 20px 20px 40px var(--bb-hi),24px 36px 60px var(--bb-drop)}.bb-eye{top:34%;width:30px;height:40px;background:#1d1640}.bb-eye,.bb-eye:after{position:absolute;border-radius:50%}.bb-eye:after{content:"";left:7px;top:7px;width:10px;height:10px;background:#fff}.bb-eye:first-child{left:34%}.bb-eye+.bb-eye{left:56%}.bb-mouth{position:absolute;left:50%;top:54%;width:76px;height:38px;translate:-50% 0;border-bottom:9px solid #1d1640;border-radius:0 0 50% 50%/0 0 100% 100%}.bb-blob b{position:absolute;right:-36px;bottom:6px;display:grid;place-items:center;width:116px;border-radius:30px;rotate:10deg;background:var(--bb-c);color:var(--bb-on-c);font-size:66px;font-weight:900}.bb-ball,.bb-blob b{aspect-ratio:1;box-shadow:var(--clay)}.bb-ball{left:4%;top:56%;width:132px;border-radius:50%;background:var(--bb-y)}.bb-block{right:2%;bottom:2%;width:116px;aspect-ratio:1;border-radius:30px;rotate:14deg;background:var(--bb-g)}.bb-block,.bb-bubble{box-shadow:var(--clay)}.bb-bubble{left:2%;top:14%;padding:16px 26px;border-radius:28px;background:var(--bb-card);font-size:30px;font-weight:900;letter-spacing:-.02em;rotate:-4deg}.bb-bubble:after{content:"";position:absolute;right:30px;bottom:-12px;width:26px;height:26px;border-radius:6px;background:var(--bb-card);rotate:45deg;z-index:-1}.bb-star{background:var(--bb-y);clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 35%)}.bb-star1{left:44%;top:2%;width:44px;aspect-ratio:1}.bb-star2{left:38%;bottom:10%;width:30px;aspect-ratio:1}.bb-sec{padding-top:136px}.bb-sec-t h2{font-size:clamp(40px,5vw,70px)}.bb-sec-t>p:not(.bb-k){max-width:32em;margin-top:20px;font-size:19px;color:var(--bb-k2)}.bb-center{text-align:center}.bb-center>p{margin-inline:auto}.bb-k{display:inline-block;margin-bottom:18px;padding:6px 14px;border-radius:999px;background:var(--bb-card);color:var(--bb-at);font-size:14px;font-weight:800;box-shadow:var(--clay-s)}.bb-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}.bb-flip>.bb-sec-t{order:2}.bb-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:60px}.bb-game{--on:var(--bb-toy);display:flex;flex-direction:column;gap:10px;padding:26px 26px 28px;border-radius:34px;color:var(--on);transition:transform .25s}.bb-game:hover{transform:translateY(-6px) rotate(-1deg)}.bb-cb{--on:var(--bb-on-b);background:var(--bb-b)}.bb-cy{background:var(--bb-y)}.bb-cc{--on:var(--bb-on-c);background:var(--bb-c)}.bb-cg{background:var(--bb-g)}.bb-game h3{margin-top:12px;font-size:22px;font-weight:900;letter-spacing:-.02em;line-height:1.15}.bb-game p{font-size:15px;font-weight:600}.bb-game small{align-self:start;margin-top:auto;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--on) 12%,transparent);font-size:13px;font-weight:800}.bb-gi{position:relative;display:block;width:92px;aspect-ratio:1;border-radius:26px;background:var(--bb-card);box-shadow:var(--clay-s)}.bb-gi i{position:absolute;display:block}.bb-g-stars i{width:26px;aspect-ratio:1;background:var(--bb-y);clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 35%)}.bb-g-stars i:first-child{left:14px;top:16px}.bb-g-stars i:nth-child(2){right:14px;top:28px;width:32px}.bb-g-stars i:nth-child(3){left:28px;bottom:12px;width:22px}.bb-g-shapes i:first-child{left:14px;top:16px;width:28px;aspect-ratio:1;border-radius:50%;background:var(--bb-c)}.bb-g-shapes i:nth-child(2){right:14px;top:20px;width:26px;aspect-ratio:1;border-radius:6px;background:var(--bb-b);rotate:12deg}.bb-g-shapes i:nth-child(3){left:30px;bottom:12px;width:32px;aspect-ratio:1;background:var(--bb-g);clip-path:polygon(50% 0,100% 100%,0 100%)}.bb-g-soup i:first-child{left:14px;right:14px;bottom:16px;height:34px;border-radius:0 0 40px 40px;background:var(--bb-a)}.bb-g-soup i:nth-child(2){left:26px;top:18px;width:18px;aspect-ratio:1;border-radius:50%;background:var(--bb-y)}.bb-g-soup i:nth-child(3){right:24px;top:26px;width:14px;aspect-ratio:1;border-radius:50%;background:var(--bb-c)}.bb-g-clock i:first-child{inset:14px;border-radius:50%;border:6px solid var(--bb-a)}.bb-g-clock i:nth-child(2){left:44px;top:24px;width:5px;height:24px;border-radius:3px;background:var(--bb-toy)}.bb-g-clock i:nth-child(3){left:44px;top:44px;width:20px;height:5px;border-radius:3px;background:var(--bb-toy)}.bb-timer{position:relative;display:grid;place-items:center;width:min(100%,420px);aspect-ratio:1;margin-inline:auto;border-radius:50%;background:var(--bb-a)}.bb-timer:before{content:"";position:absolute;left:50%;top:-18px;width:54px;height:34px;translate:-50% 0;border-radius:14px;background:var(--bb-c);box-shadow:var(--clay-s)}.bb-timer-in{display:grid;place-content:center;justify-items:center;width:72%;aspect-ratio:1;border-radius:50%;background:var(--bb-card);box-shadow:inset 8px 8px 16px var(--bb-lo),inset -8px -8px 16px var(--bb-hi)}.bb-timer-in b{font-size:clamp(56px,7vw,84px);font-weight:900;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.bb-timer-in small{margin-top:6px;font-size:15px;font-weight:700;color:var(--bb-k2)}.bb-parts{display:grid;gap:18px;margin-top:34px}.bb-parts li{display:flex;align-items:center;gap:20px;padding:18px 22px;border-radius:28px}.bb-parts b{flex:none;min-width:84px;padding:10px 12px;border-radius:16px;background:var(--bb-c);color:var(--bb-on-c);text-align:center;font-weight:900;box-shadow:var(--clay-s)}.bb-parts span{color:var(--bb-k2);font-size:16px}.bb-parts strong{display:block;color:var(--bb-k);font-size:19px;font-weight:900}.bb-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:56px;border-radius:44px}.bb-stickers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.bb-stk{position:relative;aspect-ratio:1;border-radius:50%;box-shadow:var(--clay-s)}.bb-stk:after{content:"";position:absolute;inset:28%;background:rgb(255 255 255/.9)}.bb-s1{background:var(--bb-a)}.bb-s1:after,.bb-s4:after{clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 35%)}.bb-s2{background:var(--bb-b)}.bb-s2:after{border-radius:50%}.bb-s3{background:var(--bb-c);rotate:-8deg}.bb-s3:after{inset:32%;border-radius:6px;rotate:45deg}.bb-s4{background:var(--bb-y);rotate:6deg}.bb-s5{background:var(--bb-g)}.bb-s5:after{clip-path:polygon(50% 4%,100% 96%,0 96%)}.bb-empty{border:3px dashed color-mix(in srgb,var(--bb-k) 26%,transparent);background:transparent;box-shadow:none}.bb-empty:after{display:none}.bb-safe{display:grid;gap:12px;margin-top:28px}.bb-safe li{position:relative;padding-left:38px;font-weight:700}.bb-safe li:before{content:"";position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--bb-g);box-shadow:var(--clay-s)}.bb-safe li:after{content:"";position:absolute;left:8px;top:8px;width:10px;height:6px;border:solid var(--bb-toy);border-width:0 0 3px 3px;rotate:-45deg}.bb-parent{padding:30px}.bb-p-h{display:flex;align-items:center;gap:14px}.bb-p-h b{display:block;font-size:19px;font-weight:900}.bb-p-h small{font-size:14px;color:var(--bb-k2)}.bb-p-av{display:grid;place-items:center;flex:none;width:50px;aspect-ratio:1;border-radius:50%;background:var(--bb-c);color:var(--bb-on-c);font-weight:900;box-shadow:var(--clay-s)}.bb-p-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.bb-p-stats li{padding:16px 12px;border-radius:22px;background:var(--bb-bg);text-align:center;box-shadow:inset 4px 4px 8px var(--bb-lo),inset -4px -4px 8px var(--bb-hi)}.bb-p-stats b{display:block;font-size:26px;font-weight:900;letter-spacing:-.03em;color:var(--bb-at)}.bb-p-stats span{font-size:13px;font-weight:600;color:var(--bb-k2)}.bb-p-week{display:flex;gap:10px;height:150px}.bb-p-week li{flex:1;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%}.bb-bar{align-self:end;display:block;min-height:8px;border-radius:12px;background:var(--bb-b);box-shadow:var(--clay-s)}.bb-p-week small{text-align:center;font-size:12px;font-weight:700;color:var(--bb-k2)}.bb-p-tip{margin-top:22px;padding:14px 18px;border-left:6px solid var(--bb-y);border-radius:12px 18px 18px 12px;background:var(--bb-bg);font-size:15px}.bb-quote{padding:64px 48px;border-radius:48px;background:var(--bb-c);color:var(--bb-on-c);text-align:center}.bb-quote blockquote{max-width:24em;margin-inline:auto;font-size:clamp(24px,2.8vw,34px);font-weight:800;line-height:1.3;letter-spacing:-.015em}.bb-quote figcaption{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:30px;font-size:16px;font-weight:700}.bb-quote .bb-p-av{background:var(--bb-card);color:var(--bb-k)}.bb-plans{display:grid;grid-template-columns:repeat(2,minmax(0,400px));justify-content:center;gap:30px;margin-top:56px}.bb-plans>li{display:flex;flex-direction:column;padding:36px 34px 34px;border-radius:38px}.bb-top{background:var(--bb-a);color:var(--bb-on-a);rotate:1.5deg}.bb-plans h3{font-size:22px;font-weight:900}.bb-price{display:flex;align-items:baseline;gap:8px;margin:12px 0 6px;font-weight:700}.bb-price b{font-size:60px;font-weight:900;letter-spacing:-.05em;line-height:1}.bb-plans ul{display:grid;gap:10px;margin:22px 0 30px}.bb-plans ul li{position:relative;padding-left:32px;font-weight:700}.bb-plans ul li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--bb-y)}.bb-plans ul li:after{content:"";position:absolute;left:6px;top:9px;width:8px;height:4px;border:solid var(--bb-toy);border-width:0 0 2.5px 2.5px;rotate:-45deg}.bb-plans .bb-btn{margin-top:auto}.bb-qa{display:grid;gap:18px}.bb-qa details{border-radius:26px}.bb-qa summary{position:relative;padding:22px 60px 22px 26px;font-size:18px;font-weight:800;cursor:pointer;list-style:none}.bb-qa summary::-webkit-details-marker{display:none}.bb-qa summary:after{content:"";position:absolute;right:28px;top:50%;width:9px;height:9px;margin-top:-7px;border:solid var(--bb-at);border-width:0 3px 3px 0;border-radius:2px;rotate:45deg;transition:rotate .2s,margin-top .2s}.bb-qa details[open] summary:after{rotate:-135deg;margin-top:-2px}.bb-qa details p{padding:0 26px 24px;color:var(--bb-k2)}.bb-end-in{display:grid;justify-items:center;gap:28px;padding:64px 32px 72px;border-radius:52px;background:var(--bb-b);color:var(--bb-on-b);text-align:center}.bb-end-in h2{font-size:clamp(44px,6vw,84px)}.bb-end-in h2 em{color:inherit}.bb-blob-s{position:relative;right:auto;top:auto;width:130px;background:var(--bb-c)}.bb-blob-s .bb-eye{width:13px;height:17px}.bb-blob-s .bb-eye:after{left:3px;top:3px;width:4px;height:4px}.bb-blob-s .bb-mouth{width:32px;height:16px;border-bottom-width:5px}.bb-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:96px;padding-top:28px;border-top:2px dashed color-mix(in srgb,var(--bb-k) 18%,transparent);font-size:15px;font-weight:600;color:var(--bb-k2)}.bb-foot .bb-logo{font-size:20px}.bb-foot a{color:var(--bb-k);text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion:no-preference){.bb-blob{animation:bb-squish 5s ease-in-out infinite}.bb-ball{animation:bb-bob 3.6s ease-in-out infinite alternate}.bb-block{animation:bb-bob 4.2s ease-in-out .4s infinite alternate}.bb-star{animation:bb-twinkle 3s ease-in-out infinite alternate}.bb-hero-t>*{animation:bb-in .7s cubic-bezier(.3,1.4,.5,1) backwards}.bb-hero-t>:nth-child(2){animation-delay:.06s}.bb-hero-t>:nth-child(3){animation-delay:.12s}.bb-hero-t>:nth-child(4){animation-delay:.18s}}@keyframes bb-squish{0%,to{border-radius:46% 54% 42% 58%/50% 44% 56% 50%}50%{border-radius:54% 46% 56% 44%/44% 54% 46% 56%}}@keyframes bb-bob{to{translate:0 -14px}}@keyframes bb-twinkle{to{scale:.8;rotate:18deg}}@keyframes bb-in{0%{opacity:0;scale:.9;translate:0 18px}}@media (max-width:1040px){.bb-head nav{display:none}.bb-head .bb-btn{margin-left:auto}.bb-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:56px}.bb-scene{width:min(100%,600px);margin-inline:auto}.bb-games{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-book,.bb-split{grid-template-columns:minmax(0,1fr);gap:48px}.bb-flip>.bb-sec-t{order:0}}@media (max-width:760px){.bb-w{width:min(100% - 32px,1180px)}.bb-sec{padding-top:100px}.bb-plans{grid-template-columns:minmax(0,1fr)}.bb-book{padding:34px 26px}.bb-quote{padding:44px 24px}}@media (max-width:560px){.bb-head{width:calc(100% - 20px);margin-top:10px;padding-left:14px}.bb-scene{height:420px}.bb-blob{right:10%;top:40px;width:220px}.bb-eye{width:20px;height:27px}.bb-eye:after{left:4px;top:4px;width:7px;height:7px}.bb-mouth{width:50px;height:25px;border-bottom-width:6px}.bb-blob b{right:-26px;width:80px;border-radius:22px;font-size:46px}.bb-ball{left:0;top:62%;width:92px}.bb-block{width:84px;border-radius:22px}.bb-bubble{left:0;top:4%;padding:12px 18px;font-size:22px}.bb-star1{left:56%;top:0}.bb-games{grid-template-columns:minmax(0,1fr)}.bb-stickers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bb-parts li{gap:14px;padding:14px 16px}.bb-parts b{min-width:70px}.bb-parent{padding:22px}.bb-p-stats b{font-size:21px}}