:root{color:#2e1b10;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffdd8dd9,#0000 34rem),radial-gradient(circle at 100% 100%,#cf751e3d,#0000 30rem),linear-gradient(135deg,#fff6df 0%,#f5d8a2 50%,#e9b363 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";z-index:-1;opacity:.28;background-image:radial-gradient(circle,#6636123d 0 2px,#0000 2px),radial-gradient(circle,#ffffff6b 0 1px,#0000 1px);background-position:0 0,18px 24px;background-size:52px 52px;position:fixed;inset:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{overflow-wrap:anywhere}h1{color:#2e1b10;letter-spacing:-.08em;margin:0 0 16px;font-size:clamp(3rem,9vw,6.5rem);line-height:.88}h2{color:#2e1b10;letter-spacing:-.04em;font-size:1.55rem;line-height:1}#root{min-height:100vh}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0}.hero-panel,.panel,.offline-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf5db;border:1px solid #7849232e;box-shadow:0 24px 70px #6038131f}.hero-panel{border-radius:32px;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;padding:36px;display:flex;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#f59f2d47,#0000 66%);border-radius:999px;width:320px;height:320px;position:absolute;top:-150px;right:-110px}.eyebrow{color:#9a5b18;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.intro{color:#5d4533;max-width:690px;font-size:1.05rem}.save-note,.offline-card{color:#674015;border-radius:999px;font-weight:800}.save-note{background:#ffffffa3;flex:none;padding:10px 14px}.offline-card{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;display:flex}.offline-card button,.ghost-button{color:#fff;cursor:pointer;font:inherit;background:#7c4617;border:0;border-radius:999px;padding:8px 13px;font-size:.9rem;font-weight:800}.golden-banner{color:#6b4108;text-align:center;background:linear-gradient(135deg,#fff7d6f5,#ffd67ad9);border:1px solid #c9852380;border-radius:999px;margin-bottom:24px;padding:12px 18px;font-weight:900;box-shadow:0 16px 40px #96601238}.golden-cookie{z-index:30;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 38% 32%,#fff4c2,#f3c43f 58%,#c98a1b 100%);border:0;border-radius:999px;place-items:center;width:64px;height:64px;font-size:2rem;animation:1.1s ease-in-out infinite golden-pulse;display:grid;position:fixed;box-shadow:0 0 0 4px #ffeca88c,0 10px 30px #b4781473}.golden-cookie:focus-visible{outline-offset:4px;outline:4px solid #ffb740b3}@keyframes golden-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.golden-cookie{animation:none}}.game-grid{grid-template-columns:minmax(320px,1fr) minmax(340px,.9fr);grid-template-areas:"cookie shop""badges shop";gap:24px;display:grid}.panel{border-radius:28px;padding:24px}.cookie-card{grid-area:cookie;place-items:center;gap:24px;min-height:560px;display:grid}.shop-stack{flex-direction:column;grid-area:shop;gap:24px;display:flex}.achievement-panel{grid-area:badges}.scoreboard{text-align:center}.score-label,.score-meta{color:#7b5b42;margin:0}.score-label{letter-spacing:.1em;text-transform:uppercase;font-weight:800}.score-value{color:#2e1b10;letter-spacing:-.08em;text-wrap:balance;margin:8px 0 10px;font-size:clamp(3rem,8vw,6.6rem);font-weight:950;line-height:.92}.score-meta{font-weight:700}.cookie-button{--cookie-size:min(64vw, 330px);width:var(--cookie-size);height:var(--cookie-size);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 38% 32%,#ffdb8f 0 10%,#0000 11%),radial-gradient(circle at 62% 72%,#a65f2d 0 5%,#0000 5.8%),radial-gradient(circle at 28% 68%,#8b4b26 0 6%,#0000 6.8%),radial-gradient(circle at 70% 35%,#7a3d20 0 5.5%,#0000 6.2%),radial-gradient(circle at 45% 51%,#9b572d 0 4.5%,#0000 5.2%),radial-gradient(circle at 50% 48%,#d9903a,#b86325 72%,#7c3f1e 100%);border:0;border-radius:999px;place-items:center;transition:box-shadow .16s,transform .16s,filter .16s;display:grid;position:relative;transform:translateY(-10px);box-shadow:inset -22px -26px #53240d29,inset 18px 18px #fff2c42e,0 28px #6f3517,0 36px 58px #4e270d57}.cookie-button:hover{filter:brightness(1.04)saturate(1.06);transform:translateY(-14px)scale(1.015)}.cookie-button:active{transform:translateY(0)scale(.985);box-shadow:inset -22px -26px #53240d29,inset 18px 18px #fff2c42e,0 14px #6f3517,0 22px 36px #4e270d52}.cookie-button:focus-visible,.shop-item:focus-visible,.ghost-button:focus-visible,.offline-card button:focus-visible{outline-offset:4px;outline:4px solid #ffb74094}.cookie-shine{border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff5c673,#0000 48%);position:absolute;inset:15%}.cookie-chips{pointer-events:none;position:absolute;inset:0}.cookie-chips span{background:#593017;border-radius:50% 45% 48% 42%;width:9%;height:9%;position:absolute;box-shadow:inset -3px -4px #00000029}.cookie-chips span:first-child{top:27%;left:25%}.cookie-chips span:nth-child(2){top:21%;left:57%;transform:rotate(22deg)scale(.84)}.cookie-chips span:nth-child(3){top:48%;left:71%;transform:rotate(-18deg)scale(.72)}.cookie-chips span:nth-child(4){top:44%;left:43%;transform:rotate(9deg)scale(.64)}.cookie-chips span:nth-child(5){top:63%;left:25%;transform:rotate(-32deg)scale(.78)}.cookie-chips span:nth-child(6){top:70%;left:53%;transform:rotate(18deg)scale(.88)}.cookie-chips span:nth-child(7){top:78%;left:36%;transform:rotate(44deg)scale(.48)}.cookie-chips span:nth-child(8){top:31%;left:75%;transform:rotate(12deg)scale(.44)}.click-popup{color:#fff9e5;pointer-events:none;text-shadow:0 3px #60300f,0 10px 20px #3c17045c;white-space:nowrap;font-size:1.4rem;font-weight:950;animation:.78s ease-out forwards float-away;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-away{0%{opacity:1;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-170%)scale(1.12)}}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.stats-grid div,.achievement{background:#ffffff94;border:1px solid #78492324;border-radius:18px}.stats-grid div{padding:14px}.stats-grid span,.shop-copy small,.achievement p{color:#755942}.stats-grid span,.stats-grid strong{display:block}.stats-grid span{text-transform:uppercase;font-size:.8rem;font-weight:800}.stats-grid strong{color:#2d1b11;margin-top:4px;font-size:1.25rem}.section-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.section-heading h2{margin:0}.ghost-button{color:#6e4119;background:#7c46171a}.shop-list{gap:12px;display:grid}.shop-item{color:#2f1c10;cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffffdb,#fff1d3c2);border:1px solid #78492329;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.shop-item:hover:not(:disabled){border-color:#a860205c;transform:translateY(-2px);box-shadow:0 16px 28px #6038131f}.shop-item:disabled{cursor:not-allowed;filter:grayscale(.48);opacity:.55}.featured-upgrade{grid-template-columns:auto 1fr auto}.shop-emoji{background:#ffdc9680;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.85rem;display:inline-flex}.shop-copy strong,.shop-copy small{display:block}.shop-copy strong{font-size:1rem}.shop-copy small{margin-top:4px;font-size:.86rem;line-height:1.35}.shop-owned,.price{white-space:nowrap;border-radius:999px;justify-self:end;font-weight:900}.shop-owned{color:#794512;background:#7c46171a;padding:4px 9px}.price{color:#fff7df;background:#7c4617;padding:7px 10px}.achievement-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.achievement{text-align:left;align-items:center;gap:12px;padding:14px;display:flex}.achievement span{font-size:1.4rem}.achievement h3,.achievement p{margin:0}.achievement h3{color:#2e1b10;font-size:.98rem}.achievement p{margin-top:2px;font-size:.86rem;line-height:1.35}.achievement.unlocked{background:linear-gradient(135deg,#fffae7f2,#ffdf979e);border-color:#c985235c}@media (width<=900px){.app-shell{width:min(100% - 20px,680px);padding:16px 0}.hero-panel,.offline-card{border-radius:24px;flex-direction:column;align-items:start;padding:24px}.game-grid{grid-template-columns:1fr;grid-template-areas:"cookie""shop""badges"}.cookie-card{min-height:auto}.stats-grid,.achievement-list{grid-template-columns:1fr}}@media (width<=560px){.panel{border-radius:22px;padding:18px}.shop-item,.featured-upgrade{grid-template-columns:auto 1fr}.shop-owned,.price{grid-column:2;justify-self:start}.score-value{font-size:3.2rem}}
