/* --- Mythic Dark Theme Enhancements (beyond Tailwind) --- */
:root { --radius: 1rem; }
[hidden]{ display:none !important; }

/* Subtle animated starfield + vignette */
body {
  background-image:
    radial-gradient(1200px 600px at 50% -10%, rgba(251, 191, 36, 0.08), transparent 60%),
    radial-gradient(800px 400px at 10% 120%, rgba(59, 130, 246, 0.05), transparent 60%),
    radial-gradient(1000px 500px at 90% 90%, rgba(168, 85, 247, 0.05), transparent 60%);
  background-attachment: fixed;
}

/* Grain overlay */
body::after {
  content:"";
  position: fixed; inset: 0;
  pointer-events: none;
  background: url('data:image/svg+xml;utf8,  <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140">    <filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter>    <rect width="100%" height="100%" filter="url(%23n)" opacity="0.04"></rect>  </svg>') repeat;
  mix-blend-mode: soft-light;
}

/* Gold glow utility */
.glow-gold {
  box-shadow: 0 0 0.5rem rgba(234,179,8,.35), inset 0 0 0.25rem rgba(234,179,8,.2);
}

/* Fancy divider */
.divider {
  position: relative;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(234,179,8,0.35), transparent);
}
/* Mobile polish */
img { max-width: 100%; height: auto; }
button, a { touch-action: manipulation; }
@supports (padding: max(0px)) {
  /* iOS Safe Area */
  body { padding-left: max(0px, env(safe-area-inset-left)); padding-right: max(0px, env(safe-area-inset-right)); }
}