@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&display=swap");:root{--bg:#f7fbff;--surface:#ffffff;--ink:#142033;--muted:#64748b;--line:#dbeafe;--theme:#2f80ed;--shadow:0 18px 44px rgba(47,128,237,0.12)}*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);font-family:Kanit,Segoe UI,sans-serif;font-size:14px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--theme),white 75%),transparent 32rem),var(--bg)}button,input{font:inherit}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.25rem,2vw,2rem);line-height:1.04;font-weight:700}h2{font-size:1rem}h3{font-size:.82rem;font-weight:700}.game{display:grid;grid-template-rows:auto 1fr;grid-gap:12px;gap:12px;width:100vw;height:100vh;padding:14px}.currency-pill,.dialog,.dock-card,.game-nav,.shop-card,.shop-drawer,.stage-panel,.toast,.upgrade-dock{border:1px solid var(--line);background:color-mix(in srgb,var(--surface),var(--theme) 2%);box-shadow:var(--shadow)}.game-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:70px;padding:10px 12px;border-radius:8px}.eyebrow{color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:8px}.dialog-title button,.drawer-title button,.nav-actions button{min-height:38px;padding:8px 12px;border-radius:8px;color:var(--ink);background:color-mix(in srgb,var(--theme),white 88%);cursor:pointer;font-size:.86rem;font-weight:600}.nav-actions .shop-toggle{color:white;background:var(--theme)}.play-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 0;grid-gap:12px;gap:12px;min-height:0;transition:grid-template-columns .22s ease}.play-layout.shop-visible{grid-template-columns:220px minmax(0,1fr) minmax(300px,360px)}.shop-drawer,.upgrade-dock{min-height:0;padding:12px;border-radius:8px;overflow:hidden}.upgrade-dock{display:grid;align-content:start;grid-gap:10px;gap:10px}.dock-card{display:grid;grid-gap:2px;gap:2px;padding:12px;border-radius:8px}.boost-row span,.currency-pill span,.dialog span,.dock-card span,.drawer-title span,.purchase-list span,.score-hero p,.score-hero span,.shop-card p,.shop-card span,.stat-grid span{color:var(--muted)}.dock-card strong{font-size:1.32rem;font-weight:700}.danger-button,.primary-button,.secondary-button{display:grid;grid-gap:2px;gap:2px;width:100%;padding:12px;border-radius:8px;color:white;background:var(--theme);cursor:pointer;font-size:.88rem;font-weight:700}.secondary-button{color:var(--theme);background:color-mix(in srgb,var(--theme),white 86%)}.danger-button{margin-top:16px;background:#dc2626}button:disabled{cursor:not-allowed;opacity:.42}button:not(:disabled):active{transform:translateY(1px)}.stage-panel{position:relative;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;place-items:center;min-width:0;min-height:0;padding:16px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.86),color-mix(in srgb,var(--theme),white 94%)),var(--surface)}.score-hero{display:flex;align-items:center;gap:14px;width:min(520px,100%);padding:12px 16px;border:1px solid color-mix(in srgb,var(--theme),white 55%);border-radius:8px;background:rgba(255,255,255,.72)}.score-hero strong{display:block;color:var(--theme);font-size:clamp(2rem,5.6vw,4.4rem);font-weight:700;line-height:.92}.score-hero.pulse{animation:scorePop .36s ease-out}@keyframes scorePop{0%{transform:scale(1)}45%{transform:scale(1.035) translateY(-2px);box-shadow:0 18px 42px color-mix(in srgb,var(--theme),transparent 76%)}to{transform:scale(1)}}.currency-ribbon{display:grid;grid-template-columns:repeat(5,minmax(78px,1fr));grid-gap:8px;gap:8px;width:min(760px,100%);margin:10px 0}.currency-pill{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border-radius:8px}.currency-pill strong{display:block;font-size:1rem;font-weight:700}.currency-pill span{display:block;font-size:.72rem}.currency-icon{position:relative;display:grid;place-items:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:color-mix(in srgb,var(--theme),white 78%);overflow:hidden}.score-hero .currency-icon{width:54px;height:54px;min-width:54px}.currency-icon:after,.currency-icon:before{content:"";position:absolute}.icon-coin:before{width:64%;height:64%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffffff 0 16%,#9bd7ff 18% 58%,var(--theme) 60%)}.icon-coin:after{width:14%;height:34%;border-radius:999px;background:rgba(255,255,255,.75);transform:rotate(24deg) translate(-4px,-4px)}.icon-food:before{width:66%;height:45%;border-radius:10px;background:#ffffff;transform:rotate(-17deg);box-shadow:inset -7px -5px 0 color-mix(in srgb,var(--theme),white 52%)}.icon-food:after{width:4px;height:4px;border-radius:50%;background:var(--theme);box-shadow:8px 2px 0 var(--theme),15px -2px 0 var(--theme);transform:rotate(-17deg)}.icon-meow{overflow:visible}.icon-meow:before{width:64%;height:58%;border-radius:48% 48% 44% 44%;background:#ffffff;box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--theme),white 68%)}.icon-meow:after{width:4px;height:4px;left:32%;top:42%;border-radius:50%;background:var(--ink);box-shadow:10px 0 0 var(--ink),5px 8px 0 -1px var(--theme)}.icon-sand:before{width:7px;height:7px;left:25%;top:26%;border-radius:50%;background:var(--theme);box-shadow:10px 3px 0 #9bd7ff,4px 13px 0 color-mix(in srgb,var(--theme),white 40%),17px 15px 0 #ffffff,16px -4px 0 color-mix(in srgb,var(--theme),black 8%)}.icon-toy:before{width:64%;height:64%;border-radius:50%;background:conic-gradient(from 20deg,#ffffff 0 18%,var(--theme) 19% 48%,#9bd7ff 49% 72%,#a7f3d0 73% 100%)}.icon-toy:after{width:26%;height:26%;border-radius:50%;background:var(--surface)}.income-bar{display:flex;justify-content:space-between;gap:12px;width:min(520px,100%);padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.72)}.income-bar span{color:var(--muted)}.cat-button{position:relative;width:min(300px,42vh,52vw);aspect-ratio:1;margin:6px 0;border-radius:50%;background:transparent;cursor:pointer;filter:drop-shadow(0 18px 24px rgba(47,128,237,.14));transition:transform .13s ease}.cat-button:hover{transform:translateY(-2px)}.cat-button:active{transform:scale(.97)}.cat-body{position:absolute;left:17%;right:17%;bottom:9%;height:34%;border-radius:44% 44% 36% 36%;background:color-mix(in srgb,var(--theme),white 58%)}.cat-face{position:absolute;inset:14% 12% 22%;border:7px solid color-mix(in srgb,var(--theme),black 3%);border-radius:48% 48% 44% 44%;background:color-mix(in srgb,var(--theme),white 72%)}.cat-ears:after,.cat-ears:before{content:"";position:absolute;top:8%;width:34%;height:34%;background:color-mix(in srgb,var(--theme),white 18%);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.cat-ears:before{left:15%;transform:rotate(-18deg)}.cat-ears:after{right:15%;transform:rotate(18deg)}.eye{position:absolute;top:38%;width:23px;height:28px;border-radius:50%;background:#101827}.eye.left{left:30%}.eye.right{right:30%}.nose{position:absolute;left:50%;top:52%;width:20px;height:15px;border-radius:50%;background:#f472b6;transform:translateX(-50%)}.mouth:after,.mouth:before{content:"";position:absolute;top:60%;width:27px;height:20px;border-bottom:3px solid #31425c;border-radius:0 0 30px 30px}.mouth:before{left:calc(50% - 26px)}.mouth:after{right:calc(50% - 26px)}.whiskers:after,.whiskers:before{content:"";position:absolute;top:55%;width:70px;height:34px;border-top:2px solid #58708e;border-bottom:2px solid #58708e}.whiskers:before{left:5%;transform:rotate(8deg)}.whiskers:after{right:5%;transform:rotate(-8deg)}.boost-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;width:min(520px,100%)}.boost-row div{display:grid;place-items:center;padding:9px;border-radius:8px;background:rgba(255,255,255,.72);border:1px solid var(--line)}.boost-row strong{font-size:1.02rem;font-weight:700}.floater-layer{position:absolute;inset:0;pointer-events:none}.floater{left:50%;top:50%;color:var(--theme);text-shadow:0 2px 0 #ffffff;animation:floatUp .85s ease-out forwards}.auto-particle,.floater{position:absolute;font-weight:700}.auto-particle{left:calc(44% + (var(--drift, 0) * 1px));top:63%;color:color-mix(in srgb,var(--theme),white 18%);font-size:.76rem;opacity:0;pointer-events:none;animation:autoFloat .9s ease-out forwards}.auto-particle:nth-child(2n){left:57%}.auto-particle:nth-child(3n){left:48%}@keyframes floatUp{to{opacity:0;transform:translateY(-72px) scale(1.15)}}@keyframes autoFloat{0%{opacity:0;transform:translateY(10px) scale(.92)}20%{opacity:.85}to{opacity:0;transform:translateY(-44px) scale(1.08)}}.shop-drawer{transform:translateX(115%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s ease}.shop-drawer.open{transform:translateX(0);opacity:1;pointer-events:auto}.dialog-title,.drawer-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.drawer-title span{font-size:.78rem}.dialog-title button,.drawer-title button{width:38px;min-width:38px;padding:0;font-size:1.35rem}.shop-groups{display:grid;grid-gap:12px;gap:12px;height:calc(100% - 54px);overflow:auto;padding-right:4px}.shop-group,.shop-list{display:grid;grid-gap:8px;gap:8px}.shop-card{display:grid;grid-template-columns:40px minmax(0,1fr) 74px;grid-gap:10px;gap:10px;padding:10px}.shop-card,.shop-icon{align-items:center;border-radius:8px}.shop-icon{display:flex;justify-content:center;width:40px;height:40px;color:var(--theme);background:color-mix(in srgb,var(--theme),white 86%);font-weight:900}.shop-card p,.shop-card span,.shop-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-card p,.shop-card span{font-size:.75rem}.shop-card button{min-height:38px;border-radius:8px;color:white;background:var(--theme);cursor:pointer;font-size:.82rem;font-weight:700}.dialog-backdrop{position:fixed;inset:0;z-index:25;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.35)}.dialog{width:min(720px,100%);max-height:min(720px,calc(100vh - 36px));padding:16px;border-radius:8px;overflow:auto}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.achievement,.purchase-list div,.stat-grid article{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.76)}.stat-grid article{display:grid;grid-gap:4px;gap:4px;padding:12px}.stat-grid strong{font-size:1.35rem;font-weight:700}.purchase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:8px}.purchase-list div{display:flex;justify-content:space-between;gap:10px;padding:10px}.achievement-list{display:grid;grid-gap:10px;gap:10px}.achievement{padding:10px}.achievement div{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.achievement strong{font-size:.9rem;font-weight:600}.achievement span{color:var(--muted);font-size:.78rem;font-weight:700}.achievement progress{width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:#e8f0f8}.achievement progress::-webkit-progress-bar{background:#e8f0f8}.achievement progress::-webkit-progress-value{border-radius:999px;background:var(--theme)}.achievement progress::-moz-progress-bar{border-radius:999px;background:var(--theme)}.achievement.done{border-color:color-mix(in srgb,var(--theme),white 40%);background:color-mix(in srgb,var(--theme),white 90%)}.settings-dialog{display:grid;grid-gap:14px;gap:14px}.settings-dialog .theme-strip{display:flex;gap:7px;width:-moz-fit-content;width:fit-content;padding:6px;border:1px solid var(--line);border-radius:999px}.setting-row,.settings-dialog .theme-strip{align-items:center;background:rgba(255,255,255,.72)}.setting-row{display:grid;grid-template-columns:120px minmax(0,1fr) 42px;grid-gap:10px;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px}.setting-row strong{text-align:right}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.toggle-grid label{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.72)}.swatch{width:22px;height:22px;border-radius:50%;background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}.swatch.active{outline:2px solid color-mix(in srgb,var(--theme),white 46%);outline-offset:2px}.color-picker{display:flex;align-items:center;padding-left:3px;border-left:1px solid var(--line)}.color-picker input{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:28;display:grid;grid-gap:10px;gap:10px;width:min(340px,calc(100vw - 36px))}.toast{padding:12px 14px;border-radius:8px;animation:toastIn .3s ease-out,toastOut .3s ease-in 3s forwards}.toast strong{display:block;font-weight:700}.toast span{color:var(--muted)}@keyframes toastIn{0%{opacity:0;transform:translateY(18px)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}.rebirth-overlay{position:fixed;inset:0;z-index:30;display:none;place-items:center;color:white;text-align:center;background:rgba(16,24,39,.62)}.rebirth-overlay.active{display:grid}.rebirth-overlay strong{z-index:2;font-size:clamp(3rem,10vw,8rem);text-shadow:0 8px 18px rgba(0,0,0,.18)}.rebirth-overlay span{z-index:2;margin-top:-30px;font-weight:800}.star-ring{position:absolute;width:min(68vw,520px);aspect-ratio:1;border:10px dotted color-mix(in srgb,var(--theme),white 30%);border-radius:50%;animation:spinStars 1.8s linear infinite}.star-ring:after,.star-ring:before{content:"★";position:absolute;color:#ffffff;font-size:4rem}.star-ring:before{left:5%;top:10%}.star-ring:after{right:6%;bottom:9%}@keyframes spinStars{to{transform:rotate(1turn)}}@media (max-width:1060px){.play-layout,.play-layout.shop-visible{grid-template-columns:190px minmax(0,1fr)}.shop-drawer{position:fixed;top:96px;right:14px;bottom:14px;z-index:18;width:min(360px,calc(100vw - 28px))}.shop-drawer.open{transform:translateX(0)}}@media (max-width:760px){.game{padding:10px;gap:8px}.game-nav{display:grid;grid-template-columns:1fr;min-height:0;align-items:start;grid-gap:8px;gap:8px}.nav-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.nav-actions button{min-width:0;padding-inline:8px}.play-layout,.play-layout.shop-visible{grid-template-columns:1fr}.upgrade-dock{align-content:stretch}.currency-ribbon,.upgrade-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-button{width:min(245px,34vh,70vw)}.shop-drawer{top:176px;right:10px;bottom:10px;width:calc(100vw - 20px)}.purchase-list,.stat-grid{grid-template-columns:1fr}}