/* fix543.css · Ki 5:43 PM + 5:48 PM Oct 19 2026: "the buttons and the titles look a little more cartoon… I want them shiny like the slime… all the green… a more expensive slime".
   Every flat/lime green on the site is remapped (fix543.js) to the deep glossy green of the logo's OWN slime (sampled from img/nudy-world-logo.webp:
   #073300 edge → #135a02 → #2f8c08 → #5fbf1c → #9be83a → #d9ffa6 specular). Buttons/chips get a wet slime body: top specular, deep bottom, inner shadow.
   Titles get the same slime as a glossy gradient fill with a dark wet edge. Calmer slime transition. Sli'merre background fitted. Revert = drop this tag + fix543.js. */
:root{--slime:#8ad63a;--acc:#8ad63a;--sl-hi:#e4ffb8;--sl-1:#a6ec4a;--sl-2:#5fbf1c;--sl-3:#2f8c08;--sl-4:#145c02;--sl-5:#0a3d00;
 --sl-gloss:radial-gradient(120% 62% at 50% -8%,rgba(255,255,255,.62) 0,rgba(255,255,255,.16) 52%,rgba(255,255,255,0) 54%),linear-gradient(180deg,#a8ee4c 0%,#62c21e 28%,#2f8c08 60%,#145c02 86%,#0b4300 100%);
 --sl-text:linear-gradient(180deg,#f4ffdc 0%,#bdf466 16%,#78d426 36%,#3f9f0e 58%,#1f6d04 80%,#114e00 100%)}
/* wet slime body: buttons, chips, pills */
html body .nw-gloss-b.nw-gloss-b.nw-gloss-b{background-image:var(--sl-gloss)!important;background-color:#2f8c08!important;border-color:#0f4f00!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.75),inset 0 -4px 7px rgba(0,36,0,.62),inset 0 0 0 1px rgba(8,58,0,.55),0 3px 10px rgba(0,0,0,.5),0 0 14px rgba(70,170,20,.30)!important}
html body .nw-gloss-b.nw-gloss-w.nw-gloss-w{color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 1px 1px rgba(0,34,0,.95),0 0 8px rgba(0,50,0,.55)!important}
.nw-gloss-b:hover{filter:brightness(1.08) saturate(1.05)}
/* glossy slime titles + wordmarks */
html body .nw-gloss-t.nw-gloss-t.nw-gloss-t{background-image:var(--sl-text)!important;background-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;color:#5fbf1c!important;text-shadow:none!important;-webkit-text-stroke:0!important;
 filter:drop-shadow(0 1px 0 rgba(0,26,0,.95)) drop-shadow(0 3px 3px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(80,180,25,.25))!important}
/* outlines: deep slime edge with a thin wet highlight instead of flat neon */
html body .nw-gloss-o.nw-gloss-o{box-shadow:inset 0 1px 0 rgba(200,255,150,.22),0 0 0 1px rgba(10,60,0,.5),0 0 12px rgba(70,170,20,.22)!important}
/* the CSS drips: glossy, with the logo slime's highlight and deep underside */
.kvdrop{background-image:radial-gradient(circle at 34% 26%,rgba(255,255,255,.85) 0 7%,rgba(255,255,255,0) 20%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,0) 38%,rgba(0,28,0,.5))!important;
 filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))!important}
/* calmer world transition: the leftover drip row is dropped; the pour is shorter and lighter (fix543.js repaints it with fewer, larger real drips) */
.g-slime-r{display:none!important}
.g-slime{animation-duration:.56s!important}
/* Sli'merre world background on laptop: the old 460px sky was blown up full-screen (soft, smeared). Now the cover's own painted sky at its
   real 1400px resolution, covering the screen at about its own scale (1x at 1366, 1.37x at 1920) instead of 3-4x. */
.world.era-slimerre::before{background:linear-gradient(rgba(240,248,255,.10),rgba(240,248,255,.18)),url(img/sl-sky3.webp?v=1) center top/cover no-repeat!important}
/* EA Monster world title (the cover's own lettering, unaltered pixels): deeper, wetter green + a glossy slime highlight masked to the letters */
.era-ea-monster .w-title img.t-title{filter:saturate(1.08) brightness(.9) contrast(1.18) drop-shadow(0 2px 0 rgba(0,30,0,.95)) drop-shadow(0 6px 8px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(80,180,25,.3))!important}
.g543-gl{position:absolute;inset:0;pointer-events:none;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
 background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 40%,rgba(255,255,255,0) 48%,rgba(0,40,0,0) 60%,rgba(0,30,0,.45) 100%);mix-blend-mode:soft-light}
/* The Stack: no slime on the LEVEL card (silver + gold instead of green) */
#gover.g543-stack .nwlv-o,#gover.g543-stack .nwlv-o *{--c:#e3e7ee!important;--g:rgba(214,190,110,.45)!important}
#gover.g543-stack .nwlv-band{background:linear-gradient(#1c1d20,#060607)!important;border-color:#cfd5de!important}
#gover.g543-stack .nwlv-band .t2{color:#eef1f5!important;text-shadow:0 0 16px rgba(214,190,110,.55),0 3px 0 #000!important}
#gover.g543-stack .nwlv-drip{display:none!important}
/* Ki 6:18 PM: Sunflower Seeds card + icon = the REAL sunflower + the REAL seed from the game (Wikimedia Commons photos, cut out). Wide card on laptop (like the timeline cards), square on phone. */
img.g543-ssic{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55))}
html body .gtile[data-game="sseeds"]{background:linear-gradient(90deg,rgba(4,10,30,.86) 0%,rgba(4,10,30,.62) 34%,rgba(4,10,30,0) 60%),linear-gradient(0deg,rgba(4,10,30,.7),rgba(4,10,30,0) 45%),url(img/g543/ss-card-sq.webp?v=1) 70% center/cover no-repeat!important;aspect-ratio:1/1;min-height:0}
html body .gtile[data-game="sseeds"] .ic{display:none!important}
html body .gtile[data-game="sseeds"] b{font-size:1.25em;text-shadow:0 2px 6px rgba(0,0,0,.8)}
html body .gtile[data-game="sseeds"] small{text-shadow:0 1px 4px rgba(0,0,0,.9)}
@media(min-width:720px){html body .gtile[data-game="sseeds"]{grid-column:span 2;aspect-ratio:auto;background:linear-gradient(90deg,rgba(4,10,30,.88) 0%,rgba(4,10,30,.6) 30%,rgba(4,10,30,0) 52%),url(img/g543/ss-card-wide.webp?v=2) right center/cover no-repeat!important}
 html body .gtile[data-game="sseeds"] b,html body .gtile[data-game="sseeds"] small{max-width:46%}}