/* Palworld theme — bright creature-collector survival: grassy fields, teal Pal energy, warm sun.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Fredoka + Rajdhani. */
:root{
  --c1:#29b6a0;   /* pal energy teal */
  --c1b:#5fd4c0;
  --c2:#f2a83c;   /* warm sun / amber */
  --c3:#6b8f3a;   /* grass */
  --bg:#081512;
  --bg2:#0c1c17;
  --glass:rgba(41,182,160,0.07);
  --glass-brd:rgba(41,182,160,0.22);
  --radius:14px;
  --font-head:'Fredoka',sans-serif;
  --font-body:'Rajdhani',sans-serif;
}
/* sunny outdoor gradient: sky teal -> field green -> shaded ground */
.bg{background:linear-gradient(180deg,#0e2c3a 0%,#11362f 40%,#142a16 72%,#0c1409 100%)}
.bg::before{content:"";position:absolute;inset:0;
  background:radial-gradient(90% 60% at 78% 8%,rgba(242,168,60,.18),transparent 55%),
             radial-gradient(70% 50% at 16% 28%,rgba(41,182,160,.14),transparent 60%);
  -webkit-mask-image:linear-gradient(#000,#000 75%,transparent);mask-image:linear-gradient(#000,#000 75%,transparent)}
.bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;
  background:repeating-linear-gradient(90deg,rgba(107,143,58,.18) 0 30px,rgba(80,110,40,.18) 30px 60px);
  -webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}
/* friendly, rounded shapes to match the playful tone */
.card,.cat,.fact,.faq details{border-radius:16px}
.hero h1,h2.title{letter-spacing:-.01em}