/* Terraria theme — pixel adventuring, layered world (sky to underworld).
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Pixelify Sans + Rajdhani. */
:root{
  --c1:#46a6e0;   /* sky blue */
  --c1b:#7cc6f0;
  --c2:#f2b53c;   /* gold / treasure */
  --c3:#9b6b43;   /* earth / wood */
  --bg:#0a0e16;
  --bg2:#0e1420;
  --glass:rgba(70,166,224,0.06);
  --glass-brd:rgba(70,166,224,0.22);
  --radius:6px;
  --font-head:'Pixelify Sans',sans-serif;
  --font-body:'Rajdhani',sans-serif;
}
/* layered world background: sky -> surface -> underground -> cavern -> underworld */
.bg{background:linear-gradient(180deg,#102942 0%,#15395a 16%,#1b3a22 40%,#241a12 64%,#1c0d0a 84%,#2c0f08 100%)}
.bg::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(70,166,224,.08) 2px,transparent 2px),
                   linear-gradient(90deg,rgba(70,166,224,.08) 2px,transparent 2px);
  background-size:48px 48px;image-rendering:pixelated;
  -webkit-mask-image:linear-gradient(transparent,#000 18%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 72%,transparent)}
.bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;
  background:radial-gradient(120% 100% at 50% 100%,rgba(242,120,40,.30),transparent 70%);
  -webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}
/* sharper, blockier shapes to match the pixel art */
.card,.cat,.fact,.faq details{border-radius:6px}
.pill,.btn,.notify-form input[type=email]{border-radius:4px}
.hero h1,h2.title{letter-spacing:.01em}
.card .num{font-size:2.6rem}