.byte{overflow:visible}.byte__top{animation:1.8s ease-in-out infinite byteHop}.byte__springs{transform-box:fill-box;transform-origin:50% 100%;animation:1.8s ease-in-out infinite byteSpring}.byte__antenna{transform-box:view-box;transform-origin:180px 70px;animation:2.6s ease-in-out infinite byteWobble}.byte__bulb{animation:2.6s ease-in-out infinite byteBulb}.byte__eyes{transform-box:fill-box;transform-origin:50%;animation:4.2s infinite blink}.byte__eyes--love{animation:1s ease-in-out infinite byteLove}.byte__arm--wave{transform-box:view-box;transform-origin:256px 236px;animation:1.3s ease-in-out infinite byteWave}.byte__face{animation:.25s ease-out both byteFaceIn}.byte__zz{animation:2s ease-in-out infinite byteZz}.byte__scan{animation:3.2s linear infinite byteScan}.byte__btn--a{animation:2.2s ease-in-out infinite byteBtn}.byte__btn--b{animation:2.2s ease-in-out 1.1s infinite byteBtn}@keyframes byteHop{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes byteSpring{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.16)}}@keyframes byteWobble{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes byteBulb{0%,to{fill:#ffd23f}50%{fill:#fff3b0}}@keyframes byteWave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(14deg)}}@keyframes byteLove{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes byteFaceIn{0%{opacity:0}to{opacity:1}}@keyframes byteZz{0%,to{opacity:.3;transform:translateY(4px)}50%{opacity:1;transform:translateY(-4px)}}@keyframes byteScan{0%{opacity:0;transform:translateY(0)}10%{opacity:.12}90%{opacity:.12}to{opacity:0;transform:translateY(72px)}}@keyframes byteBtn{0%,80%,to{opacity:1}90%{opacity:.35}}.is-jumping .byte__top{animation:.7s cubic-bezier(.3,.7,.4,1) byteJump}.is-jumping .byte__springs{animation:.7s cubic-bezier(.3,.7,.4,1) byteJumpSpring}@keyframes byteJump{0%{transform:translateY(0)}18%{transform:translateY(12px)}50%{transform:translateY(-70px)}80%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes byteJumpSpring{0%{transform:scaleY(1)}18%{transform:scaleY(.7)}50%{transform:scaleY(1.9)}80%{transform:scaleY(.9)}to{transform:scaleY(1)}}.is-sleepy .byte__top,.is-sleepy .byte__springs{animation-duration:3.6s}.byte--still *,.byte--still{animation:none!important}@media (prefers-reduced-motion:reduce){.byte *{animation:none!important}}.fx-layer{z-index:45;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx{will-change:transform;animation-iteration-count:infinite;position:absolute}.fx-snow{width:var(--size);height:var(--size);background:#fff;border-radius:50%;animation-name:fxFall;animation-timing-function:linear;top:-20px;box-shadow:0 0 6px #fffc}@keyframes fxFall{0%{transform:translateY(-20px)}to{transform:translate(var(--drift), 105vh)}}.fx-firework{width:0;height:0;animation-name:fxBurst;animation-timing-function:ease-out}.fx-firework i{transform-origin:50% 0;background:linear-gradient(var(--c), transparent);border-radius:4px;width:4px;height:40px;margin-left:-2px;position:absolute;top:0;left:0}@keyframes fxBurst{0%{opacity:0;transform:scale(.1)}12%{opacity:1}65%{opacity:1}to{opacity:0;transform:scale(1.5)}}.fx-colour{width:var(--size);height:var(--size);filter:blur(16px);opacity:0;border-radius:50%;animation-name:fxPuff;animation-timing-function:ease-in-out}@keyframes fxPuff{0%{opacity:0;transform:scale(.4)}30%{opacity:.55}to{transform:translate(var(--drift), -50px) scale(1.5);opacity:0}}.fx-lantern{width:var(--size);height:calc(var(--size) * 1.3);background:radial-gradient(#fff3b0,#ff9a1f 70%);border-radius:45% 45% 30% 30%;animation-name:fxRise;animation-timing-function:linear;bottom:-40px;box-shadow:0 0 16px 6px #ffaa288c}@keyframes fxRise{0%{opacity:0;transform:translate(0)}10%{opacity:1}85%{opacity:1}to{transform:translate(var(--drift), -110vh);opacity:0}}.fx-ball{animation-name:fxArc;animation-timing-function:ease-in-out;left:0}@keyframes fxArc{0%{transform:translate(-40px,80px)rotate(0)}50%{transform:translate(55vw,-30px)rotate(360deg)}to{transform:translate(115vw,90px)rotate(720deg)}}.themes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%;display:grid}.theme-card{background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;font-size:16px;font-weight:700;transition:transform .2s cubic-bezier(.2,.9,.3,1.6);display:flex;position:relative}.theme-card:hover{transform:translateY(-4px)}.theme-card[aria-pressed=true]{background:var(--sun)}.theme-card__swatch{display:flex}.theme-card__swatch span{border:3px solid var(--ink);border-radius:50%;width:30px;height:30px;margin-left:-8px}.theme-card__swatch span:first-child{margin-left:0}.theme-card__gami{width:84px;height:84px;margin:-6px 0 -4px}.theme-card .tag{padding:3px 8px;font-size:11px;position:absolute;top:-10px;right:-6px}.theme-toggle{cursor:pointer;align-items:center;gap:12px;font-weight:700;display:flex}.theme-toggle input{width:24px;height:24px;accent-color:var(--purple)}@media (width<=700px){.themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-card{gap:6px;padding:10px 6px;font-size:14px}.theme-card__gami{width:66px;height:66px}.theme-card__swatch span{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.fx-layer{display:none}}.book-page{min-height:100vh;padding-bottom:90px;position:relative;overflow:hidden}.book-page__ground{background:var(--grass);border-top:6px solid var(--ink);border-radius:50%;height:800px;position:absolute;bottom:-560px;left:-10%;right:-10%}.book-head{z-index:2;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:26px;display:flex;position:relative}.book-head svg{flex:none;width:140px;height:140px}.book-head p{color:var(--on-sky);margin-top:8px;font-size:21px;font-weight:600}.book{z-index:2;background:var(--purple);border:6px solid var(--ink);box-shadow:0 14px 0 var(--ink);border-radius:36px;padding:18px;position:relative}.book__badge{z-index:3;position:absolute;top:-26px;right:-16px;overflow:visible;transform:rotate(10deg)}.book__inner{border:var(--line) solid var(--ink);background:var(--cream);border-radius:22px;flex-wrap:wrap;display:flex;overflow:hidden}.book__page{flex-direction:column;flex:520px;gap:22px;min-width:0;padding:34px;display:flex}.book__page--left{background:var(--cream);border-right:var(--line) dashed #0b3b8c40;background-image:repeating-linear-gradient(#0000 0 38px,#0b3b8c14 38px 40px)}.book__page--right{background:var(--paper)}.ribbon{background:var(--pink);color:var(--white);border:var(--line-thin) solid var(--ink);font-family:var(--font-display);border-radius:999px;align-self:flex-start;padding:6px 16px;font-size:20px;transform:rotate(-2deg)}.book h2{font-size:26px}.last{border:var(--line) solid var(--ink);box-shadow:0 8px 0 var(--ink);background:var(--lime);border-radius:28px;flex-wrap:wrap;align-items:center;gap:20px;padding:22px;display:flex}.last__icon{background:var(--white);border:var(--line) solid var(--ink);border-radius:26px;flex:none;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.last__text{flex-direction:column;flex:200px;gap:8px;display:flex}.last__text small{font-size:15px;font-weight:700}.last__text b{font-family:var(--font-display);font-size:34px;font-weight:400;line-height:1}.diary{flex-direction:column;display:flex}.diary__item{gap:16px;display:flex}.diary__rail{flex-direction:column;flex:none;align-items:center;width:46px;display:flex}.diary__dot{border:var(--line-thin) solid var(--ink);width:46px;height:46px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:flex}.diary__line{background:var(--ink);opacity:.25;flex:1;width:5px;min-height:18px}.diary__item:last-child .diary__line{visibility:hidden}.diary__text{flex-direction:column;flex:1;gap:2px;padding:6px 0 16px;display:flex}.diary__text b{font-size:18px}.diary__text small{color:var(--ink-2);font-size:15px;font-weight:600}.tabs{flex-wrap:wrap;gap:10px;display:flex}.meter{background:var(--ice);border:var(--line-thin) solid var(--ink);border-radius:24px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.meter__top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.meter__top b{font-family:var(--font-display);font-size:24px;font-weight:400}.meter .bar{height:22px}.tabpanel{flex-direction:column;gap:14px;animation:.45s cubic-bezier(.2,.9,.3,1.2) both popIn;display:flex}.todo{background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:22px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.6);display:flex}.todo:hover{transform:translate(6px)rotate(-.5deg)}.todo__icon{border:var(--line-thin) solid var(--ink);width:56px;height:56px;font-family:var(--font-display);border-radius:18px;flex:none;justify-content:center;align-items:center;font-size:22px;display:flex}.todo__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.todo__text b{font-size:18px}.todo__text small{color:var(--ink-2);font-size:15px;font-weight:600}.stickers{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}.sticker{text-align:center;background:var(--white);border:var(--line-thin) solid var(--ink);border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;transition:transform .25s cubic-bezier(.2,.9,.3,1.6);display:flex}.sticker:hover{transform:scale(1.08)rotate(-5deg)}.sticker--locked{background:#f4f2fa;border-style:dashed}.sticker__face{border:var(--line-thin) solid var(--ink);width:70px;height:70px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex}.sticker--locked .sticker__face{opacity:.6;background:#e3e0ee!important}.sticker b{font-size:15px;line-height:1.2}.sticker small{color:var(--ink-2);font-size:13px;font-weight:600}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%;display:grid}.day{background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;display:flex}.day small{font-size:13px;font-weight:700}.day b{font-family:var(--font-display);font-size:18px;font-weight:400}.day--done{background:var(--lime)}.day--today{background:var(--sun);animation:1.2s ease-in-out infinite glow}.chest{background:var(--orange);border:var(--line-thin) solid var(--ink);border-radius:10px 10px 6px 6px;justify-content:center;align-items:center;width:46px;height:40px;display:flex}.chest--big{background:var(--pink)}.day--done .chest{background:var(--white)}.chest__lock{background:var(--ink);border-radius:3px;width:10px;height:12px}.empty-note{background:var(--white);border:var(--line-thin) dashed var(--ink);border-radius:20px;padding:18px;font-weight:600}@media (width<=700px){.book{border-radius:26px;padding:8px}.book__page{flex-basis:100%;padding:20px 16px}.book__page--left{border-right:0;border-bottom:var(--line) dashed #0b3b8c40}.book-head svg{width:100px;height:100px}.book__badge{width:52px;height:54px;top:-20px;right:-6px}.week{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.week .day{box-shadow:0 4px 0 var(--ink);border-radius:16px;flex:0 0 calc(25% - 6px);gap:4px;padding:8px 2px}.week .chest{border-radius:8px 8px 5px 5px;width:34px;height:29px}.day small{font-size:12px}.day b{font-size:16px}.last__text b{font-size:28px}}@media (height<=500px) and (orientation:landscape){.book-head{gap:14px;margin-bottom:16px}.book-head svg{width:70px;height:70px}.book-head p{font-size:17px}.book__page{padding:20px}.week{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}}.swarm{z-index:86;pointer-events:none;position:fixed;inset:0;overflow:hidden}.swarm:before{content:"";opacity:0;background:radial-gradient(#0000 45%,#0a04188c 100%);transition:opacity .8s;position:absolute;inset:0}.swarm--dark:before{opacity:1}.swarm__bat{will-change:transform;opacity:0;position:absolute;top:0;left:0}.swarm__bat[data-flying]{opacity:1}.swarm__bat .bat{filter:drop-shadow(0 0 6px #9b59ff59);display:block;overflow:visible;transform:translate(-50%,-50%)}.bat__wing{transform-box:view-box;animation:batFlapL var(--flap,.16s) ease-in-out infinite alternate}.bat__wing--l{transform-origin:46px 22px}.bat__wing--r{transform-origin:54px 22px;animation-name:batFlapR}@keyframes batFlapL{0%{transform:rotate(32deg)scaleY(.85)}to{transform:rotate(-38deg)scaleY(1.05)}}@keyframes batFlapR{0%{transform:rotate(-32deg)scaleY(.85)}to{transform:rotate(38deg)scaleY(1.05)}}.bat__eye{animation:1.2s ease-in-out infinite batEye}@keyframes batEye{0%,to{opacity:1}50%{opacity:.5}}.swarm__lightning{opacity:0;mix-blend-mode:screen;background:#f3eeff;animation:1.1s ease-out lightning;position:absolute;inset:0}@keyframes lightning{0%{opacity:0}4%{opacity:.85}9%{opacity:.1}14%{opacity:.7}22%{opacity:0}40%{opacity:0}44%{opacity:.35}52%{opacity:0}to{opacity:0}}.welcome-show{z-index:85;pointer-events:none;position:fixed;inset:0}.welcome-show canvas{width:100%;height:100%;display:block}.welcome-show__sound{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:87;pointer-events:auto;background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 6px 0 var(--ink);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:700;animation:.4s cubic-bezier(.2,.9,.3,1.3) both popIn,1.6s ease-in-out .6s infinite soundWiggle;display:inline-flex;position:fixed;transform:translate(-50%)}.welcome-show__sound.is-leaving{animation:.4s forwards fadeOut}@keyframes soundWiggle{0%,to{transform:translate(-50%)rotate(0)}50%{transform:translate(-50%)rotate(-3deg)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%)translateY(10px)}}@media (width>=901px){.welcome-show__sound{bottom:28px}}@media (prefers-reduced-motion:reduce){.swarm,.welcome-show{display:none}}.scene{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene button{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0}.scene svg{display:block;overflow:visible}.scene__canvas{z-index:4;width:100%;height:100%;position:absolute;inset:0}.scene__pop{z-index:6;white-space:nowrap;pointer-events:none;font-family:var(--font-display);text-shadow:0 4px 0 var(--ink), 0 0 18px #00000040;font-size:clamp(26px,3.4vw,40px);animation:1.3s cubic-bezier(.2,.9,.3,1.2) forwards scenePop;position:absolute}@keyframes scenePop{0%{opacity:0;transform:translate(-50%,-30%)scale(.3)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-170%)scale(1)}}.scene__hint{z-index:3;white-space:nowrap;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:14px;font-weight:700;animation:2.4s ease-in-out infinite hintBob;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@keyframes hintBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.xm-tree{transform-origin:bottom;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:64px;right:2%}.xm-tree__svg{filter:drop-shadow(0 0 22px #ffd23f66);width:250px;height:375px}.xm-gifts{width:190px;height:82px;margin-top:-52px}.xm-gift{transform-box:fill-box;transform-origin:bottom}.xm-light{animation:1.1s ease-in-out infinite alternate xmTwinkle}@keyframes xmTwinkle{0%{opacity:.35}to{opacity:1}}.xm-star{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite xmStar}@keyframes xmStar{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.18)rotate(10deg)}}.xm-tree:hover .xm-tree__svg{filter:drop-shadow(0 0 30px #ffd23fb3)}.xm-tree.is-shaken{animation:.7s ease-in-out xmShake}.xm-tree.is-shaken .xm-light{animation-duration:.12s}.xm-tree.is-shaken .xm-gift{animation:.55s ease-out 2 xmHop}@keyframes xmShake{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}@keyframes xmHop{0%,to{transform:translateY(0)}40%{transform:translateY(-20px)rotate(-6deg)}}.xm-sleigh{z-index:2;animation:17s linear infinite xmFly;position:absolute;top:7%;left:0}.xm-sleigh__svg{width:280px;height:80px}.xm-sleigh:after{content:"";opacity:.8;background:radial-gradient(circle,#ffd23f 2px,#0000 3px) 0 0/18px 10px repeat-x;width:180px;height:10px;position:absolute;top:52%;right:100%;-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.xm-deer{animation:.45s ease-in-out infinite alternate xmGallop}@keyframes xmGallop{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes xmFly{0%{transform:translate(-360px,70px)rotate(-5deg)}50%{transform:translate(45vw)rotate(-7deg)}to{transform:translate(110vw,50px)rotate(-3deg)}}.xm-snowman{position:absolute;bottom:36px;left:3%}.xm-snowman__svg{width:104px;height:130px}.xm-snowman:hover{animation:.5s ease-in-out squish}.xm-wave{transform-box:fill-box;transform-origin:0 100%;animation:.25s ease-in-out 6 alternate xmArm}@keyframes xmArm{0%{transform:rotate(0)}to{transform:rotate(-28deg)}}.hw-moon{width:130px;height:130px;margin-left:-65px;transition:transform .3s cubic-bezier(.2,.9,.3,1.6);position:absolute;top:14px;left:50%;box-shadow:0 0 70px 24px #ffe28a59;background:radial-gradient(circle at 35% 35%,#fff8d6,#ffe08a 60%,#f2be45)!important;border-radius:50%!important}.hw-moon:hover{transform:scale(1.06)}.hw-moon:before,.hw-moon:after{content:"";background:#d6a03259;border-radius:50%;position:absolute}.hw-moon:before{width:28px;height:28px;top:46%;left:30%}.hw-moon:after{width:17px;height:17px;top:26%;left:62%}.hw-fog{pointer-events:none;opacity:.5;background:radial-gradient(at 30% 60%,#dcd2ff8c,#0000 60%),radial-gradient(at 75%,#c8bef073,#0000 55%);width:160%;height:180px;animation:26s linear infinite alternate hwFog;position:absolute;bottom:30px;left:-30%}.hw-fog--b{opacity:.4;height:140px;animation-duration:34s;animation-direction:alternate-reverse;bottom:0}@keyframes hwFog{0%{transform:translate(-8%)}to{transform:translate(8%)}}.hws{pointer-events:none;position:absolute;top:0;right:0}.hws__svg{position:absolute;inset:0;overflow:visible}.hws__web{opacity:.75}.hws__thread{transition:opacity .2s}.hws__legs{transform-box:fill-box;transform-origin:50%}.hws__spider.is-walking .hws__legs--a{animation:.16s ease-in-out infinite alternate hwsLegA}.hws__spider.is-walking .hws__legs--b{animation:.16s ease-in-out infinite alternate hwsLegB}@keyframes hwsLegA{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes hwsLegB{0%{transform:rotate(7deg)}to{transform:rotate(-7deg)}}.hws__eye{animation:1.4s ease-in-out infinite batEye}.hws__hit{pointer-events:auto;border-radius:50%;width:52px;height:52px;top:0;left:0;position:absolute!important}.hw-tree{transform-origin:bottom;position:absolute;bottom:40px;left:1%}.hw-tree__svg{filter:drop-shadow(0 0 12px #8c5aff40);width:200px;height:272px}.hw-tree__eyes{animation:4s step-end infinite hwEyes}@keyframes hwEyes{0%,88%,to{opacity:1}90%,94%{opacity:0}}.hw-tree.is-shaking{animation:.6s ease-in-out hwShake}@keyframes hwShake{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}.hw-scarecrow{transform-origin:bottom;animation:4.5s ease-in-out infinite hwSway;position:absolute;bottom:56px;right:1%}.hw-scarecrow__svg{width:210px;height:315px}@keyframes hwSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.hw-ghost{z-index:2;opacity:.9;transition:opacity .5s;animation:20s linear infinite hwGhost;position:absolute;top:26%;left:0}.hw-ghost.is-gone{opacity:0;pointer-events:none}.hw-ghost__svg{width:70px;height:80px;animation:2.4s ease-in-out infinite bob}@keyframes hwGhost{0%{transform:translate(-120px)}to{transform:translate(110vw)}}.hw-pumpkins{z-index:1;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:26px;left:12%}.hw-pumpkin__svg{filter:drop-shadow(0 0 16px #ff8a1f8c)}.hw-face{animation:2.2s ease-in-out infinite hwFlicker}@keyframes hwFlicker{0%,to{opacity:1}40%{opacity:.75}45%{opacity:1}70%{opacity:.85}}.hw-pumpkin{transform-origin:bottom;transition:transform .2s}.hw-pumpkin:hover{transform:scale(1.06)rotate(-3deg)}.hw-pumpkin.is-boo{animation:.8s cubic-bezier(.2,.9,.3,1.5) hwBoo}@keyframes hwBoo{0%,to{transform:scale(1)}30%{transform:translateY(-30px)scale(1.25,.9)}60%{transform:translateY(0)scale(.95,1.08)}}.ny-sign{z-index:2;text-align:center;background:#1b1f5ed9;border:4px solid #ffd23f;border-radius:18px;padding:8px 18px 10px;animation:1.6s ease-in-out infinite alternate nyGlow;position:absolute;top:12px;left:36%;box-shadow:0 0 26px #ffd23f99,inset 0 0 18px #ff5da259}@keyframes nyGlow{0%{box-shadow:0 0 12px #ffd23f66}to{box-shadow:0 0 34px #ffd23fe6}}.ny-sign__top{font-family:var(--font-display);letter-spacing:.08em;color:#ffc4e6;text-shadow:0 0 10px #ff5da2;font-size:17px;display:block}.ny-sign__year span{font-family:var(--font-display);color:#ffd23f;text-shadow:0 0 14px #ffd23f,0 4px #0b3b8c;font-size:54px;line-height:1;animation:1.2s ease-in-out infinite nyBounce;display:inline-block}@keyframes nyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ny-poppers{gap:12px;display:flex;position:absolute;bottom:34px;left:3%}.ny-popper{transition:transform .2s;transform:rotate(-14deg)}.ny-popper:nth-child(2){transform:rotate(12deg)}.ny-popper:hover{animation:.35s ease-in-out infinite wiggle}.ny-popper:active{transform:scale(.85)}.dw-lights{justify-content:space-around;align-items:flex-start;height:46px;display:flex;position:absolute;top:0;left:0;right:0}.dw-lights:before{content:"";border-bottom:2px solid #fff3d680;border-radius:0 0 50% 50%;height:40px;position:absolute;top:-26px;left:-5%;right:-5%}.dw-lights span{border:2px solid #0b3b8c99;border-radius:50% 50% 45% 45%;width:13px;height:18px;margin-top:10px;animation:1.2s ease-in-out infinite alternate dwTwinkle;position:relative}.dw-lights span:nth-child(3n){margin-top:18px}.dw-lights span:nth-child(3n+1){margin-top:13px}@keyframes dwTwinkle{0%{opacity:.4;box-shadow:none}to{opacity:1;box-shadow:0 0 12px 3px}}.dw-lantern{transform-origin:top;width:110px;animation:3.4s ease-in-out infinite dwSwing;position:absolute;top:0;right:.5%}.dw-lantern__svg{filter:drop-shadow(0 0 22px #ffb43ca6);width:110px;height:184px}@keyframes dwSwing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.dw-rangoli{justify-content:center;align-items:center;width:170px;height:80px;display:flex;position:absolute;bottom:18px;right:6%}.dw-rangoli__svg{width:170px;height:170px;animation:none;transform:scaleY(.45)}.dw-rangoli__svg>*{transform-origin:80px 80px}.dw-diyas{gap:6px;display:flex;position:absolute;bottom:28px;left:3%}.dw-diya__svg{width:64px;height:56px}.dw-flame{transform-box:fill-box;transform-origin:bottom;animation:.9s ease-in-out infinite alternate dwFlicker}.dw-glow{animation:1.6s ease-in-out infinite alternate dwGlow}@keyframes dwFlicker{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(.88,1.12)rotate(3deg)}}@keyframes dwGlow{0%{opacity:.25}to{opacity:.5}}.dw-diya.is-lit{animation:.9s ease-out dwLit}.dw-diya.is-lit .dw-flame{animation:.9s ease-out dwBig}@keyframes dwLit{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes dwBig{0%{transform:scale(1)}30%{transform:scale(1.8,2.2)}to{transform:scale(1)}}.hl-balloon{z-index:2;animation-name:hlRise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-80px}.hl-balloon svg{animation:2.2s ease-in-out infinite wiggle}@keyframes hlRise{0%{transform:translateY(0)}to{transform:translateY(-120vh)}}.hl-bowls{gap:6px;display:flex;position:absolute;bottom:30px;left:3%}.hl-bowl{transition:transform .15s}.hl-bowl:hover{transform:translateY(-4px)rotate(-4deg)}.hl-bowl:active{transform:scale(.88)}.ck-layer{position:absolute;inset:0}.ck-ball{z-index:5;border:3px solid var(--ink);background:radial-gradient(circle at 35% 35%,#ff6b6b,#c62828 70%);border-radius:50%;width:26px;height:26px;position:absolute;top:-13px;left:-13px;box-shadow:0 0 0 2px #fff9}.ck-ball:after{content:"";border-left:2px dashed #fff;position:absolute;top:2px;bottom:2px;left:50%}.ck-bunting{justify-content:space-between;padding:0 6px;display:flex;position:absolute;top:0;left:0;right:0}.ck-bunting span{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;width:30px;height:30px;animation:2s ease-in-out infinite sway}.ck-flood{position:absolute;bottom:140px}.ck-flood--left{left:.5%}.ck-flood--right{right:.5%}.ck-flood__svg{width:80px;height:196px}.ck-bulb{animation:1.8s ease-in-out infinite alternate ckBulb}@keyframes ckBulb{0%{opacity:.7}to{opacity:1;filter:drop-shadow(0 0 6px #fff7c2)}}.ck-board{z-index:2;font-family:var(--font-display);color:#fff;pointer-events:none;background:#0b3b8c;border:4px solid #ffd23f;border-radius:14px;flex-direction:column;align-items:center;padding:6px 16px 8px;display:flex;position:absolute;top:40px;right:7%;box-shadow:0 6px #0b3b8c80}.ck-board__label{letter-spacing:.12em;font-size:14px}.ck-board__score{color:#ffd23f;font-size:40px;line-height:1;animation:.4s cubic-bezier(.2,.9,.3,1.5) popIn}.ck-wicket{position:absolute;bottom:30px;left:4%}.ck-wicket__svg{width:130px;height:120px}@media (width<=900px){.xm-tree,.hw-scarecrow{transform-origin:100% 100%;scale:.7}.dw-lantern{scale:.75}.ny-sign{transform-origin:0 0;scale:.8}}@media (width<=700px),(height<=500px) and (orientation:landscape){.xm-tree{scale:.55}.xm-snowman{transform-origin:0 100%;scale:.75}.hw-moon{width:58px;height:58px;margin-left:0;top:66px;left:calc(52% - 29px);box-shadow:0 0 40px 12px #ffe28a59}.hw-moon:before{width:14px;height:14px}.hw-moon:after{width:9px;height:9px}.hw-tree{transform-origin:0 100%;scale:.55}.hw-fog{height:120px}.hw-scarecrow{scale:.55}.hw-pumpkins{transform-origin:0 100%;scale:.75}.ny-sign{transform-origin:100% 0;left:auto;right:2%;scale:.65}.ny-poppers{transform-origin:0 100%;scale:.8}.dw-lantern{scale:.6}.dw-rangoli{transform-origin:100% 100%;right:2%;scale:.7}.dw-diyas{transform-origin:0 100%;scale:.72}.hl-bowls{transform-origin:0 100%;scale:.75}.ck-flood{display:none}.ck-board{transform-origin:100% 0;top:20px;right:3%;scale:.8}.ck-wicket{transform-origin:0 100%;scale:.7}.scene__hint{font-size:12px;bottom:14px}}@media (prefers-reduced-motion:reduce){.xm-sleigh,.hw-ghost,.hl-balloon{display:none}}html[data-theme=halloween] .hero__art .float-tile:nth-of-type(2){display:none}.featured{padding-bottom:70px}.featured .section__head{align-items:flex-end}.featured__arrows{gap:10px;display:flex}.featured__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px max(var(--gutter), calc((100vw - var(--wrap)) / 2 + var(--gutter))) 26px;scrollbar-width:none;overscroll-behavior-x:contain;gap:22px;display:flex;overflow-x:auto}.featured__track::-webkit-scrollbar{display:none}.spot{scroll-snap-align:center;background:var(--white);border:var(--line) solid var(--ink);box-shadow:var(--drop);opacity:.82;border-radius:32px;flex-direction:column;flex:0 0 min(640px,72vw);transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .45s;display:flex;overflow:hidden;transform:scale(.95)}.spot.is-active{opacity:1;transform:scale(1)}.spot__art{aspect-ratio:16/9;background:var(--game-color,var(--sun));border-bottom:var(--line) solid var(--ink);display:block;position:relative;overflow:hidden}.spot__img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.spot:hover .spot__img,.spot.is-active .spot__img{transform:scale(1.04)}.spot__fallback{color:var(--ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spot__shade{background:linear-gradient(#0000,#0b3b8c59);position:absolute;inset:55% 0 0}.spot__rank{background:var(--pink);color:var(--white);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font-family:var(--font-display);border-radius:16px;padding:4px 14px;font-size:24px;line-height:1.1;position:absolute;top:14px;left:14px;transform:rotate(-4deg)}.spot__new{position:absolute;top:14px;right:14px;transform:rotate(5deg)}.spot__body{align-items:center;gap:16px;padding:18px 20px 20px;display:flex}.spot__text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.spot__title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(26px,3vw,36px);line-height:1;overflow:hidden}.spot__genres{flex-wrap:wrap;gap:6px;display:flex}.spot__chip{border:2px solid var(--ink);background:var(--cream);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.spot__blurb{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden}.spot__play{flex:none;min-width:120px;font-size:22px;text-decoration:none}.spot.is-active .spot__play{animation:1.6s ease-in-out infinite pop}.featured__dots{padding:0 var(--gutter);justify-content:center;gap:8px;display:flex}.featured__dot{border:3px solid var(--ink);background:var(--white);border-radius:999px;width:14px;height:14px;padding:0;transition:width .3s,background .3s}.featured__dot.is-active{background:var(--sun);width:34px}@media (width<=700px){.featured{padding-bottom:54px}.featured__arrows{display:none}.featured__track{gap:14px;padding-top:6px;padding-bottom:20px}.spot{border-radius:26px;flex-basis:84vw}.spot__body{gap:10px;padding:12px 14px 14px}.spot__title{font-size:24px}.spot__blurb{-webkit-line-clamp:1;font-size:14px}.spot__play{min-width:0;min-height:50px;padding:8px 16px;font-size:19px}.spot__rank{font-size:20px}.featured .section__head{margin-bottom:12px}}@media (height<=500px) and (orientation:landscape){.featured .title-lg{font-size:36px}.featured .section__head{margin-bottom:10px}.spot{flex-basis:min(520px,177.778svh - 231.111px)}.spot__title{font-size:22px}.spot__play{min-width:0;min-height:44px;padding:6px 16px;font-size:18px}.spot__blurb{display:none}.spot__body{padding:12px 16px}}@media (prefers-reduced-motion:reduce){.spot,.spot__img,.spot.is-active .spot__play{transition:none;animation:none}}.cbar{z-index:25;top:calc(var(--topbar-h-compact) + env(safe-area-inset-top) + 8px);background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:22px;flex-direction:column;gap:8px;margin-bottom:20px;padding:10px;transition:top .3s;display:flex;position:sticky}@media (width<=900px),(height<=500px) and (orientation:landscape){body:has(.topbar--hidden) .cbar{top:calc(env(safe-area-inset-top) + 8px)}}.cbar__row{align-items:center;gap:8px;display:flex}.cbar__search{border-radius:16px;flex:1;min-width:0;height:52px;padding:0 8px 0 14px}.cbar__search input{font-size:17px}.cbar__btn{border:3px solid var(--ink);background:var(--white);height:52px;box-shadow:0 4px 0 var(--ink);color:var(--ink);white-space:nowrap;border-radius:16px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex;position:relative}.cbar__btn:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.cbar__btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.cbar__btn.is-on{background:var(--sun)}.cbar__btn--together{background:var(--pink);color:var(--white)}.cbar__badge{background:var(--ink);min-width:24px;height:24px;color:var(--white);border:2px solid var(--white);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;display:flex;position:absolute;top:-9px;right:-9px}.cbar__sort{border-radius:16px;height:52px;padding:0 10px;font-size:16px}.cbar__chips{white-space:nowrap;scrollbar-width:none;align-items:center;gap:6px;min-height:28px;padding:0 2px;display:flex;overflow-x:auto}.cbar__chips::-webkit-scrollbar{display:none}.cbar__count{color:var(--ink-2);flex:none;margin-right:4px;font-size:14px;font-weight:700}.chip-x{border:2px solid var(--ink);background:var(--sun);color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.chip-x--mode{background:var(--lime)}.chip-x--fav{background:#ff8fc4}.cbar__clear{color:var(--ink);background:0 0;border:0;flex:none;padding:3px 6px;font-size:13px;font-weight:700;text-decoration:underline}.sheet{background:var(--cream);border:6px solid var(--ink);width:660px;max-width:100%;max-height:100%;box-shadow:0 14px 0 var(--ink);border-radius:32px;flex-direction:column;margin:auto;animation:.4s cubic-bezier(.2,.9,.3,1.2) both popIn;display:flex;position:relative;overflow:hidden}.sheet__head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 8px;display:flex;position:relative}.sheet__head h2{color:var(--ink);text-shadow:0 4px 0 var(--sun);font-size:34px}.sheet__grip{display:none}.sheet__body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:20px;min-height:0;padding:6px 18px 16px;display:flex;overflow-y:auto}.sheet__group h3{font-family:var(--font-body);margin-bottom:10px;font-size:17px;font-weight:700}.sheet__group h3 small{color:var(--ink-2);margin-left:6px;font-size:13px;font-weight:600}.sheet__chips{flex-wrap:wrap;gap:8px;display:flex}.sheet__chips .count{margin-left:2px}.sheet__genre{min-height:42px;box-shadow:0 4px 0 var(--ink);padding:4px 12px;font-size:15px}.sheet__genre:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.mode-btn{align-items:center;gap:6px;display:inline-flex}.mode-btn--fav[aria-pressed=true]{background:#ff8fc4}.sheet__foot{padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:var(--white);border-top:3px dashed #0b3b8c33;justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet__show{flex:1;max-width:320px;min-height:54px;font-size:22px}.together-pop{gap:14px;width:620px}.together-pop__title{color:var(--ink);text-shadow:0 5px 0 var(--sun);font-size:clamp(32px,6vw,48px)}.together-pop__sub{max-width:460px;font-size:17px;font-weight:600}.together-pop__grid{gap:12px;width:100%;display:grid}.together-pop__card{border:4px solid var(--ink);background:var(--white);box-shadow:0 5px 0 var(--ink);text-align:left;color:var(--ink);border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px;transition:transform .15s cubic-bezier(.2,.9,.3,1.6),background .2s;display:grid;position:relative}.together-pop__card:hover{transform:translateY(-3px)rotate(-.5deg)}.together-pop__card.is-on{background:var(--lime)}.together-pop__card.is-empty{opacity:.6;cursor:default;transform:none}.together-pop__card.is-empty .together-pop__n{background:#e3e0ee;border-radius:999px;padding:2px 10px}.together-pop__text{flex-direction:column;gap:2px;min-width:0;display:flex}.together-pop__text b{font-family:var(--font-display);font-size:24px;font-weight:400;line-height:1.05}.together-pop__text small{color:var(--ink-2);font-size:14px;font-weight:600}.together-pop__n{white-space:nowrap;font-size:14px;font-weight:700}.together-pop__tick{background:var(--white);border:3px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;position:absolute;top:-11px;right:-11px}.together-pop__card:not(.is-on) .together-pop__tick{display:none}.together-pop__go{min-width:260px}.together-pop__go:disabled{opacity:.55;cursor:default}@media (width<=700px){.cbar{border-radius:18px;margin-bottom:14px;padding:8px}.cbar__row{gap:6px}.cbar__search{height:46px;padding-left:12px}.cbar__search input{font-size:16px}.cbar .cbar__label,.cbar .cbar__sort{display:none}.cbar__btn{border-radius:14px;width:46px;height:46px;padding:0}.overlay.sheet-overlay{align-items:flex-end;padding:0}.sheet-overlay .sheet{width:100%;max-height:88dvh;box-shadow:none;border-width:5px 5px 0;border-bottom-style:none;border-bottom-color:currentColor;border-radius:28px 28px 0 0;margin:0;animation:.32s cubic-bezier(.2,.9,.3,1.05) both sheetUp}.sheet__grip{background:var(--ink);opacity:.25;border-radius:999px;width:46px;height:5px;margin-left:-23px;display:block;position:absolute;top:7px;left:50%}.sheet__head{padding:18px 14px 6px}.sheet__head h2{font-size:28px}.sheet__head .icon-btn{width:44px;height:44px}.sheet__body{gap:16px;padding:4px 14px 14px}.sheet__genre{min-height:38px;padding:3px 10px;font-size:14px}.mode-btn{min-height:40px;padding:4px 12px;font-size:14px}.sheet__foot{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.sheet__show{min-height:50px;font-size:20px}.together-pop{gap:10px}.together-pop__sub{font-size:15px}.together-pop__card{grid-template-columns:auto 1fr;gap:10px;padding:10px 12px}.together-pop__n{grid-column:2;margin-top:-6px}.together-pop__text b{font-size:20px}.together-pop__text small{font-size:13px}.together-pop__go{width:100%;min-width:0}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (height<=500px) and (orientation:landscape){.cbar__search,.cbar__btn,.cbar__sort{height:44px}.cbar .cbar__label{display:none}.cbar__btn{width:46px;padding:0}.sheet{max-height:100%}}.hero__inner,.hero__text,.hero__art,.hero__actions{pointer-events:none}.hero__inner a,.hero__inner button,.hero__inner .continue,.hero__inner .bubble{pointer-events:auto}.hero{padding-bottom:190px}.hero__inner{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"text art""actions art";align-items:center;gap:28px 40px;padding-top:30px;display:grid;position:relative}.hero__text{flex-direction:column;grid-area:text;align-self:end;gap:22px;min-width:0;display:flex}.hero__actions{flex-direction:column;grid-area:actions;align-self:start;align-items:flex-start;gap:18px;min-width:0;display:flex}.hero__badge{background:var(--pink);color:var(--white);border:var(--line-thin) solid var(--ink);border-radius:999px;align-self:flex-start;padding:8px 18px;font-size:17px;font-weight:700;transform:rotate(-3deg)}.hero__play{min-width:300px}.hero__play svg{animation:1.6s ease-in-out infinite pop}.hero__facts{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fact{border:var(--line-thin) solid var(--ink);min-height:40px;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#ffffffd1;border-radius:999px;align-items:baseline;gap:6px;padding:7px 16px;font-size:16px;font-weight:700;transition:transform .15s cubic-bezier(.2,.9,.3,1.6);display:inline-flex}.fact b{font-family:var(--font-display);font-size:20px;font-weight:400;line-height:1}button.fact:hover{transform:translateY(-2px)}button.fact:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.fact--plain{background:var(--lime)}.hero__art{grid-area:art;min-width:0;height:520px;position:relative}.float-tile{border:var(--line) solid var(--ink);box-shadow:0 8px 0 var(--ink);justify-content:center;align-items:center;animation:5s ease-in-out infinite floaty;display:flex;position:absolute}.float-tile svg{width:60%;height:60%}.mascot{flex-direction:column;align-items:center;width:400px;margin-left:-200px;display:flex;position:absolute;top:30px;left:50%}.bubble{z-index:2;background:var(--white);border:var(--line) solid var(--ink);max-width:270px;box-shadow:0 6px 0 var(--ink);border-radius:24px;align-self:flex-start;padding:14px 20px;font-size:20px;font-weight:700;line-height:1.3;animation:.4s cubic-bezier(.2,.9,.3,1.3) both popIn;position:relative}.bubble:after{content:"";background:var(--white);border-right:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);width:28px;height:28px;position:absolute;bottom:-22px;right:44px;transform:rotate(45deg)}.mascot__btn{background:0 0;border:0;margin-top:40px;padding:0;transition:transform .15s}.mascot__btn:active{transform:scale(.96,1.03)}.mascot__body{display:block;position:relative}.mascot__svg{width:380px;height:380px;margin:-30px 0 -20px}.mascot__hint{background:#ffffffb3;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:700}.coin-burst{pointer-events:none;position:absolute;top:45%;left:50%}.coin-burst span{background:var(--sun);border:4px solid var(--ink);border-radius:50%;width:30px;height:30px;animation:.8s ease-out forwards coinFly;position:absolute}.continue{border:var(--line-thin) solid var(--ink);box-shadow:var(--drop-sm);background:#ffffffe0;border-radius:22px;align-self:flex-start;align-items:center;gap:14px;padding:10px 18px 10px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.continue:hover{box-shadow:0 9px 0 var(--ink);transform:translateY(-3px)}.continue__icon{border:var(--line-thin) solid var(--ink);border-radius:16px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.continue__text{flex-direction:column;gap:4px;min-width:0;display:flex}.continue__text small{color:var(--ink-2);font-size:14px;font-weight:700}.continue__text b{font-size:18px}.continue .bar{border-width:2px;width:180px;height:10px}.genres{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.genre{border:var(--line) solid var(--ink);height:170px;box-shadow:0 9px 0 var(--ink);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.6),box-shadow .25s;display:flex;position:relative;overflow:hidden}.genre:hover,.genre:focus-visible{box-shadow:0 18px 0 var(--ink);transform:translateY(-10px)rotate(-2deg)}.genre__icon{background:var(--white);border:var(--line-thin) solid var(--ink);border-radius:22px;justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:relative}.genre:hover .genre__icon{animation:.45s ease-in-out infinite wiggle}.genre__name{font-family:var(--font-display);font-size:23px;line-height:1;position:relative}.genre .count{position:absolute;top:10px;right:10px}.stripes{opacity:0;pointer-events:none;background-image:repeating-linear-gradient(-45deg,#ffffff73 0 14px,#0000 14px 28px);transition:opacity .25s;position:absolute;inset:0}.genre:hover .stripes,.game:hover .stripes{opacity:1;animation:1s linear infinite stripes}.together{background:var(--pink)}.together__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:26px;display:grid}.together__card{text-align:left;font-family:var(--font-body);flex-direction:column;gap:12px;padding:24px;display:flex}.together__icons{align-items:center;display:flex}.together__icons span:first-child{border:var(--line-thin) solid var(--ink);border-radius:20px;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.together__icons span:last-child{background:var(--sun);border:var(--line-thin) solid var(--ink);width:50px;height:50px;font-family:var(--font-display);border-radius:16px;justify-content:center;align-items:center;margin-left:-20px;font-size:20px;display:flex}.together__card:hover .together__icons span{animation:.5s ease-in-out infinite squish}.together__card h3{font-size:30px}.toolbar{flex-direction:column;gap:16px;margin-bottom:30px;padding:18px;display:flex}.toolbar__row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.toolbar__row--between{justify-content:space-between}.toolbar .field{flex:320px;min-width:0}.toolbar__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:14px;font-weight:700}.toolbar__scroll{scrollbar-width:thin;gap:10px;padding:4px 2px 12px;display:flex;overflow-x:auto}.toolbar__modes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar__result{color:var(--ink-2);font-size:17px;font-weight:700}.clear-btn{border:3px solid var(--ink);background:var(--white);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 20px;display:flex}.empty h3{font-size:36px}.games{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px;display:grid}.game{flex-direction:column;display:flex;overflow:hidden}.game__art{border-bottom:var(--line) solid var(--ink);justify-content:center;align-items:center;height:190px;text-decoration:none;display:flex;position:relative;overflow:hidden}.game__art:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(#0b3b8c24 3px,#0000 3px);background-size:26px 26px;position:absolute;inset:0}.game__art .stripes{z-index:1}.game__art .tag,.game__badge-icon{z-index:2}.game__thumb,.game__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.game__video{opacity:0;transition:opacity .3s}.game:hover .game__video{opacity:1}.game__badge-icon{background:var(--white);border:var(--line) solid var(--ink);width:110px;height:110px;box-shadow:0 8px 0 var(--ink);border-radius:32px;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.2,.9,.3,1.4);display:flex;position:relative}.game:hover .game__badge-icon{transform:scale(1.1)rotate(0)!important}.game:hover .game__badge-icon svg{animation:.5s ease-in-out infinite squish}.game__genre{position:absolute;top:12px;left:12px}.game__mode{position:absolute;bottom:12px;left:12px}.game__ext{position:absolute;bottom:12px;right:12px}.game__new{position:absolute;top:12px;left:50%;transform:translate(-50%)rotate(-4deg)}.heart{z-index:2;background:var(--white);border:var(--line-thin) solid var(--ink);width:46px;height:46px;box-shadow:0 4px 0 var(--ink);border-radius:15px;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;top:10px;right:10px}.heart:hover{transform:scale(1.12)}.heart:active{transform:scale(.88)}.game__body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 22px;display:flex}.game__body h3{font-size:27px;line-height:1.05}.game__body p{color:var(--ink-2);font-size:16px;font-weight:500}.game__body .btn{align-self:flex-start;margin-top:auto}.game:hover .game__body .btn{animation:.4s ease-in-out infinite wiggle}.products{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:28px;display:grid}.product{flex-direction:column;gap:14px;padding:26px;text-decoration:none;display:flex}.product__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.product__icon{border:var(--line) solid var(--ink);width:80px;height:80px;box-shadow:0 6px 0 var(--ink);font-family:var(--font-display);border-radius:24px;justify-content:center;align-items:center;font-size:32px;display:flex}.product:hover .product__icon{animation:.5s ease-in-out infinite squish}.product h3{font-size:29px;line-height:1.05}.product p{color:var(--ink-2);font-size:17px;font-weight:500}.product .btn{align-self:flex-start;margin-top:auto}.steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;display:grid}.step{flex-direction:column;gap:12px;padding:28px;transition:transform .25s cubic-bezier(.2,.9,.3,1.6);display:flex}.step:hover{transform:translateY(-8px)rotate(2deg)}.step__num{background:var(--white);border:var(--line) solid var(--ink);width:64px;height:64px;font-family:var(--font-display);border-radius:20px;justify-content:center;align-items:center;font-size:36px;display:flex}.step h3{font-size:30px}.step p{font-weight:500}.cog{background:var(--purple);flex-wrap:wrap;align-items:center;gap:44px;display:flex}.cog__text{min-width:0;color:var(--white);flex-direction:column;flex:440px;gap:20px;display:flex}.cog__text .tag{background:var(--lime);align-self:flex-start;font-size:15px;transform:rotate(-3deg)}.cog__text .btn{align-self:flex-start}.cog__chips{flex-wrap:wrap;flex:380px;align-content:center;gap:14px;min-width:0;display:flex}.cog__chip{border:var(--line-thin) solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:18px;padding:14px 20px;font-size:19px;font-weight:700;transition:transform .25s cubic-bezier(.2,.9,.3,1.6)}.cog__chip:hover{transform:translateY(-8px)rotate(2deg)!important}.about{background:var(--cream);flex-direction:column;gap:34px;padding:40px;display:flex}.about__intro{flex-wrap:wrap;align-items:center;gap:36px;display:flex}.about__brand{flex:0 0 240px;height:230px;margin:0 auto;position:relative}.about__logo{--r:-8deg;animation:5s ease-in-out infinite floaty;position:absolute;top:0;left:10px;overflow:visible;transform:rotate(-8deg)}.about__gami{width:140px;height:140px;animation:3.4s ease-in-out infinite bob;position:absolute;bottom:0;right:0}.about__text{flex-direction:column;flex:420px;gap:12px;min-width:0;display:flex}.about__text .tag{align-self:flex-start;font-size:15px;transform:rotate(-3deg)}.about__text h2{color:var(--ink);font-size:clamp(36px,4.6vw,58px)}.about__lead{font-size:clamp(19px,2vw,23px);font-weight:700}.about__text p:not(.about__lead){color:var(--ink-2);font-weight:500}.about__values{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.about__value{background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:24px;flex-direction:column;gap:8px;padding:22px;transition:transform .25s cubic-bezier(.2,.9,.3,1.6);display:flex}.about__value:hover{transform:translateY(-6px)rotate(-1.5deg)}.about__mark{border:var(--line-thin) solid var(--ink);width:52px;height:52px;font-family:var(--font-display);border-radius:16px;justify-content:center;align-items:center;font-size:22px;display:flex}.about__value h3{font-size:24px}.about__value p{color:var(--ink-2);font-size:16px;font-weight:500}.coins-banner .section__sub{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.coins-banner__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid}.coins-card{color:var(--ink);border:var(--line) solid var(--ink);box-shadow:var(--drop);background:var(--white);border-radius:30px;align-items:stretch;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.6);display:flex;overflow:hidden}.coins-card:hover{color:var(--ink);transform:translateY(-6px)rotate(-1deg)}.coins-card__art{border-right:var(--line-thin) solid var(--ink);flex:0 0 40%;justify-content:center;align-items:flex-end;padding-top:14px;display:flex;position:relative}.coins-card--shop .coins-card__art{background:#ffe58a}.coins-card--events .coins-card__art{background:#ffb3d1}.coins-card__gami{aspect-ratio:440/460;width:100%;max-width:170px;height:auto;margin-bottom:-8px}.coins-card__float{animation:5s ease-in-out infinite floaty;position:absolute;top:14px;left:12px}.coins-card__float--b{animation-delay:-2s;top:40px;left:auto;right:12px}.coins-card__text{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:20px;display:flex}.coins-card__text b{font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1}.coins-card__text>span:not(.btn){font-size:16px;font-weight:600}.coins-card__text .btn{margin-top:auto}.games__more{flex-direction:column;align-items:center;gap:8px;margin-top:30px;display:flex}.games__more small{color:var(--white);text-shadow:0 2px 0 var(--ink);font-weight:700}@media (width<=1100px) and (orientation:portrait),(width<=760px){.genres{scroll-snap-type:x proximity;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:6px var(--gutter) 18px;gap:12px;display:flex;overflow-x:auto}.genres::-webkit-scrollbar{display:none}.genre{scroll-snap-align:start;height:128px;box-shadow:0 6px 0 var(--ink);border-radius:24px;flex:0 0 116px;gap:8px}.genre:hover,.genre:focus-visible{box-shadow:0 10px 0 var(--ink);transform:translateY(-4px)}.genre__icon{border-radius:16px;width:54px;height:54px}.genre__icon svg{width:30px;height:30px}.genre__name{text-align:center;padding:0 4px;font-size:17px!important}.genre .count{top:6px;right:6px;transform:scale(.85)}#genres .section__head{margin-bottom:10px}.together{padding:20px 14px}.together__grid{grid-template-columns:1fr;gap:12px;margin-top:14px}.together__card{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}.together__card .muted{display:none}.together__card h3{flex:1;min-width:0;font-size:21px}.together__icons span:first-child{border-radius:16px;width:50px;height:50px}.together__icons span:first-child svg{width:28px;height:28px}.together__icons span:last-child{border-radius:12px;width:38px;height:38px;margin-left:-14px;font-size:15px}.together__card .btn{white-space:nowrap;min-height:40px;padding:6px 12px;font-size:15px;align-self:center!important;margin-top:0!important}}@media (width<=760px){.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game{border-radius:22px}.game__art{border-bottom-width:var(--line-thin);height:118px}.game__badge-icon{width:68px;height:68px;box-shadow:0 5px 0 var(--ink);border-radius:20px}.game__badge-icon svg{width:40px;height:40px}.game .game__genre,.game .game__mode{display:none}.game__new,.game__ext{padding:2px 8px;font-size:11px}.game__new{top:8px}.game__ext{bottom:8px;right:8px}.heart{width:34px;height:34px;box-shadow:0 3px 0 var(--ink);border-radius:11px;top:6px;right:6px}.heart svg{width:17px;height:17px}.game__body{gap:6px;padding:10px 10px 12px}.game__body h3{font-size:18px}.game__body p{display:none}.game__body small{font-size:12px}.game__body .btn{justify-content:center;align-self:stretch;min-height:40px;padding:6px 10px;font-size:16px}.toolbar{margin-bottom:18px}}@media (width<=700px){.genres{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.genre{height:150px}.genre__icon{width:62px;height:62px}.genre__name{text-align:center;padding:0 6px;font-size:20px}.continue .bar{width:140px}.cog{gap:26px}.about{padding:24px 16px}.about__brand{flex-basis:200px;height:190px}.about__logo{width:96px;height:100px}.about__gami{width:110px;height:110px}.coins-banner__grid{grid-template-columns:1fr}.coins-card__text{padding:14px}.coins-card__text b{font-size:24px}.coins-card__text>span:not(.btn){font-size:14px}}@media (width<=1100px) and (orientation:portrait),(width<=700px){.hero{padding-bottom:130px}.hero__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"badge badge""title art""lead lead""actions actions";align-items:center;gap:16px 12px;padding-top:10px}.hero__text{display:contents}.hero__badge{grid-area:badge;justify-self:start}.hero__title{grid-area:title;font-size:clamp(52px,14.5vw,128px)}.hero__lead{grid-area:lead;max-width:640px}.hero__actions{align-items:stretch;gap:14px}.hero__play{width:100%;min-width:0}.hero__facts{justify-content:center}.continue{align-self:stretch}.continue .bar{width:auto}.hero__art{align-self:end;width:clamp(128px,36vw,300px);height:auto}.float-tile{display:none}.mascot{width:auto;margin:0;position:static}.mascot .bubble{display:none}.mascot__btn{margin-top:0}.mascot__svg{width:clamp(132px,38vw,300px);height:clamp(132px,38vw,300px);margin:-10px 0 -6px}.mascot__hint{text-align:center;padding:4px 10px;font-size:12px;line-height:1.2}.hero>.cloud:nth-child(2){display:none}}@media (width<=700px){.hero__badge{padding:5px 13px;font-size:14px}.hero__lead{font-size:17px}.hero__actions .btn--lg{min-height:64px;font-size:28px}.fact{min-height:36px;padding:5px 12px;font-size:14px}.fact b{font-size:17px}}@media (width<=380px){.hero__title{font-size:50px}.hero__lead{font-size:16px}.hero__inner{row-gap:12px}}@media (width>=701px) and (width<=1100px) and (orientation:portrait){.hero__actions{align-items:center}.hero__play{width:min(100%,520px)}.mascot .bubble{align-self:center;max-width:240px;margin-bottom:18px;font-size:16px;display:block}}@media (height<=500px) and (orientation:landscape){.hero{padding-bottom:150px}.hero .tree{display:none}.hero__inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:12px 16px;padding-top:0}.hero__text{gap:10px}.hero__badge{padding:4px 12px;font-size:13px}.hero__title{white-space:nowrap;font-size:clamp(42px,13vh,64px)}.hero__title br{display:none}.lead{font-size:15px}.hero__lead{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero__actions{flex-flow:wrap;align-items:center;gap:12px}.hero__actions .btn--lg{border-radius:20px;min-width:0;min-height:52px;padding:8px 24px;font-size:22px}.fact{min-height:34px;padding:4px 11px;font-size:13px}.fact b{font-size:16px}.continue .bar{width:120px}.hero__art{height:270px}.mascot{width:250px;margin-left:-125px;top:0}.mascot__svg{width:190px;height:190px;margin:-16px 0 -10px}.mascot__btn{margin-top:20px}.bubble{max-width:190px;padding:7px 12px;font-size:13px}.mascot__hint{font-size:12px}.float-tile{transform:scale(.6)}.genre{height:140px}}@media (width>=701px) and (width<=1100px) and (orientation:landscape) and (height>=501px){.hero__art{height:460px}.title-xl{font-size:clamp(64px,9vw,120px)}}.play{min-height:100vh;position:relative;overflow:hidden}.play__ground{background:var(--grass);border-top:6px solid var(--ink);border-radius:50%;height:780px;position:absolute;bottom:-540px;left:-10%;right:-10%}.play__bar{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;padding-bottom:18px;display:flex;position:relative}.play__title{align-items:center;gap:16px;min-width:0;display:flex}.plate{background:var(--sun);border:var(--line) solid var(--ink);box-shadow:0 7px 0 var(--ink);border-radius:22px;flex-direction:column;min-width:0;padding:10px 24px;display:flex;transform:rotate(-1.5deg)}.plate small{font-size:14px;font-weight:700}.plate h1{text-overflow:ellipsis;white-space:nowrap;font-size:34px;overflow:hidden}.play__controls{flex-wrap:wrap;gap:12px;display:flex}.play__main{z-index:2;flex-wrap:wrap;align-items:flex-start;gap:30px;padding-bottom:80px;display:flex;position:relative}.play__stage{flex-direction:column;flex:999 560px;gap:20px;min-width:0;display:flex}.bezel{background:var(--orange);border:6px solid var(--ink);box-shadow:0 14px 0 var(--ink);border-radius:40px;padding:22px;position:relative}.bolt{background:var(--sun);border:3px solid var(--ink);border-radius:50%;width:14px;height:14px;position:absolute}.bolt--tl{top:14px;left:14px}.bolt--tr{top:14px;right:14px}.bolt--bl{bottom:14px;left:14px}.bolt--br{bottom:14px;right:14px}.screen{aspect-ratio:16/9;border:var(--line) solid var(--ink);background:#10153a;border-radius:24px;position:relative;overflow:hidden}.screen--portrait{aspect-ratio:9/16;width:min(100%,43.875svh);margin:0 auto}.screen iframe{background:var(--white);border:0;width:100%;height:100%;position:absolute;inset:0}.screen:fullscreen{aspect-ratio:auto;border:0;border-radius:0;max-height:none}.screen__layer{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:16px;display:flex;position:absolute;inset:0}.screen__layer--loading{background:var(--sky)}.screen__layer--ready:before{content:"";z-index:-1;background:var(--game-color,var(--sun));background-image:radial-gradient(#0b3b8c24 4px,#0000 4px);background-size:34px 34px;position:absolute;inset:0}.screen__big{font-family:var(--font-display);color:var(--white);text-shadow:0 7px 0 var(--ink);font-size:clamp(30px,6vw,96px);line-height:1;animation:3.6s ease-in-out infinite floaty}.loader-text{font-family:var(--font-display);color:var(--white);text-shadow:0 5px 0 var(--ink);font-size:clamp(20px,3vw,36px)}.screen .bar{width:380px;max-width:72%;height:28px}.screen .bar>span{animation:2.2s cubic-bezier(.6,.1,.3,1) forwards load,.6s linear infinite stripes}.tip{background:var(--white);border:var(--line-thin) solid var(--ink);border-radius:999px;padding:8px 18px;font-size:17px;font-weight:700}.runner-gami{width:110px;height:114px;animation:.9s ease-in-out infinite bob;overflow:visible}.runner-gami .logo__spark{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite pop}.console-brand{align-items:center;gap:8px;display:flex}.console-brand svg{transform:rotate(-6deg)}.start-btn{background:var(--sun);border:6px solid var(--ink);box-shadow:0 12px 0 var(--ink);font-family:var(--font-display);border-radius:30px;align-items:center;gap:14px;padding:20px 46px;font-size:clamp(22px,3.4vw,40px);animation:1.4s ease-in-out infinite wiggle;display:inline-flex;position:relative}.start-btn:after{content:"";border:6px solid var(--white);border-radius:30px;animation:1.6s ease-out infinite pulseRing;position:absolute;inset:-6px}.console-row{justify-content:space-between;align-items:center;padding:18px 20px 4px;display:flex}.dpad{width:64px;height:64px;position:relative}.dpad:before,.dpad:after{content:"";background:var(--ink);border-radius:6px;position:absolute}.dpad:before{width:22px;height:64px;top:0;left:21px}.dpad:after{width:64px;height:22px;top:21px;left:0}.console-row b{font-family:var(--font-display);color:var(--white);text-shadow:0 3px 0 var(--ink);font-size:22px;font-weight:400}.ab-buttons{gap:14px;display:flex}.ab-buttons span{border:var(--line-thin) solid var(--ink);border-radius:50%;width:34px;height:34px}.ab-buttons span:first-child{background:var(--sun)}.ab-buttons span:last-child{background:var(--pink);margin-top:-16px}.hint{box-shadow:var(--drop-sm);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 20px;font-size:17px;font-weight:600;display:flex}.hint__text{flex:220px;min-width:0}.hint__btn{flex:none;margin-left:auto}html.is-game-fill,html.is-game-fill body{overscroll-behavior:none;overflow:hidden}.play--fill .play__main{z-index:auto}.screen--fill{z-index:75;aspect-ratio:auto;background:#10153a;border:0;border-radius:0;max-width:none;position:fixed;inset:0;width:auto!important;margin:0!important}.screen--fill iframe{top:env(safe-area-inset-top);left:env(safe-area-inset-left);width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.screen:fullscreen iframe{top:env(safe-area-inset-top);left:env(safe-area-inset-left);width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom))}html.is-game-fill .toasts,html.is-game-fill .to-top{display:none}.screen__fs-bar{z-index:4;left:env(safe-area-inset-left);align-items:center;gap:8px;animation:.5s 3s forwards fsDim;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.screen__fs-btn{border:3px solid var(--ink);min-width:42px;height:42px;box-shadow:0 3px 0 var(--ink);opacity:.8;background:#ffffffe0;border-radius:14px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;transition:opacity .2s;display:inline-flex}.screen__fs-bar:hover,.screen__fs-bar:focus-within{opacity:1;animation:none}.screen__fs-btn--exit{border-left:0;border-radius:0 14px 14px 0;order:-1;width:34px;min-width:34px;height:52px;padding:0}.screen__fs-btn--hint{animation:.4s 6s forwards fsHide}@keyframes fsDim{to{opacity:.35}}@keyframes fsHide{to{opacity:0;visibility:hidden;border-width:0;width:0;margin-right:-8px;padding:0}}.play__side{flex-direction:column;flex:280px;gap:22px;min-width:0;display:flex}.how{flex-direction:column;gap:10px;padding:26px;display:flex}.how h2{font-size:28px}.how__gami{width:100px;height:100px;position:absolute;top:-56px;right:-10px}.next-title{font-family:var(--font-display);color:var(--white);text-shadow:0 4px 0 var(--ink);font-size:28px}.next{background:var(--white);border:var(--line) solid var(--ink);box-shadow:0 7px 0 var(--ink);border-radius:24px;align-items:center;gap:14px;padding:12px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.6);display:flex}.next:hover{transform:translate(6px)rotate(-1deg)}.next__icon{border:var(--line-thin) solid var(--ink);border-radius:18px;flex:none;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.next__text{flex-direction:column;flex:1;min-width:0;display:flex}.next__text b{font-family:var(--font-display);font-size:22px;font-weight:400}.next__text small{color:var(--ink-2);font-size:15px;font-weight:600}.missing{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.missing h1{font-size:40px}@media (width<=700px){.bezel{border-radius:26px;padding:10px}.bolt{display:none}.console-row{padding:12px 8px 2px}.dpad{transform:scale(.7)}.plate h1{font-size:26px}.screen__layer{gap:12px}.runner-gami,.tip,.screen__big{display:none}.start-btn{border-width:5px;padding:12px 24px}.play__controls{width:100%}.play__controls .grow{flex:1}}@media (orientation:landscape){.screen:not(.screen--portrait){width:min(100%,177.778svh - 408.889px);margin:0 auto}}@media (height<=500px) and (orientation:landscape){.topbar--game{display:none}.play__bar{flex-wrap:nowrap;padding-top:8px;padding-bottom:8px}.play__controls{flex-wrap:nowrap;gap:8px;width:auto}.plate{box-shadow:0 4px 0 var(--ink);padding:4px 14px}.plate small{display:none}.plate h1{font-size:22px}.play__bar .icon-btn{width:44px;height:44px}.play__bar .btn--sm{min-height:44px;padding:6px 12px;font-size:17px}.play__main{gap:20px}.bezel{box-shadow:0 8px 0 var(--ink);border-radius:22px;padding:8px}.bolt,.console-row,.hint{display:none}.screen:not(.screen--portrait){width:min(100%,177.778svh - 160px)}.screen--portrait{width:min(100%,56.25svh - 50.625px)}.screen__layer{gap:10px}.runner-gami,.tip,.screen__big{display:none}.start-btn{border-width:5px;padding:10px 22px;font-size:22px}}@media (orientation:landscape) and (width<=1100px){.hint{display:none}}.splash{z-index:999;background:var(--sky);clip-path:circle(150%);cursor:pointer;justify-content:center;align-items:center;transition:clip-path .7s cubic-bezier(.7,0,.3,1);display:flex;position:fixed;inset:0;overflow:hidden}.splash--leaving{clip-path:circle(0% at 50% 42%)}.splash__rays{background:repeating-conic-gradient(#ffffff29 0 10deg, transparent 10deg 20deg);border-radius:50%;width:1600px;height:1600px;margin:-800px 0 0 -800px;animation:40s linear infinite spin,1s .2s both fadeIn;position:absolute;top:42%;left:50%}.splash__cloud{background:var(--cloud);opacity:.85;border-radius:999px;animation:30s linear infinite drift;position:absolute}.splash__cloud--a{width:220px;height:70px;animation-delay:-6s;top:14%}.splash__cloud--b{opacity:.7;width:160px;height:52px;animation-delay:-19s;top:64%}.splash__center{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:0 20px 80px;display:flex;position:relative}.splash__logo{width:150px;height:155px;animation:.9s cubic-bezier(.2,.9,.3,1.35) both splashDrop;overflow:visible}.splash__logo .logo__spark{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out 1s infinite pop}.splash__logo .logo__play{transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.2,.9,.3,1.6) .8s both splashPlay}.splash__word{color:var(--white);text-shadow:0 7px 0 var(--ink);align-items:flex-end;margin-top:6px;font-size:clamp(48px,9vw,96px);display:flex;position:relative}.splash__word span{animation:.55s cubic-bezier(.2,.9,.3,1.6) both splashLetter;display:inline-block}.splash__studio{background:var(--pink);border:4px solid var(--ink);font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;text-shadow:none;color:var(--white);border-radius:12px;padding:4px 12px 5px;font-size:clamp(13px,2vw,18px);font-weight:700;animation:.5s cubic-bezier(.2,.9,.3,1.6) 1.05s both splashSticker;position:absolute;bottom:-18px;right:-14px}.splash__tag{background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:999px;margin-top:18px;padding:6px 18px;font-size:clamp(18px,2.4vw,24px);font-weight:700;animation:.5s cubic-bezier(.2,.9,.3,1.3) 1.3s both popIn}.splash__bar{background:var(--white);border:var(--line-thin) solid var(--ink);border-radius:999px;width:min(320px,70vw);height:22px;margin-top:10px;animation:.3s 1.1s both fadeIn;overflow:hidden}.splash__bar span{transform-origin:0;background-color:var(--sun);background-image:repeating-linear-gradient(45deg,#ffffff8c 0 10px,#0000 10px 20px);border-radius:999px;width:100%;height:100%;animation:.6s linear infinite stripes,1.6s cubic-bezier(.3,.8,.3,1) 1.1s forwards splashBar;display:block;transform:scaleX(0)}.splash__bar span.is-done{animation:.6s linear infinite stripes,1.2s cubic-bezier(.3,.8,.3,1) .9s forwards splashBarDone}@keyframes splashBar{to{transform:scaleX(.75)}}@keyframes splashBarDone{to{transform:scaleX(1)}}.splash__gami{z-index:2;width:160px;height:160px;animation:.8s cubic-bezier(.2,.9,.3,1.4) 1.2s both splashPeek;position:absolute;bottom:70px;right:8%}.splash__gami svg{width:100%;height:100%;animation:3s ease-in-out 2s infinite bob}.splash__hills{z-index:1;background:var(--grass);border-top:6px solid var(--ink);border-radius:50%;height:420px;animation:.8s cubic-bezier(.2,.9,.3,1.1) .1s both splashRise;position:absolute;bottom:-300px;left:-10%;right:-10%}.splash__skip{z-index:3;border:3px solid var(--ink);background:#fffc;border-radius:14px;padding:8px 16px;font-size:15px;font-weight:700;animation:.3s .8s both fadeIn;position:absolute;top:18px;right:18px}@keyframes splashDrop{0%{transform:translateY(-120vh)rotate(-30deg)}65%{transform:translateY(14px)rotate(4deg)scale(1.05,.92)}to{transform:translateY(0)rotate(-6deg)}}@keyframes splashPlay{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes splashLetter{0%{opacity:0;transform:translateY(40px)scale(.3)}to{opacity:1;transform:none}}@keyframes splashSticker{0%{opacity:0;transform:scale(2.4)rotate(20deg)}to{opacity:1;transform:rotate(-6deg)}}@keyframes splashPeek{0%{transform:translateY(220px)}to{transform:none}}@keyframes splashRise{0%{transform:translateY(200px)}to{transform:none}}@media (width<=700px){.splash__logo{width:110px;height:114px}.splash__gami{width:110px;height:110px;bottom:40px;right:4%}.splash__studio{bottom:-16px;right:-6px}}@media (prefers-reduced-motion:reduce){.splash{transition:opacity .3s}.splash--leaving{clip-path:none;opacity:0}}@media (height<=500px) and (orientation:landscape){.splash__center{gap:6px;padding-bottom:30px}.splash__logo{width:22vh;height:23vh}.splash__word{margin-top:0;font-size:min(9vw,15vh)}.splash__studio{font-size:12px;bottom:-14px}.splash__tag{margin-top:12px;padding:4px 14px;font-size:15px}.splash__bar{height:16px;margin-top:6px}.splash__gami{width:26vh;height:26vh;bottom:10px;right:5%}.splash__hills{bottom:-360px}}.shop-page{min-height:100vh;padding-bottom:90px;position:relative;overflow:hidden}.shop{z-index:2;position:relative}.shop__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.shop__head .lead{margin-top:8px}.shop__purse{background:var(--white);border:var(--line) solid var(--ink);box-shadow:var(--drop-sm);border-radius:22px;align-items:center;gap:10px;padding:10px 20px 10px 12px;display:flex}.shop__purse .coin{width:40px;height:40px;font-size:18px}.shop__purse b{font-family:var(--font-display);font-size:36px;font-weight:400;line-height:1}.shop__purse small{font-weight:700}.shop__layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.shop__main{flex-direction:column;gap:14px;min-width:0;display:flex}.shop__main--wide{grid-column:1/-1}.shop__tabs{flex-wrap:wrap;gap:10px;display:flex}.shop__events-tab{color:var(--white);text-decoration:none}.shop__hint{color:var(--on-sky);font-weight:700}.shop__earn{box-shadow:var(--drop-sm);flex-direction:column;gap:4px;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.shop-stage{top:calc(var(--topbar-h-compact) + 16px);box-shadow:var(--drop);flex-direction:column;gap:14px;padding:16px;display:flex;position:sticky}.shop-stage__view{--stage-sky:#4fc3ff;--stage-grass:#5cc23c;--stage-cloud:#fff;border:var(--line-thin) solid var(--ink);background:var(--stage-sky);border-radius:22px;justify-content:center;align-items:flex-end;height:280px;transition:background .3s;display:flex;position:relative;overflow:hidden}.shop-stage__hill{background:var(--stage-grass);border-top:var(--line-thin) solid var(--ink);border-radius:50%;height:150px;position:absolute;bottom:-90px;left:-20%;right:-20%}.shop-stage__cloud{background:var(--stage-cloud);opacity:.85;border-radius:999px;width:110px;height:34px;animation:6s ease-in-out infinite floaty;position:absolute;top:26px;left:14%}.shop-stage__gami{z-index:1;width:250px;height:250px;margin-bottom:4px;position:relative}.shop-stage__info{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.shop-stage__name{font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1}.shop-stage__desc{color:var(--ink-2);font-size:15px;font-weight:600}.shop-buy .coin{width:26px;height:26px;font-size:12px}.mini-console{z-index:1;border:5px solid var(--ink);width:210px;box-shadow:0 8px 0 var(--ink);border-radius:26px;flex-direction:column;gap:10px;margin-bottom:26px;padding:14px 14px 10px;transition:background .3s;display:flex;position:relative}.mini-console__screen{border:4px solid var(--ink);background:#4fc3ff;border-radius:14px;justify-content:center;align-items:flex-end;height:130px;display:flex;overflow:hidden}.mini-console__gami{width:120px;height:120px}.mini-console__row{justify-content:space-between;align-items:center;padding:0 6px;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.shop-item{background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 6px 0 var(--ink);color:var(--ink);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 14px;transition:transform .2s cubic-bezier(.2,.9,.3,1.6);display:flex;position:relative}button.shop-item:hover{transform:translateY(-4px)}.shop-item.is-selected{background:var(--sun)}.shop-item.is-equipped:after{content:"✓";background:var(--lime);border:3px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex;position:absolute;top:-10px;left:-8px}.shop-item__thumb{justify-content:center;align-items:center;width:96px;height:96px;display:flex}.shop-item__name{font-size:16px;font-weight:700;line-height:1.2}.shop-item__price{font-family:var(--font-display);align-items:center;gap:6px;font-size:20px;display:inline-flex}.shop-item__price .coin,.shop-item .btn .coin{width:24px;height:24px;font-size:11px}.shop-item__tag{border:2px solid var(--ink);background:var(--cream);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.shop-item__tag--on{background:var(--lime)}.shop-item__tag--lock{background:#e3e0ee}.shop-item__tag--lock:before{content:"🔒︎ "}.shop-item__count{font-family:var(--font-display);font-size:20px;position:absolute;top:8px;right:10px}.shop-item__how{color:var(--ink-2);font-size:13px;font-weight:600}.shop-item--sticker .sticker__face{width:64px;height:64px}.shop-item--sticker.is-owned{background:#f3ffe0}.thumb__gami{width:100px;height:100px}.thumb__console{border:4px solid var(--ink);width:74px;height:92px;box-shadow:0 4px 0 var(--ink);border-radius:16px;display:block;position:relative}.thumb__screen{border:3px solid var(--ink);background:#4fc3ff;border-radius:6px;height:40px;position:absolute;top:8px;left:8px;right:8px}.thumb__pad,.mini-console__row .thumb__pad{width:20px;height:20px;display:block;position:relative}.thumb__console .thumb__pad{position:absolute;bottom:12px;left:10px}.thumb__pad:before,.thumb__pad:after{content:"";background:var(--ink);border-radius:2px;position:absolute}.thumb__pad:before{width:6px;height:20px;top:0;left:7px}.thumb__pad:after{width:20px;height:6px;top:7px;left:0}.thumb__ab{background:var(--pink);border:3px solid var(--ink);width:14px;height:14px;box-shadow:10px -8px 0 -3px var(--sun), 10px -8px 0 0 var(--ink);border-radius:50%;display:block}.thumb__console .thumb__ab{position:absolute;bottom:14px;right:16px}.thumb__sky{border:4px solid var(--ink);border-radius:16px;width:96px;height:80px;display:block;position:relative;overflow:hidden}.thumb__cloud{border-radius:999px;width:40px;height:14px;position:absolute;top:12px;left:12px}.thumb__hill{border-top:3px solid var(--ink);border-radius:50%;height:50px;position:absolute;bottom:-26px;left:-20px;right:-20px}.thumb__freeze{border:4px solid var(--ink);background:#bff4ff;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.level-card{background:var(--cream);border:var(--line-thin) solid var(--ink);border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.level-card__text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.level-card__text b{font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1}.level-card__text small{color:var(--ink-2);font-size:13px;font-weight:600}.level-card .bar{height:14px}@media (width<=700px){.shop__head{flex-wrap:nowrap;align-items:center;margin-bottom:14px}.shop__head .lead{font-size:16px}.shop__purse{border-radius:18px;flex-direction:column;flex:none;gap:2px;padding:8px 12px}.shop__purse .coin{width:30px;height:30px;font-size:14px}.shop__purse b{font-size:26px}.shop__purse small{font-size:12px}}@media (width<=900px){.shop__layout{grid-template-columns:1fr;gap:18px}.shop-stage{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid;position:relative;top:0}.shop-stage__view{height:170px}.shop-stage__gami{width:150px;height:150px}.mini-console{border-radius:18px;width:130px;margin-bottom:14px;padding:8px}.mini-console__screen{height:80px}.mini-console__gami{width:76px;height:76px}.shop-stage__name{font-size:24px}.shop-stage .level-card{grid-column:1/-1}.shop__tabs{margin:0 calc(var(--gutter) * -1);padding:4px 2px 10px;padding-left:var(--gutter);padding-right:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.shop__tabs::-webkit-scrollbar{display:none}.shop__tabs .btn{flex:none}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.shop-item__thumb{width:78px;height:78px}.thumb__gami{width:82px;height:82px}}@media (width<=380px){.shop-stage{grid-template-columns:120px minmax(0,1fr)}.shop-stage__view{height:150px}.shop-stage__gami{width:128px;height:128px}}@media (height<=500px) and (orientation:landscape){.shop__layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.shop-stage{display:flex;position:sticky;top:70px}.shop-stage__view{height:170px}.shop-stage__gami{width:150px;height:150px}}.events-page{min-height:100vh;padding-bottom:90px;position:relative;overflow:hidden}.events{z-index:2;position:relative}.events__head{flex-direction:column;gap:10px;margin-bottom:26px;display:flex}.events__head .lead{max-width:720px}.event-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.event-tile{color:var(--ink);background:var(--white);border:var(--line) solid var(--ink);box-shadow:var(--drop);border-radius:28px;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.6);display:flex;overflow:hidden}.event-tile:hover{color:var(--ink);transform:translateY(-6px)rotate(-1deg)}.event-tile--later{filter:saturate(.75)}.event-tile__art{background:radial-gradient(circle at 50% 30%, var(--ev-bg) 0%, var(--ev-bg2) 80%);border-bottom:var(--line-thin) solid var(--ink);justify-content:center;align-items:flex-end;height:160px;display:flex;position:relative}.event-tile__items{position:absolute;inset:0}.event-tile__items svg{animation:5s ease-in-out infinite floaty;position:absolute}.event-tile__items svg:first-child{top:18%;left:12%}.event-tile__items svg:nth-child(2){animation-delay:-2s;top:12%;right:14%}.event-tile__items svg:nth-child(3){animation-delay:-3.5s;bottom:18%;right:22%}.event-tile__gami{width:140px;height:146px;margin-bottom:-10px}.event-tile__body{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px 18px;display:flex}.event-tile__status,.maker .event-tile__status{border:2px solid var(--ink);background:#e3e0ee;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}.event-tile__status.is-open{background:var(--lime)}.event-tile__title{font-family:var(--font-display);font-size:28px;font-weight:400;line-height:1}.event-tile__name{color:var(--ink-2);font-weight:700}.event-tile__blurb{font-size:15px;font-weight:500}.event-tile__price{align-items:center;gap:6px;margin-top:4px;font-weight:700;display:inline-flex}.event-tile__price .coin{width:26px;height:26px;font-size:12px}.maker-page{background:radial-gradient(circle at 50% 10%, var(--ev-bg) 0%, var(--ev-bg2) 70%)}.maker{z-index:2;flex-direction:column;gap:18px;max-width:960px;display:flex;position:relative}.maker__back{background:var(--white);border:3px solid var(--ink);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-weight:700;text-decoration:none;display:inline-flex}.maker__hero{flex-wrap:wrap;align-items:center;gap:10px 28px;display:flex}.maker__art{flex:0 0 220px;justify-content:center;align-items:flex-end;height:230px;display:flex;position:relative}.maker__items svg{animation:5s ease-in-out infinite floaty;position:absolute}.maker__items svg:first-child{top:20px;left:0}.maker__items svg:nth-child(2){animation-delay:-2s;top:0;right:6px}.maker__items svg:nth-child(3){animation-delay:-3s;bottom:40px;right:0}.maker__gami{width:210px;height:220px}.maker__intro{flex-direction:column;flex:320px;align-items:flex-start;gap:10px;display:flex}.maker__intro .event-tile__status{background:var(--white)}.maker__intro .event-tile__status.is-open{background:var(--lime)}.maker__blurb{color:var(--white);text-shadow:0 2px 0 var(--ink);max-width:520px;font-size:19px;font-weight:700}.maker__panel{flex-direction:column;gap:18px;padding:24px;display:flex}.maker__note{background:var(--cream);border:2px dashed var(--ink);border-radius:16px;padding:12px 16px;font-weight:700}.maker__unlock{border:3px solid var(--ink);background:#fff3d6;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.maker__unlock b{font-family:var(--font-display);font-size:24px;font-weight:400}.maker__unlock p{font-weight:600}.maker__unlock .coin{width:26px;height:26px;font-size:12px}.maker__form fieldset{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}.maker__form.is-locked{opacity:.55}.maker__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.maker__form label{flex-direction:column;gap:6px;font-weight:700;display:flex}.maker__form label small{color:var(--ink-2);margin-left:6px;font-weight:600}.maker__form input,.maker__form textarea,.maker__result input{border:var(--line-thin) solid var(--ink);background:var(--white);width:100%;font:inherit;color:var(--ink);border-radius:16px;padding:12px 14px;font-size:18px;font-weight:600}.maker__form textarea{resize:vertical;font-family:"Caveat", var(--font-body);font-size:26px;line-height:1.2}.maker__ideas{flex-wrap:wrap;gap:8px;display:flex}.maker__idea{text-align:left;border:2px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:14px;padding:8px 12px;font-size:14px;font-weight:600}.maker__idea:hover{background:var(--sun)}.maker__make{align-self:flex-start}.maker__result{border:3px solid var(--ink);background:#f3ffe0;border-radius:20px;flex-direction:column;gap:10px;padding:16px;animation:.4s cubic-bezier(.2,.9,.3,1.3) both popIn;display:flex}.maker__result input{font-size:15px}.maker__share{flex-wrap:wrap;gap:10px;display:flex}.maker__share .btn{text-decoration:none}@media (width<=700px){.maker__hero{flex-direction:column;align-items:flex-start}.maker__art{flex-basis:auto;width:100%;height:170px}.maker__gami{width:160px;height:168px}.maker__row{grid-template-columns:1fr}.maker__panel{padding:18px 14px}.maker__make{align-self:stretch}.event-grid{grid-template-columns:1fr}}html.is-card body{padding-bottom:0;overflow-x:hidden}.cardview{--font-hand:"Caveat", "Comic Sans MS", cursive;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(70px, calc(env(safe-area-inset-bottom) + 64px));background:radial-gradient(circle at 50% 30%, var(--ev-bg,#8fd7ff) 0%, var(--ev-bg2,#4fc3ff) 75%);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cardview main{z-index:2;width:100%;position:relative}.cardview__float span{opacity:.35;animation:7s ease-in-out infinite floaty;position:absolute}.cardview__intro{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:520px;display:flex}.cardview__kicker{font-family:var(--font-display);color:var(--white);text-shadow:0 5px 0 var(--ink);font-size:clamp(26px,6.5vw,42px);line-height:1.1}.cardview__kicker b{color:var(--sun);font-weight:400}.envelope{aspect-ratio:3/2;cursor:pointer;background:var(--ev-paper,#fff);border:6px solid var(--ink);width:min(86vw,360px);box-shadow:0 14px 0 var(--ink);border-radius:22px;padding:0;animation:2.4s ease-in-out infinite envWiggle;position:relative;overflow:hidden}.envelope:hover{animation-duration:.8s}.envelope__flap{background:var(--ev-accent,#ff5da2);clip-path:polygon(0 0,100% 0,50% 100%);height:50%;position:absolute;top:-6px;left:-6px;right:-6px}.envelope__flap:after{content:"";clip-path:polygon(0 0,100% 0,50% 88%);background:#ffffff2e;position:absolute;inset:0}.envelope__to{line-height:1;font-family:var(--font-hand);color:var(--ink);font-size:clamp(28px,7vw,40px);font-weight:700;position:absolute;bottom:4%;left:0;right:0}.envelope__seal{background:var(--white);border:5px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:1.6s ease-in-out infinite pop;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}@keyframes envWiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)translateY(-6px)}}.cardview__how{color:var(--white);text-shadow:0 2px 0 var(--ink);font-size:18px;font-weight:700}.cardview__start{min-width:240px}.cardview__skip{color:var(--white);opacity:.85;background:0 0;border:0;padding:8px;font-size:15px;font-weight:600;text-decoration:underline}.cardview--play{padding:0}.cardview__play{flex-direction:column;height:100dvh;display:flex;position:relative}.catch{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;min-height:0;padding-top:env(safe-area-inset-top);flex:1;position:relative;overflow:hidden}.catch__meter{left:50%;top:max(14px, env(safe-area-inset-top));z-index:3;background:var(--white);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);font-family:var(--font-display);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 8px;font-size:22px;display:flex;position:absolute;transform:translate(-50%)}.catch__meter b{font-weight:400}.catch__bar{border:3px solid var(--ink);background:var(--cream);border-radius:999px;width:min(36vw,180px);height:16px;overflow:hidden}.catch__bar span{background:var(--ev-accent,#ff5da2);height:100%;transition:width .25s;display:block}.catch__item{z-index:2;will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.catch__gami{z-index:2;will-change:transform;pointer-events:none;position:absolute;bottom:16px;left:0}.catch__gami svg{width:100%;height:100%}.catch__shake{width:100%;height:100%;animation:.45s ease-in-out catchShake}@keyframes catchShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.catch__ground{background:#ffffff59;border-top:4px solid #0b3b8c59;border-radius:50%;height:110px;position:absolute;bottom:-70px;left:-10%;right:-10%}.catch__pop{z-index:4;pointer-events:none;white-space:nowrap;font-family:var(--font-display);color:var(--white);text-shadow:0 4px 0 var(--ink);font-size:26px;animation:.9s ease-out forwards catchPop;position:absolute;transform:translate(-50%)}.catch__pop--bad{background:var(--white);color:var(--ink);text-shadow:none;border:3px solid var(--ink);border-radius:14px;padding:4px 12px;font-size:20px}@keyframes catchPop{0%{opacity:1;transform:translate(-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50px)scale(1.1)}}.cardview__skip--play{right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:5;color:var(--ink);text-shadow:0 1px #fff9;position:absolute}.cardview--play .cardview__brand{display:none}.cardview__reveal{flex-direction:column;align-items:center;gap:22px;display:flex}.reveal{flex-direction:column;align-items:center;width:min(100%,520px);display:flex;position:relative}.reveal__rain{pointer-events:none;z-index:0;position:fixed;inset:0}.reveal__rain span{animation:linear infinite revealFall;position:absolute;top:-60px}@keyframes revealFall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(115vh)rotate(260deg)}}.reveal__envelope{z-index:1;width:100%;padding-top:40px;position:relative}.reveal__back,.reveal__front,.reveal__flap{border:6px solid var(--ink);position:absolute;left:0;right:0}.reveal__back{background:var(--ev-accent);height:58%;box-shadow:0 14px 0 var(--ink);border-radius:26px;bottom:0}.reveal__front{background:var(--ev-paper);z-index:0;clip-path:polygon(0 0,50% 45%,100% 0,100% 100%,0 100%);border-top:0;border-radius:0 0 26px 26px;height:34%;bottom:0}.reveal__flap{z-index:0;background:var(--ev-accent);clip-path:polygon(0 100%,50% 0,100% 100%);transform-origin:bottom;filter:brightness(1.1);border:0;height:30%;animation:.7s ease-out both flapOpen;bottom:58%}@keyframes flapOpen{0%{transform:scaleY(-1)}to{transform:scaleY(1)}}.reveal__letter{z-index:1;background:var(--ev-paper);border:5px solid var(--ink);background-image:repeating-linear-gradient(#0000 0 33px,#0b3b8c1f 33px 35px);background-position:0 58px;border-radius:18px;margin:0 6% 18%;padding:22px 22px 26px;animation:1s cubic-bezier(.2,.9,.3,1.2) .35s both letterUp;position:relative;box-shadow:0 8px #0b3b8c40}@keyframes letterUp{0%{transform:translateY(55%)}to{transform:translateY(0)}}.reveal__title{font-family:var(--font-display);color:var(--ev-accent);text-shadow:0 4px 0 var(--ink);text-align:center;margin-bottom:8px;font-size:clamp(32px,8vw,50px)}.reveal__dear,.reveal__msg,.reveal__from{font-family:var(--font-hand);color:var(--ink);font-weight:700;line-height:35px}.reveal__dear{font-size:30px}.reveal__msg{min-height:70px;font-size:clamp(26px,6.4vw,32px)}.reveal__from{text-align:right;margin-top:6px;font-size:30px}.reveal__caret{vertical-align:-4px;background:var(--ev-accent);width:3px;height:26px;margin-left:2px;animation:.8s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.reveal__gami{z-index:3;width:130px;height:136px;animation:.6s cubic-bezier(.2,.9,.3,1.4) 1.2s both popIn;position:absolute;bottom:-44px;right:-14px}.reveal__gami svg{width:100%;height:100%}.cardview__actions{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex;position:relative}.cardview__actions .btn{text-decoration:none}.cardview__brand{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:3;white-space:nowrap;border:3px solid var(--ink);color:var(--ink);background:#ffffffe6;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;transform:translate(-50%)}.cardview--broken{background:var(--sky)}.cardview__panel{text-align:center;background:var(--white);border:5px solid var(--ink);max-width:440px;box-shadow:var(--drop);border-radius:30px;flex-direction:column;align-items:center;gap:14px;padding:28px;display:flex}.cardview__panel h1{font-size:34px}.cardview__gami{width:150px;height:150px}@media (height<=560px) and (orientation:landscape){.cardview__intro{flex-flow:wrap;justify-content:center;gap:12px 24px;max-width:760px}.cardview__kicker{flex-basis:100%;font-size:26px}.envelope{width:240px}.reveal__letter{padding:14px 18px 18px}.reveal__gami{width:100px;height:104px}}@media (prefers-reduced-motion:reduce){.envelope,.envelope__seal,.reveal__rain,.cardview__float span{animation:none!important}.reveal__rain{display:none}}:root{--ink:#0b3b8c;--ink-2:#24467f;--ink-dark:#072a66;--sky:#4fc3ff;--grass:#5cc23c;--grass-light:#7ed957;--tree:#3fae2a;--tree-dark:#2f9a1e;--sun:#ffd23f;--pink:#ff5da2;--lime:#c8ff3e;--teal:#6fe3d4;--orange:#ff7a3d;--purple:#7c5cff;--lilac:#b9a6ff;--cream:#fff8e7;--paper:#fffdf6;--ice:#eaf6ff;--soil:#8b5a2b;--soil-text:#fff3df;--white:#fff;--on-sky:#0b3b8c;--cloud:#fff;--danger:#c2185b;--font-display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--line:5px;--line-thin:4px;--drop:0 10px 0 var(--ink);--drop-sm:0 6px 0 var(--ink);--radius:30px;--radius-sm:18px;--wrap:1280px;--gutter:32px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--sky);-webkit-tap-highlight-color:transparent;margin:0;font-size:18px;line-height:1.45;transition:background-color .4s;overflow-x:hidden}img,svg,video{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--ink)}a:hover{color:var(--ink-dark)}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:400;line-height:1}p{margin:0}:focus-visible{outline:4px solid var(--sun);outline-offset:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.wrap{max-width:var(--wrap);padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));margin:0 auto}.title-xl{color:var(--white);text-shadow:0 9px 0 var(--ink), 0 18px 34px #0b3b8c4d;font-size:clamp(64px,10vw,148px);line-height:.9}.title-lg{color:var(--white);text-shadow:0 7px 0 var(--ink);font-size:clamp(42px,6vw,76px)}.title-md{color:var(--white);text-shadow:0 6px 0 var(--ink);font-size:clamp(34px,4.5vw,60px)}.lead{max-width:560px;color:var(--on-sky);font-size:clamp(19px,2vw,24px);font-weight:600}.muted{color:var(--ink-2)}[hidden]{display:none!important}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-20px)rotate(3deg)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-16px) rotate(calc(var(--r,0deg) + 5deg))}}@keyframes drift{0%{transform:translate(-320px)}to{transform:translate(110vw)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes coinspin{to{transform:rotateY(360deg)}}@keyframes squish{0%,to{transform:scale(1)}50%{transform:scale(1.08,.92)}}@keyframes pop{0%,to{transform:scale(1)}40%{transform:scale(1.2)}}@keyframes wiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes stripes{0%{background-position:0 0}to{background-position:80px 0}}@keyframes popIn{0%{opacity:0;transform:scale(.6)rotate(-4deg)}70%{opacity:1;transform:scale(1.05)rotate(1deg)}to{transform:none}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flame{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}@keyframes giftShake{0%,85%,to{transform:rotate(0)}88%{transform:rotate(-14deg)}92%{transform:rotate(14deg)}96%{transform:rotate(-8deg)}}@keyframes glow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{0%{width:4%}to{width:100%}}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:none}}@keyframes grow{0%{width:0}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.9;transform:translateY(105vh)rotate(720deg)}}@keyframes coinFly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.4);opacity:0}}.anim-bob{animation:3.4s ease-in-out infinite bob}.anim-float{animation:5s ease-in-out infinite floaty}.anim-blink{transform-box:fill-box;transform-origin:50%;animation:4s infinite blink}.anim-spin{animation:.9s linear infinite spin}.anim-sway{transform-origin:bottom;animation:3s ease-in-out infinite sway}.anim-flame{transform-origin:bottom;animation:.8s ease-in-out infinite flame}.anim-pop-in{animation:.5s cubic-bezier(.2,.9,.3,1.3) both popIn}.anim-shake{animation:.3s ease-in-out 2 shake}.anim-grow{animation:1.2s cubic-bezier(.2,.9,.3,1) both grow}.anim-coinspin{animation:2.4s linear infinite coinspin}@media (width<=700px){:root{--gutter:16px;--radius:24px}body{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.btn{border:var(--line) solid var(--ink);background:var(--white);min-height:52px;color:var(--ink);box-shadow:var(--drop-sm);font-family:var(--font-display);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:22px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:22px;line-height:1;text-decoration:none;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex}.btn:hover{color:var(--ink);box-shadow:0 12px 0 var(--ink);transform:translateY(-4px)}.btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(5px)}.btn svg{flex:none}.btn--sun{background:var(--sun)}.btn--lime{background:var(--lime)}.btn--pink{background:var(--pink)}.btn--purple{background:var(--purple);color:var(--white)}.btn--purple:hover{color:var(--white)}.btn--ghost{box-shadow:none;background:0 0;border-style:dashed}.btn--ghost:hover{box-shadow:none;background:#fff9}.btn--lg{min-height:72px;box-shadow:var(--drop);border-radius:26px;padding:18px 40px;font-size:32px}.btn--lg:hover{box-shadow:0 14px 0 var(--ink)}.btn--sm{border-width:var(--line-thin);min-height:44px;box-shadow:0 5px 0 var(--ink);border-radius:16px;padding:8px 16px;font-size:19px}.btn--body{font-family:var(--font-body);font-size:18px;font-weight:700}.btn[aria-pressed=true],.btn.is-active{background:var(--sun)}.icon-btn{border:var(--line-thin) solid var(--ink);background:var(--white);width:54px;height:54px;color:var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;flex:none;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex;position:relative}.icon-btn:hover{box-shadow:0 9px 0 var(--ink);transform:translateY(-3px)}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.icon-btn[aria-pressed=true],.icon-btn[aria-expanded=true]{background:var(--sun)}.icon-btn .dot{background:var(--lime);border:var(--line-thin) solid var(--ink);border-radius:50%;width:20px;height:20px;position:absolute;top:-8px;right:-8px}.chip{border:var(--line-thin) solid var(--ink);background:var(--white);height:54px;box-shadow:0 5px 0 var(--ink);white-space:nowrap;border-radius:18px;align-items:center;gap:8px;padding:0 16px 0 8px;font-size:18px;font-weight:700;display:inline-flex}.coin{background:var(--sun);border:var(--line-thin) solid var(--ink);width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.tag{background:var(--white);border:var(--line-thin) solid var(--ink);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.product-name{white-space:nowrap}.product-name__sup{vertical-align:super;font-family:var(--font-body);letter-spacing:.02em;white-space:nowrap;margin-left:.25em;font-size:max(.55em,11px);font-weight:700;line-height:1;display:inline-block}.tag--ink{background:var(--ink);color:var(--white)}.tag--sun{background:var(--sun)}.count{background:var(--ink);color:var(--white);font-family:var(--font-body);border-radius:999px;padding:1px 8px;font-size:13px;font-weight:700}.filter-btn{border:var(--line-thin) solid var(--ink);background:var(--white);min-height:46px;box-shadow:0 5px 0 var(--ink);white-space:nowrap;border-radius:16px;flex:none;align-items:center;gap:8px;padding:6px 16px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex}.filter-btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-3px)}.filter-btn[aria-pressed=true]{background:var(--sun)}.mode-btn{border:3px solid var(--ink);background:var(--white);border-radius:999px;min-height:44px;padding:6px 14px;font-size:15px;font-weight:700}.mode-btn[aria-pressed=true]{background:var(--lime)}.card{background:var(--white);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop);position:relative}.bouncy{transition:transform .28s cubic-bezier(.2,.9,.3,1.6),box-shadow .28s}.bouncy:hover,.bouncy:focus-within{box-shadow:0 20px 0 var(--ink);transform:translateY(-10px)rotate(-1.2deg)}.panel{border:6px solid var(--ink);box-shadow:0 14px 0 var(--ink);border-radius:40px;padding:52px;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff2b 3px,#0000 3px);background-size:30px 30px;position:absolute;inset:0}.panel>*{position:relative}.field{border:var(--line-thin) solid var(--ink);background:var(--ice);border-radius:20px;align-items:center;gap:12px;height:60px;padding:0 12px 0 18px;display:flex}.field:focus-within{box-shadow:0 0 0 4px var(--sun)}.field input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:19px;font-weight:600}.field input::placeholder{color:#5a6e96}.field input::-webkit-search-cancel-button{display:none}.select-box{border:var(--line-thin) solid var(--ink);background:var(--white);border-radius:20px;align-items:center;gap:10px;height:60px;padding:0 14px;font-size:17px;font-weight:700;display:flex}.select-box select{cursor:pointer;background:0 0;border:0;outline:none;font-weight:700}.bar{background:var(--white);border:var(--line-thin) solid var(--ink);border-radius:999px;height:18px;overflow:hidden}.bar>span{background:var(--purple);border-radius:999px;height:100%;display:block}.bar--striped>span{background-color:var(--sun);background-image:repeating-linear-gradient(45deg,#ffffff8c 0 10px,#0000 10px 20px)}.overlay{z-index:80;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#0b3b8c8c;justify-content:center;align-items:center;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.modal{overscroll-behavior:contain;background:var(--cream);border:6px solid var(--ink);width:760px;max-width:100%;max-height:100%;box-shadow:0 16px 0 var(--ink);text-align:center;border-radius:40px;flex-direction:column;align-items:center;gap:20px;margin:auto;padding:34px;animation:.5s cubic-bezier(.2,.9,.3,1.3) both popIn;display:flex;position:relative;overflow:auto}.modal__close{position:absolute;top:16px;right:16px}.modal__title{color:var(--ink);text-shadow:0 5px 0 var(--sun);font-size:clamp(34px,5vw,54px)}.modal__logo{animation:.5s cubic-bezier(.2,.9,.3,1.4) .15s both popIn;overflow:visible;transform:rotate(-6deg)}.level-badge{border:3px solid var(--ink);font-family:var(--font-display);color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.chip--coins{color:var(--ink);text-decoration:none;transition:transform .15s cubic-bezier(.2,.9,.3,1.6);position:relative}.chip--coins:hover{color:var(--ink);transform:translateY(-2px)}.chip--coins .level-badge{position:absolute;top:-9px;right:-9px}.install{width:560px}.install__gami{width:96px;height:96px;animation:3.4s ease-in-out infinite bob}.install__lead{max-width:460px;font-size:18px;font-weight:600}.install__steps{text-align:left;flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.install__steps li{background:var(--white);border:var(--line-thin) solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:600;line-height:1.35;display:flex}.install__num{background:var(--sun);border:3px solid var(--ink);width:34px;height:34px;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;display:flex}.install__icon{vertical-align:-4px;background:var(--cream);border:2px solid var(--ink);border-radius:6px;padding:2px;display:inline-flex}.toasts{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(92vw,440px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--white);border:var(--line-thin) solid var(--ink);width:100%;box-shadow:0 6px 0 var(--ink);border-radius:20px;align-items:center;gap:12px;padding:12px 18px;font-size:17px;font-weight:700;animation:.35s cubic-bezier(.2,.9,.3,1.3) both toastIn;display:flex}.toast__icon{border:3px solid var(--ink);width:40px;height:40px;font-family:var(--font-display);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:16px;display:flex}.confetti{z-index:95;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:3px;width:12px;height:18px;animation:2.4s ease-in forwards confettiFall;position:absolute;top:-20px}.section{padding-bottom:100px}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.section__sub{color:var(--white);margin-top:10px;font-size:19px;font-weight:600}@media (width<=700px){.btn--lg{min-height:62px;padding:14px 26px;font-size:26px}.panel{border-radius:30px;padding:26px 18px}.section{padding-bottom:70px}.modal{box-shadow:0 10px 0 var(--ink);border-width:5px;border-radius:28px;gap:12px;padding:20px 14px 18px}.modal__logo{width:46px;height:48px}.modal__title{text-shadow:0 4px 0 var(--sun);font-size:clamp(28px,8.4vw,36px)}.modal p{font-size:16px!important}.modal .btn--lg{min-height:54px;padding:8px 24px;font-size:23px}.modal .btn:not(.btn--lg){min-height:46px;padding:8px 18px;font-size:18px}.modal__close{border-radius:15px;width:46px;height:46px;top:10px;right:10px}.modal .muted{font-size:13px!important}.install__gami{width:70px;height:70px}.install__steps li{padding:10px 12px;font-size:15px}}@media (height<=560px) and (orientation:landscape){.modal{border-radius:26px;gap:10px;max-height:calc(100svh - 20px);padding:16px 20px}.modal__logo{display:none}.modal h2{font-size:30px!important}.modal p{font-size:15px!important}.modal .btn--lg{min-height:48px;padding:6px 26px;font-size:22px}.modal .day{gap:3px;padding:6px 2px}.modal .chest{width:34px;height:28px}.modal__close{width:44px;height:44px;top:10px;right:10px}}:root{--topbar-h:104px;--topbar-h-compact:70px}.topbar{z-index:60;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);border-bottom:4px solid #0000;transition:transform .3s,background-color .25s,border-color .25s,box-shadow .25s;position:fixed;top:0;left:0;right:0}.topbar-spacer{height:calc(var(--topbar-h) + env(safe-area-inset-top))}.topbar-spacer--game{height:calc(var(--topbar-h-compact) + env(safe-area-inset-top))}.topbar--compact{background:color-mix(in srgb, var(--sky) 95%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:var(--ink);box-shadow:0 10px 24px #0b3b8c2e}.topbar .header{height:var(--topbar-h);flex-wrap:nowrap;padding-top:0;padding-bottom:0;transition:height .25s}.topbar--compact .header{height:var(--topbar-h-compact)}.topbar .brand{min-width:0}.topbar--compact .brand__mark{width:44px;height:46px}.topbar--compact .brand__name{font-size:26px}.topbar--compact .brand__studio{display:none}.topbar--compact .nav{padding:4px}.topbar--compact .nav a,.topbar--compact .nav button{padding:7px 12px}.topbar--compact .icon-btn{border-radius:15px;width:46px;height:46px}.topbar--compact .chip{height:46px}.topbar--compact .apps-menu{top:60px}section[id],[id=catalog],[id=games]{scroll-margin-top:calc(var(--topbar-h-compact) + 14px)}.header{z-index:30;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1400px;padding-top:22px;padding-bottom:22px;display:flex;position:relative}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand__mark{flex:none;transition:transform .3s cubic-bezier(.2,.9,.3,1.6);overflow:visible;transform:rotate(-6deg)}.brand__mark .logo__spark{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite pop}.brand:hover .brand__mark{transform:rotate(6deg)scale(1.08)}.brand:hover .logo__play{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out infinite squish}.brand__name{font-family:var(--font-display);color:var(--white);text-shadow:0 5px 0 var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:34px;display:flex}.brand__studio{background:var(--pink);border:3px solid var(--ink);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;text-shadow:none;color:var(--white);border-radius:10px;padding:3px 10px 4px;font-size:14px;font-weight:700;transform:rotate(-4deg)translateY(2px)}.nav{border:var(--line-thin) solid var(--ink);background:#ffffff8c;border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex}.nav a,.nav button{color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-size:17px;font-weight:700;text-decoration:none;transition:background .15s}.nav a:hover,.nav button:hover{background:var(--white)}.header__tools{align-items:center;gap:10px;display:flex;position:relative}.gift svg{animation:2.6s ease-in-out infinite giftShake}.menu-toggle{background:var(--sun);display:none}.apps-menu{z-index:40;background:var(--white);border:var(--line) solid var(--ink);width:350px;box-shadow:var(--drop);transform-origin:100% 0;border-radius:26px;flex-direction:column;gap:6px;padding:16px;animation:.35s cubic-bezier(.2,.9,.3,1.3) both popIn;display:flex;position:absolute;top:70px;right:0}.apps-menu__title{font-family:var(--font-display);padding:4px 8px 8px;font-size:22px}.apps-menu a{border-radius:16px;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:background .15s;display:flex}.apps-menu a:hover{background:var(--ice)}.apps-menu__icon{border:var(--line-thin) solid var(--ink);width:46px;height:46px;font-family:var(--font-display);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:19px;display:flex}.apps-menu__text{flex-direction:column;flex:1;min-width:0;display:flex}.apps-menu__text b{font-size:17px}.apps-menu__text small{color:var(--ink-2);font-size:14px;font-weight:500}.drawer-overlay{z-index:85;background:#0b3b8c8c;justify-content:flex-end;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.drawer{background:var(--cream);border-left:6px solid var(--ink);flex-direction:column;gap:12px;width:330px;max-width:88vw;height:100%;padding:22px;animation:.3s cubic-bezier(.2,.9,.3,1.1) both slideIn;display:flex;overflow-y:auto}.drawer__head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.drawer__head span{font-family:var(--font-display);font-size:30px}.drawer__brand{align-items:center;gap:10px;display:flex}.drawer__brand svg{transform:rotate(-6deg)}.drawer__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.drawer__stat{background:var(--white);border:var(--line-thin) solid var(--ink);border-radius:16px;justify-content:center;align-items:center;gap:8px;height:52px;font-weight:700;display:flex}.drawer__link{background:var(--white);border:var(--line-thin) solid var(--ink);text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:10px 16px;font-size:18px;font-weight:700;line-height:1.2;text-decoration:none;display:flex}.drawer__link:hover{background:var(--ice)}.drawer__label{font-family:var(--font-display);margin-top:8px;font-size:20px}.sky{position:relative;overflow:hidden}.cloud{background:var(--cloud);pointer-events:none;border-radius:999px;animation:46s linear infinite drift;position:absolute;left:0}.hills{pointer-events:none;height:0;position:absolute;inset:auto 0 0}.hill{border-top:6px solid var(--ink);border-radius:50%;position:absolute}.hill--back{background:var(--grass-light);width:70%;height:440px;bottom:-260px;left:-10%}.hill--front{background:var(--grass);width:78%;height:460px;bottom:-300px;right:-14%}.hills__base{background:var(--grass);height:56px;position:absolute;bottom:0;left:0;right:0}.tree{pointer-events:none;transform-origin:bottom;animation:3s ease-in-out infinite sway;position:absolute}.tree__trunk{background:var(--soil);border:var(--line-thin) solid var(--ink);border-radius:4px;width:12px;height:38%;margin-left:-6px;position:absolute;bottom:0;left:50%}.tree__top{background:var(--tree);border:var(--line) solid var(--ink);border-radius:50%;height:70%;position:absolute;bottom:30%;left:0;right:0}.grass{background:var(--grass)}.footer{background:var(--soil);border-top:8px solid var(--ink);color:var(--soil-text);position:relative}.footer:before{content:"";background-image:radial-gradient(circle at 10px 0, var(--grass) 12px, transparent 13px);background-size:40px 20px;height:20px;position:absolute;top:-8px;left:0;right:0}.footer__top{flex-wrap:wrap;justify-content:space-between;gap:40px;padding-top:64px;padding-bottom:32px;display:flex}.footer__brand{flex-direction:column;flex:300px;gap:12px;display:flex}.footer__logo{align-items:center;gap:14px;display:flex}.footer__brand b{font-family:var(--font-display);color:var(--sun);text-shadow:0 5px 0 var(--ink);font-size:44px;font-weight:400;line-height:1}.footer__cols{flex-wrap:wrap;gap:56px;display:flex}.footer__col{flex-direction:column;gap:10px;font-weight:600;display:flex}.footer__col h3{color:var(--sun);margin-bottom:4px;font-size:22px}.footer a,.footer button.link{color:var(--soil-text);text-align:left;background:0 0;border:0;padding:0;font-size:17px;font-weight:600}.footer a:hover,.footer button.link:hover{color:var(--sun)}.footer__bottom{border-top:2px dashed #fff3df59;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:20px;padding-bottom:36px;font-size:15px;font-weight:500;display:flex}.to-top{z-index:50;background:var(--sun);animation:.35s both popIn;position:fixed;bottom:18px;right:18px}@media (width<=1400px){.nav{display:none}.menu-toggle{display:inline-flex}}@media (width<=700px){:root{--topbar-h:84px;--topbar-h-compact:64px}.brand__mark{width:48px;height:50px}.brand__studio{padding:2px 7px 3px;font-size:11px}.brand__name{font-size:24px}.header__tools{gap:8px}.icon-btn{width:50px;height:50px}.footer__logo{align-items:center;gap:14px;display:flex}.footer__brand b{font-size:34px}.footer__cols{gap:36px}}@media (width<=440px){.brand__name{display:none}}@media (width<=1023px),(height<=500px) and (orientation:landscape){.hide-sm{display:none!important}.apps-menu{width:auto;max-height:calc(100svh - 100px);position:fixed;top:84px;left:12px;right:12px;overflow-y:auto}}@media (height<=500px) and (orientation:landscape){:root{--topbar-h:66px;--topbar-h-compact:60px}.topbar-spacer--game{display:none}.brand__mark{width:44px;height:46px}.brand__name{font-size:24px}.brand__studio{padding:2px 7px 3px;font-size:11px}.icon-btn{border-radius:15px;width:46px;height:46px}.chip{height:46px}.drawer{gap:8px;padding:14px 18px}.drawer__link{min-height:46px}}.tabbar{display:none}@media (width<=900px) and (orientation:portrait),(width<=900px) and (height>=501px){.tabbar{z-index:70;padding:8px max(10px, calc((100vw - 620px) / 2)) calc(8px + env(safe-area-inset-bottom));background:var(--cream);border-top:var(--line) solid var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0b3b8c2e}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.header .menu-toggle{display:none}.to-top{bottom:calc(92px + env(safe-area-inset-bottom))}.toasts{bottom:calc(96px + env(safe-area-inset-bottom))}}.tabbar__btn{min-height:58px;color:var(--ink);background:0 0;border:3px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;transition:transform .15s cubic-bezier(.2,.9,.3,1.6),background .2s,border-color .2s;display:flex}.tabbar__btn:active{transform:scale(.9)}.tabbar__btn.is-active{background:var(--sun);border-color:var(--ink);box-shadow:0 4px 0 var(--ink);transform:translateY(-4px)}.tabbar__icon{display:flex;position:relative}.tabbar__btn.is-active .tabbar__icon{animation:.5s ease-in-out squish}.tabbar__btn--gift .tabbar__icon{color:#c2185b}.tabbar__btn--gift.has-badge .tabbar__icon{animation:2.6s ease-in-out infinite giftShake}.tabbar__dot{background:var(--lime);border:3px solid var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:-5px;right:-7px}.tabbar__label{white-space:nowrap;font-size:12px;font-weight:700;line-height:1.1}@media (width<=900px),(height<=500px) and (orientation:landscape){.topbar--hidden{box-shadow:none;transform:translateY(-115%)}.topbar--compact .brand__name{font-size:22px}}