/* Bright garden surfaces and polished, sculpted controls. */
:root{color:#395d35;background:#f5fbdf}body{background:radial-gradient(ellipse at 50% 6%,#fffef4 0,#f4fbda 36%,#e2f4d3 78%,#d4edc6 100%);background-attachment:fixed}body:before{opacity:.9;background:radial-gradient(circle at 8% 21%,#fff 0 3px,transparent 6px),radial-gradient(circle at 88% 18%,#fff8c4 0 4px,transparent 9px),radial-gradient(circle at 81% 79%,#fff 0 4px,transparent 8px),radial-gradient(ellipse at 8% 90%,#b2e5ac39,transparent 30%),radial-gradient(ellipse at 92% 85%,#f2eb9d40,transparent 28%)}.sitebar{background:#fffff0e8;border-bottom:1px solid #cce6b1;box-shadow:0 3px 18px #88af5c12}.brand{color:#39623a}.header-note{color:#668954}.stage-top{color:#567947}.live{color:#4b783a;background:#fbfff1;border-color:#bfdca2}.phone{box-shadow:0 0 0 1px #e3c88e,0 0 0 5px #ffffe3,0 9px 0 #bdcc9b70,0 21px 35px #8ca66b36,inset 0 2px 0 #fff}.game{background:linear-gradient(110deg,#f1ddb7,#fff7dc 50%,#ead6b0)}.garden{background:radial-gradient(circle at 65% 0,#fffbc5 0,transparent 45%),linear-gradient(130deg,#f1f8bd,#d8efab 55%,#badf9d)}.hero-title h1{color:#3f703c}.hero-title em{color:#988136}.score-strip{background:linear-gradient(145deg,#fffef4,#f7efd2);border-color:#fff;box-shadow:0 4px 0 #d8c99766,0 7px 12px #92a86e20,inset 0 2px #fff}.score-strip span{color:#6c7243}.board{background-color:#f2ffdc;border-color:#9cbb71}.shelf small{color:#7b8152}.toast{background:#fffff3;color:#4c7040;border:1px solid #c6dda7;box-shadow:0 3px 0 #c3d6a94d}.rule-note{color:#65874f}.trial-label{color:#63824a}
/* Shared rounded glossy button material. */
.button,.button.secondary,.wallet-button,.bag-heading>button,.audio-controls button,.shop-close,.color-choices button,.shop-tabs button{--btn-top:#f4ffd5;--btn-mid:#bfe68a;--btn-low:#91cc67;--btn-edge:#568f42;--btn-ink:#34572e;position:relative;isolation:isolate;border:2px solid #ffffef;border-bottom-color:#ecf5c9;border-radius:14px;background:linear-gradient(175deg,var(--btn-top) 0,var(--btn-top) 5%,var(--btn-mid) 42%,var(--btn-low) 100%);color:var(--btn-ink);box-shadow:inset 0 2px 0 #fff,inset 0 -3px 3px #00000012,0 6px 0 var(--btn-edge),0 9px 0 #ffffff80,0 11px 13px #47713c22;text-shadow:none;transition:transform .15s,box-shadow .15s,filter .15s;font-weight:700;line-height:1.2;overflow:hidden}.button:before,.wallet-button:before,.bag-heading>button:before,.audio-controls button:before,.color-choices button:before{content:'';position:absolute;inset:3px 4px auto;height:43%;border-radius:10px 10px 24px 24px;background:linear-gradient(#ffffffb0,#ffffff12);pointer-events:none;z-index:-1}.button,.button.secondary{padding:12px 18px;font-size:14px;min-height:43px}.button.secondary{--btn-top:#fffdf1;--btn-mid:#eeecc9;--btn-low:#d9deaf;--btn-edge:#9da673;--btn-ink:#5b653c}.button:not(:disabled):hover,.wallet-button:hover,.bag-heading>button:hover,.audio-controls button:hover,.color-choices button:not(:disabled):hover{filter:brightness(1.045);transform:translateY(-2px)}.button:not(:disabled):active,.wallet-button:active,.bag-heading>button:active,.audio-controls button:active,.color-choices button:not(:disabled):active{transform:translateY(5px);box-shadow:inset 0 2px 3px #0001,0 1px 0 var(--btn-edge),0 3px 4px #47713c22}.button:disabled,.shop-card .button:disabled,.color-choices button:disabled{opacity:.52;filter:saturate(.35);cursor:not-allowed}.button:focus-visible,.wallet-button:focus-visible,.shop-tabs button:focus-visible{outline:3px solid #64a74e;outline-offset:5px}
.wallet-button{--btn-top:#fffbc3;--btn-mid:#f8e17e;--btn-low:#e9c958;--btn-edge:#b08e35;--btn-ink:#745820;border-radius:20px;padding:7px 12px;box-shadow:inset 0 2px #fff,0 4px 0 var(--btn-edge),0 6px 7px #a3883d22}.wallet-button>span:first-child{color:#b78d22}.wallet-button>b{background:linear-gradient(#bce990,#7cb558);border:1px solid #f1ffd5;box-shadow:0 2px 0 #4e843e;color:#fff}.toolbar{gap:15px;padding-bottom:4px}.audio-controls{gap:13px;padding-bottom:4px}.audio-controls button{font-size:12px;padding:8px 15px;min-height:31px;border-radius:19px;box-shadow:inset 0 2px #fff,0 4px 0 var(--btn-edge),0 6px 7px #47713c19}.audio-controls button[aria-pressed=false]{--btn-top:#f7f9ec;--btn-mid:#e6ead6;--btn-low:#d6ddc6;--btn-edge:#a1ac8c;--btn-ink:#79856a;box-shadow:inset 0 2px 3px #74846722,0 2px 0 var(--btn-edge)}
/* Main controls: bronze, mint and rose glass with thick rounded edges. */
.actions{gap:13px;padding-bottom:21px}.action{border:2px solid #fff9e9;border-radius:20px;box-shadow:inset 0 3px #fff,inset 0 -3px 4px #b48a5926,0 7px 0 #b18c56,0 10px 0 #fff9d36b,0 12px 13px #876a3830;background:linear-gradient(165deg,#fff5d8,#f2d39c 55%,#ddb779)}.action .icon{border-width:2px;border-radius:16px;background:radial-gradient(ellipse at 30% 10%,#fffde4 0,#f7d898 48%,#d0a05b 100%);box-shadow:inset 0 3px 2px white,inset 0 -3px 3px #9b713e38,0 4px 0 #a97e45,0 6px 5px #85633825}.action:before{top:4px;left:5px;right:5px;height:44%;background:linear-gradient(#ffffffe6,#ffffff00);border-radius:15px 15px 30px 30px}.action .label{color:#745124;font-size:12px}.action .label b{border-color:#fff1c2;box-shadow:0 2px 0 #b79a6755}#freezeBtn{background:linear-gradient(165deg,#efffee,#bee8bc 55%,#95cf99);border-color:#f7fff1;box-shadow:inset 0 3px white,inset 0 -3px 4px #55975d26,0 7px 0 #679b6c,0 10px 0 #f6fff46b,0 12px 13px #527f4530}#freezeBtn .icon{background:radial-gradient(ellipse at 30% 10%,#f1fff2,#a3d7b4 55%,#73ac97);box-shadow:inset 0 3px 2px white,inset 0 -3px 3px #4c816f38,0 4px 0 #5f9175,0 6px 5px #507b5925}#freezeBtn .label{color:#3d7042}#powerBtn{background:linear-gradient(165deg,#fff5ee,#f4c6b1 55%,#e7ab91);border-color:#fff5e7;box-shadow:inset 0 3px white,inset 0 -3px 4px #aa6d4e26,0 7px 0 #b37d61,0 10px 0 #fff4e76b,0 12px 13px #936b4b30}#powerBtn .label{color:#8b503a}.action:disabled{opacity:.8;filter:saturate(.85)}.action:not(:disabled):active{transform:translateY(6px);box-shadow:inset 0 2px 4px #78583222,0 1px 0 #98784b,0 3px 5px #82623d33}.catpower{background:radial-gradient(circle at 30% 15%,#fffcc7,#f5d76f 55%,#dfb84a);border:2px solid #fff7c8;box-shadow:inset 0 3px white,inset 0 -4px 3px #b88a3c33,0 5px 0 #ae853c,0 7px 6px #a177332b}.catpower:disabled{opacity:.95}.catpower span{color:#fffbe0}.energy{border-color:#fff6d4;background:linear-gradient(#a58a85,#b79b98 50%,#977c7b)}
/* Inventory buttons stay crisp and visibly separate from the free skills. */
.bag-bar{background:linear-gradient(145deg,#fffff5,#eef8d7);border:2px solid #fff;box-shadow:0 5px 0 #b5cf955e,0 9px 16px #8eab6b19}.bag-heading>strong{color:#47723c}.bag-heading>small,.bag-bar>p{color:#6e8d52}.bag-heading>button{--btn-top:#fffac5;--btn-mid:#f5df87;--btn-low:#e6c961;--btn-edge:#b39b44;--btn-ink:#785b21;min-height:30px;box-shadow:inset 0 2px #fff,0 4px 0 var(--btn-edge),0 6px 7px #a3883d1a}.bag-buttons{gap:10px;padding-bottom:3px}.bag-buttons button{border:2px solid #fffff0;background:linear-gradient(155deg,#fcfff2,#d5edba 60%,#bfdf9e);box-shadow:inset 0 2px white,inset 0 -2px 2px #6d934b20,0 5px 0 #82a463,0 7px 8px #6d8c4e19;border-radius:14px;color:#4a733b;font-size:11px;padding-top:12px}.bag-buttons button>span{color:#b09a45;font-size:28px}.bag-buttons button>b{color:#517239;font-size:10px}.bag-buttons button:disabled{opacity:.55;filter:saturate(.5)}.bag-buttons button:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 #82a463}.bag-buttons button:nth-child(2){background:linear-gradient(155deg,#fbf4ff,#e0cbf7 60%,#c8ace5);box-shadow:inset 0 2px white,0 5px 0 #9d80bd,0 7px 8px #8d75aa19;color:#70558f}.bag-buttons button:nth-child(3){background:linear-gradient(155deg,#fff7f6,#f9d8db 60%,#e9b4bf);box-shadow:inset 0 2px white,0 5px 0 #c4899a,0 7px 8px #ab758719;color:#96556c}.bag-buttons button:nth-child(4){background:linear-gradient(155deg,#fffce8,#ffedb0 60%,#efd77f);box-shadow:inset 0 2px white,0 5px 0 #c0a64f,0 7px 8px #ad963e19;color:#947329}
/* A lighter modal backdrop keeps the whole page luminous. */
.shop-dialog::backdrop,.topup-dialog::backdrop{background:#749d7238;backdrop-filter:blur(5px)}.modal{background:#8bb27b55}.shop-dialog,.topup-dialog{color:#45643a;background:linear-gradient(145deg,#fffff9 0,#fbffe9 57%,#edf8d9 100%);border:3px solid #fff9d9;box-shadow:0 0 0 4px #d5c18a,0 22px 65px #5b814b40,inset 0 2px white;scrollbar-width:thin;scrollbar-color:#b1cf8f #f4f9e4}.shop-dialog{width:min(720px,calc(100vw - 40px));padding:25px 27px;max-height:90vh}.shop-head{align-items:start}.shop-head h2{color:#396a36;font-size:31px;letter-spacing:-.015em}.shop-head small,.topup-dialog>small{color:#729653;font-size:10px}.shop-close{--btn-top:#fff6e5;--btn-mid:#f1dbb0;--btn-low:#dfbe85;--btn-edge:#b18c51;--btn-ink:#8b622e;width:35px;height:35px;font-size:24px;line-height:24px;border-radius:12px;box-shadow:inset 0 2px white,0 4px 0 var(--btn-edge),0 6px 8px #9b7d3622}.shop-close:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-edge)}.shop-wallet{border:2px solid #fff4c2;background:linear-gradient(120deg,#fff9c3,#f4e2a1);box-shadow:inset 0 2px white,0 3px 0 #ddc57b50;border-radius:16px}.shop-wallet>span{color:#8c702c;font-size:14px}.shop-wallet strong{color:#8d7229;font-size:25px}.trial-notice{background:#f4fbe8;color:#5e7c47;border-left-color:#9ac96f;border-radius:0 12px 12px 0;font-size:12px;line-height:1.5}.shop-tabs{background:linear-gradient(#ddebca,#edf8dd);border:1px solid #bddc9f;border-radius:16px;padding:6px;gap:9px;margin-bottom:5px}.shop-tabs button{--btn-top:#f5fce9;--btn-mid:#e4efcd;--btn-low:#d3e4b6;--btn-edge:#a5ba86;--btn-ink:#6c8852;border:1px solid #f8ffe9;border-radius:11px;padding:10px 7px;box-shadow:inset 0 2px #ffffffa6,0 3px 0 var(--btn-edge);font-size:14px}.shop-tabs button[aria-selected=true]{--btn-top:#f8ffd9;--btn-mid:#c6e992;--btn-low:#a0d66f;--btn-edge:#67944c;--btn-ink:#3e692c;background:linear-gradient(var(--btn-top),var(--btn-mid) 50%,var(--btn-low));box-shadow:inset 0 2px white,0 4px 0 var(--btn-edge),0 5px 6px #749e3820;transform:translateY(-1px)}#shopStatus{color:#567a3e;font-size:13px;min-height:30px}.shop-items{gap:16px}.shop-card{border:2px solid #fff;border-radius:20px;padding:16px;gap:10px 12px;background:linear-gradient(140deg,#fff,#f4fae6);box-shadow:0 4px 0 #b7cba578,0 8px 11px #819f5c14}.shop-card h3{font-size:18px;color:#3e6640;line-height:1.15;margin-top:2px}.shop-card p{font-size:13px;line-height:1.4;color:#627a57;min-height:42px}.shop-card small{display:inline-block;font-size:11px;color:#5e7c43;border:1px solid #d4e6b9;border-radius:12px;background:#f6ffea;padding:3px 8px}.shop-card .button{font-size:14px;min-height:41px;margin:3px 0 4px;padding:11px 8px}.item-art{height:49px;width:44px;border:2px solid white;border-radius:15px;font-size:30px;box-shadow:inset 0 3px white,inset 0 -2px 3px #0001,0 5px 0 #b9a274,0 7px 8px #927b3c22}.item-art.freeze{box-shadow:inset 0 3px white,0 5px 0 #78aba6,0 7px 8px #578d8222}.item-art.undo{background:linear-gradient(140deg,#faf3ff,#cbb3e7);color:#8464a7;box-shadow:inset 0 3px white,0 5px 0 #a083ba,0 7px 8px #8c75a522}.item-art.remove{box-shadow:inset 0 3px white,0 5px 0 #c38b89,0 7px 8px #b0746d22}.item-art.power{box-shadow:inset 0 3px white,0 5px 0 #bda052,0 7px 8px #a68c3b22}
.shop-card[data-item=freeze]{background:linear-gradient(140deg,#fff,#eafbf7)}.shop-card[data-item=freeze] .button{--btn-top:#e9fdff;--btn-mid:#a5e3ef;--btn-low:#71c6d9;--btn-edge:#4194a6;--btn-ink:#275c69}.shop-card[data-item=undo]{background:linear-gradient(140deg,#fff,#f4edff)}.shop-card[data-item=undo] .button{--btn-top:#faf0ff;--btn-mid:#d7bdf4;--btn-low:#b999df;--btn-edge:#8a69b1;--btn-ink:#594078}.shop-card[data-item=remove]{background:linear-gradient(140deg,#fff,#fff0f0)}.shop-card[data-item=remove] .button{--btn-top:#fff0f0;--btn-mid:#f4bfcc;--btn-low:#e99faf;--btn-edge:#ba6b82;--btn-ink:#783c53}.shop-card[data-item=power]{background:linear-gradient(140deg,#fff,#fff7da)}.shop-card[data-item=power] .button{--btn-top:#fffbc7;--btn-mid:#f8df84;--btn-low:#ebc65d;--btn-edge:#b79738;--btn-ink:#7a5e23}.shop-footnote{color:#769258;font-size:12px;line-height:1.5}.pack-card{background:linear-gradient(145deg,#fffef4,#fff1bd);border:2px solid #fffbdc;border-radius:20px;box-shadow:0 4px 0 #d6bd6d55,0 8px 12px #a68c3b12;padding:17px}.pack-card h3{color:#987222;font-size:25px}.pack-card p{color:#8f7d44;font-size:13px}.pack-card .button{--btn-top:#fffac1;--btn-mid:#f6dc77;--btn-low:#e8c24f;--btn-edge:#ad8b2c;--btn-ink:#77591b;font-size:13px}.coin-stack{border:2px solid #fff4b0;background:radial-gradient(circle at 30% 18%,#fff7c3,#edcb5d 65%,#d3a83e);box-shadow:inset 0 2px white,0 4px 0 #b58a2c,0 6px 7px #a4883022;width:44px;height:44px;line-height:40px;color:#b28c25}.shop-history li{border-color:#d4e7bf;color:#58784b;font-size:13px;padding:14px 2px}.shop-history li>b{color:#937322}.topup-dialog h2{color:#416f36}.topup-dialog p{color:#668451}.color-picker{background:linear-gradient(145deg,#fffef5,#f4f2d2);color:#76622c;border:2px solid #fff7ca;box-shadow:0 5px 0 #d3c18370,0 12px 22px #76935526}.color-choices button{padding:9px;font-size:12px}.dialog,.over-card{background:linear-gradient(145deg,#fffef5,#f4f6dc);color:#5c7547;border-color:#fff8d8;box-shadow:0 0 0 4px #d5c18a,0 18px 40px #7c995c35}.dialog h2,.over-card h2{color:#426f37}
@media(max-width:600px){.shop-dialog{padding:20px 16px;width:calc(100vw - 28px)}.shop-head h2{font-size:26px}.shop-items{gap:12px}.shop-card{padding:13px}.shop-card h3{font-size:16px}.shop-card p{font-size:12px;min-height:54px}.shop-card .button{font-size:12px}.shop-tabs button{font-size:12px;padding:10px 4px}.actions{gap:11px}}
@media(prefers-reduced-motion:reduce){.button,.action,.wallet-button,.bag-buttons button,.audio-controls button{transition:none}.button:hover,.action:hover,.wallet-button:hover{transform:none}}