/* Gloopy theme */
:root{color-scheme:light;--bg:#f6f7ee;--panel:#fffef9;--line:#dce3d1;--ink:#304536;--muted:#697962;--copper:#8d60b0;--green:#538a43}
body{font-family:"Trebuchet MS",Arial,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle at 12% 33%,#e2efcc 0,transparent 35%),radial-gradient(circle at 91% 15%,#eee3f8 0,transparent 32%),radial-gradient(#b1c29844 .8px,transparent .8px);background-size:auto,auto,20px 20px}
.shell{max-width:1250px;padding:0 42px}header{height:92px;border-bottom:2px dashed #d6dfcb}.brand{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:35px;letter-spacing:-2px;gap:11px}.brandmark{display:grid;place-items:center;width:38px;height:33px;background:#ade57e;color:#315339;font-size:0;border:2px solid #5d884c;border-radius:48% 48% 38% 38%;position:relative;transform:rotate(-7deg);box-shadow:0 3px 0 #d8e9c4}.brandmark:after{content:"•ᴗ•";font-size:21px;letter-spacing:0;line-height:1}.edition{font-size:9px;letter-spacing:1.5px;border-left:2px solid #d5ddcb;color:#6b7a62}.header-actions{gap:9px}#save-status{font-size:10px;color:#6d7a63}.small{border:1.5px solid #d5ddcb;border-radius:12px;background:#ffffff9c;color:#506347;font-weight:700;box-shadow:0 2px 0 #dce3d1;padding:10px 13px}.small:hover{background:#edf5e2}
main{grid-template-columns:1.23fr 1fr;gap:48px;padding:34px 0 28px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#768369}.live-dot{background:#82b65c;box-shadow:0 0 0 4px #dfebd2}.chapter{background:#e8eddf;border:1px solid #d8e0cb;padding:6px 9px;border-radius:7px;font-size:9px;color:#667a53}
h1{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:49px;line-height:1.08;letter-spacing:-2.5px;margin:24px 0 13px}h1 em{color:#885da5}.intro{font-size:13px;color:#697961}.balance{margin-top:25px}.balance>span{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:57px;letter-spacing:-3px;line-height:1}.balance>div{color:#698e4a;font-size:9px;font-weight:900;letter-spacing:2px;margin-top:7px}.rates{margin-top:13px;gap:15px;font-size:11px}.rates b{font-weight:900;color:#4c6a3c}
.forge-stage{height:303px;margin-top:8px;background:radial-gradient(ellipse at 50% 58%,#d5edb8bb,transparent 63%)}#forge{height:288px;width:340px;transform-origin:50% 85%;transition:transform .2s cubic-bezier(.3,1.8,.5,1);padding:0;filter:drop-shadow(0 8px 0 #749e4c08)}#forge:hover{transform:scale(1.04) rotate(-2deg);filter:brightness(1.03)}#forge:active,#forge.struck{transform:scale(1.15,.81) translateY(12px)}.slime-body{transform-origin:180px 253px;animation:slime-breathe 2.8s ease-in-out infinite}.slime-face{transform-origin:180px 186px}.struck .slime-face{transform:scale(1,.7)}.orbit{border:2px dashed #bed39e75;width:320px;height:105px;top:188px}.orbit-two{width:367px;height:129px;top:173px;border:1px solid #d1dfb7;transform:rotate(9deg)}.spark{color:#b28ac8;font-size:25px}.s1{left:18%;top:31%;color:#e7b453}.s2{right:15%;top:52%;color:#9974b5}.s3{right:21%;top:12%;font-size:30px;color:#d896af}.slime-label{position:absolute;left:7%;bottom:62px;z-index:3;font-size:9px;font-weight:800;color:#718451;background:#fffef2;border:1px solid #d6dfb8;padding:8px 10px;border-radius:8px;transform:rotate(-10deg);box-shadow:0 3px 0 #cadab570;pointer-events:none}.stage-caption{font-size:10px;color:#788468;bottom:0}.key{border-color:#cbd6bc;background:#fffff4;color:#687b55;font-weight:bold}
.milestone{margin-top:24px;padding:17px 20px;background:#edf3df;border:1.5px solid #d6e1c4;border-radius:16px;box-shadow:0 4px 0 #dce6cd80}.milestone>div:first-child{font-weight:800;color:#546b3d}.track{height:7px;background:#dbe5ca;border-radius:8px}.track>div{background:linear-gradient(90deg,#a6ce73,#72af63)!important;border-radius:8px}.milestone p{color:#6c7e58;font-size:10px}aside{border:0;padding:25px 25px 20px;background:#fffdf7cc;border-radius:24px;box-shadow:0 6px 0 #dbe3ce80;border:1.5px solid #e1e6d8}.workshop-heading{margin:0}h2{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:28px;letter-spacing:-1px;margin-top:9px}.shop-icon{height:42px;width:42px;display:grid;place-items:center;background:#ece4f6;border-radius:14px;color:#9270ac;font-size:29px;transform:rotate(9deg)}.shop-intro{margin:8px 0 20px;font-size:12px}
.upgrade{background:#fffefa;border:1.5px solid #e1e5d8;border-radius:14px;padding:13px;margin-bottom:10px;grid-template-columns:42px 1fr;column-gap:11px;box-shadow:0 3px 0 #e6e9df77}.upgrade.available{border-color:#96bd71;background:#f7fbea}.item-icon{background:#fae7d4;border:0;border-radius:13px;color:#b58047;font-size:23px}.upgrade:nth-child(2) .item-icon{background:#e0f2ca;color:#70ae56;font-size:34px;border-radius:45% 45% 35% 35%}.upgrade:nth-child(3) .item-icon{background:#f7e1eb;color:#bd789c}.upgrade:nth-child(4) .item-icon{background:#dff0fa;color:#6bacc7;font-size:34px}.upgrade:nth-child(5) .item-icon{background:#eee3f8;color:#a37dc0}.item-heading h3{font-size:13px;font-weight:800;margin:1px 0 5px}.owned{background:#f0f2e9;color:#788169;padding:3px 6px;border-radius:5px;font-size:9px}.item-description{font-size:10px;color:#78816e}.item-bottom{margin-top:9px}.item-effect{color:#6b9650;font-size:10px;font-weight:700}.buy{background:#a7d57d;border:1.5px solid #81ab5e;color:#36502c;border-radius:8px;font-weight:800;box-shadow:0 2px 0 #80a25d;min-width:78px;padding:6px 10px;font-size:10px}.buy:hover:enabled{background:#b9e68f;transform:translateY(-1px)}.buy:active:enabled{transform:translateY(2px);box-shadow:none}.buy:disabled{background:#f0f1e9;border-color:#dde2d3;color:#7a826d;box-shadow:0 2px 0 #e2e5da}.rekindle{margin-top:18px;padding-top:16px;border-top:2px dashed #e2dfeb}.rekindle-head>span{color:#a082b8}.rekindle h3{font-weight:800;font-size:13px;color:#80619a}.rekindle p{font-size:10px;color:#807389;line-height:1.6;margin:7px 0 12px}#rekindle{background:#e5d3f4;border:1.5px solid #bba0d1;color:#73508e;border-radius:10px;font-weight:800;padding:10px;box-shadow:0 3px 0 #d3bde5}#rekindle:disabled{background:#f2edf7;border-color:#e2d8ec;color:#91809f;box-shadow:0 2px 0 #e3d9ec}#ash{font-size:9px;color:#9989a6;margin-bottom:0}
footer{border-top:2px dashed #d6dfcb;color:#89947b;padding:20px 0;font-size:9px}footer>span:first-child{font-weight:800;letter-spacing:1px}footer>span:last-child{font:italic 12px "Trebuchet MS",Arial,sans-serif;color:#89947b}.gain{color:#6a9952;background:#f7ffeac9;border:1px solid #bcd4a5;border-radius:14px;padding:5px 10px;font:900 24px "Trebuchet MS",Arial,sans-serif;text-shadow:0 2px #fff;top:35%}#toast{background:#785d94;color:#fff;border:2px solid #b69acb;border-radius:15px;box-shadow:0 6px 0 #5e467233;font-weight:700;font-size:12px}
dialog{border:2px solid #d2dfc0;background:#fcfff5;color:var(--ink);border-radius:24px;box-shadow:0 20px 80px #31492530}dialog::backdrop{background:#34462a66;backdrop-filter:blur(5px)}dialog p{color:#728162}.primary{background:#b3df8d;color:#3e5c2a;border:1px solid #8eb665;border-radius:12px;font-weight:800}
@keyframes slime-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.025,.965)}}
@media(max-width:900px){.shell{padding:0 25px}main{gap:27px}aside{padding:20px}h1{font-size:40px}.edition{display:none}.slime-label{left:0}#save-status{display:none}}
@media(max-width:650px){.shell{padding:0 18px}header{height:80px}.brand{font-size:30px}.brandmark{width:30px;height:28px}.header-actions .small{padding:8px;font-size:10px}main{grid-template-columns:1fr;gap:27px;padding-top:24px}h1{font-size:41px;letter-spacing:-2px}.forge-panel{max-width:460px}.forge-stage{height:297px}.orbit-two{width:100%;max-width:367px}.slime-label{left:0;bottom:56px;font-size:8px}.milestone{margin-top:20px}aside{padding:22px 17px}.upgrade{padding:14px}.item-heading h3{font-size:13px}.item-description{font-size:10px}footer{flex-wrap:wrap}footer>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){.slime-body{animation:none!important}#forge{transition:none}.spark{animation:none}}


@media(max-width:650px){header{flex-wrap:wrap;height:auto;min-height:94px;gap:10px;padding:14px 0}.header-actions{flex-wrap:wrap;gap:6px}.header-actions .small{font-size:10px;padding:8px}.brand{font-size:27px}}

.forge-stage{overflow:clip}


@media(max-width:1100px){.edition{display:none}header{height:auto;min-height:92px;flex-wrap:wrap;padding:16px 0}.header-actions{flex-wrap:wrap}}
#music[aria-pressed="true"]{background:#ece2f7;border-color:#cab5dc;color:#76568f}

.boutique{margin-top:24px;background:#fffdf8cc;border:1.5px solid #e1dded;border-radius:22px;padding:22px;box-shadow:0 4px 0 #e7deef66}
.boutique-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.boutique h2{font-size:25px}
.coin-wallet{display:flex;align-items:center;gap:8px;background:#fff0bd;color:#856520;border:1.5px solid #edd28a;padding:9px 13px;border-radius:13px;font-size:19px}
#cosmetics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cosmetic-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;border:1.5px solid #e4deec;border-radius:14px;padding:12px 6px;background:#fffefa}
.cosmetic-card.equipped{border-color:#b7cf98;background:#eff6e5}.cosmetic-swatch{font-size:31px;height:35px;line-height:35px;color:#bc85af}
.cosmetic-card strong{font-size:10px;line-height:1.4;min-height:28px;color:#6c5879}.cosmetic-card button{margin-top:auto;font-size:10px;width:100%;padding:7px 3px}
.cosmetic-card button:disabled{color:#7c876e;box-shadow:none;background:#f0f2e8}.cosmetic-note{font-size:10px;line-height:1.6;color:#8b7a99;margin:15px 0 0}
main{align-items:start}
@media(max-width:900px){#cosmetics{grid-template-columns:repeat(2,minmax(0,1fr))}.boutique{padding:17px}.boutique h2{font-size:22px}}

.coin-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;border:2px solid #bf913a;background:#f9d675;font:bold 13px Arial;color:#936514;box-shadow:inset 0 0 0 2px #ffe9a8}