/* Mister Money — "the vault" theme for every page of the site (loaded after /assets/site.css).
   Emerald felt, gold lamp light and the game's Bungee display font. */
@font-face { font-family: "Bungee"; src: url("/fonts/Bungee-Regular.ttf") format("truetype"); font-display: swap; }
:root {
  --felt: #10452f; --felt-deep: #082619; --felt-light: #1f704d; --gold: #ffc93d; --gold-deep: #db8c14; --cream: #fff7e0; --mint: #3ddb8f;
  --bg: var(--felt-deep); --bg-soft: #0b3322; --bg-card: rgba(0,0,0,.28); --text: var(--cream); --text-2: rgba(255,247,224,.78); --text-3: rgba(255,247,224,.55);
  --line: rgba(255,201,61,.18); --nav-bg: rgba(8,38,25,.78); --accent: var(--gold); --accent-2: var(--gold-deep); --accent-ink: #1a1306;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --shadow-lg: 0 30px 70px -20px rgba(0,0,0,.7);
  --font-display: "Bungee", -apple-system, BlinkMacSystemFont, sans-serif;
  color-scheme: dark;
}
body {
  background: radial-gradient(1200px 700px at 50% -5%, var(--felt-light), transparent 70%), linear-gradient(var(--felt), var(--felt-deep) 900px);
  background-color: var(--felt-deep);
}
h1, h2, .display, .h1, .h2 { font-family: var(--font-display); font-weight: 400; letter-spacing: 0; }
.h3, h3 { font-family: var(--font); font-weight: 800; }
.eyebrow { letter-spacing: .16em; text-transform: uppercase; font-size: 12.5px; font-weight: 800; color: var(--gold); }
.grad-text { background: linear-gradient(180deg, var(--cream), var(--gold) 70%, var(--gold-deep)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.brand span { font-family: var(--font-display); font-weight: 400; }
.nav { border-bottom: 1px solid var(--line); }
.nav-cta, .btn-primary { background: linear-gradient(180deg, #ffdc5c, var(--gold-deep)); color: #1a1306 !important; box-shadow: 0 10px 24px -10px rgba(255,201,61,.8); }
.soft { background: rgba(0,0,0,.18); }
.card, .faq details, .contact-form { background: rgba(0,0,0,.28); border-color: var(--line); }
.card .ico { color: var(--gold); }
.prose a { color: var(--gold); }
.prose .callout { background: rgba(0,0,0,.3); border: 1px solid var(--line); border-left: 4px solid var(--gold); border-radius: 12px; padding: 14px 18px; }
.footer { background: #061c13; }
.cta-band { background: radial-gradient(600px 300px at 50% 0, var(--felt-light), var(--felt-deep)); }
.shot { border-radius: 34px; box-shadow: 0 0 0 3px rgba(255,201,61,.45), var(--shadow-lg); }

/* home */
.mm-hero { position: relative; overflow: hidden; padding-bottom: 0; }
.mm-rays { position: absolute; inset: -40% -20% auto; height: 140%; pointer-events: none;
  background: repeating-conic-gradient(from 0deg at 50% 0%, rgba(255,201,61,.10) 0 4deg, transparent 4deg 14deg);
  -webkit-mask: radial-gradient(closest-side at 50% 0%, #000, transparent); mask: radial-gradient(closest-side at 50% 0%, #000, transparent);
  animation: mm-turn 30s ease-in-out infinite alternate; }
@keyframes mm-turn { from { transform: rotate(-6deg); } to { transform: rotate(6deg); } }
.mm-logo { width: min(440px, 80vw); margin: 0 auto 18px; filter: drop-shadow(0 8px 24px rgba(0,0,0,.5)); }
.mm-title { color: var(--cream); text-shadow: 0 4px 0 rgba(0,0,0,.35); }
.mm-boss { position: relative; width: min(520px, 90vw); margin: 40px auto 0; }
.mm-boss img:first-child { width: 100%; filter: drop-shadow(0 0 30px rgba(255,201,61,.35)); }
.mm-pile { position: absolute; left: -12%; bottom: -16%; width: 124%; max-width: none; }
.mm-rain i { position: absolute; top: -12%; width: 64px; height: 28px; border-radius: 4px; pointer-events: none;
  background: linear-gradient(90deg, #6fa24c, #a7cf7a 50%, #6fa24c); box-shadow: inset 0 0 0 3px #4d7d34; opacity: .5;
  animation: mm-fall 11s linear infinite; }
.mm-rain i:nth-child(1) { left: 6%; animation-delay: -1s; } .mm-rain i:nth-child(2) { left: 18%; animation-delay: -7s; animation-duration: 14s; }
.mm-rain i:nth-child(3) { left: 30%; animation-delay: -4s; } .mm-rain i:nth-child(4) { left: 64%; animation-delay: -9s; animation-duration: 13s; }
.mm-rain i:nth-child(5) { left: 76%; animation-delay: -2s; } .mm-rain i:nth-child(6) { left: 88%; animation-delay: -6s; animation-duration: 16s; }
.mm-rain i:nth-child(7) { left: 44%; animation-delay: -11s; animation-duration: 18s; } .mm-rain i:nth-child(8) { left: 94%; animation-delay: -3s; }
@keyframes mm-fall { from { transform: translateY(0) rotate(0); } to { transform: translateY(140vh) rotate(540deg); } }
.mm-zen { max-width: 300px; margin: 0 auto; }
@media (prefers-reduced-motion: reduce) { .mm-rays, .mm-rain i { animation: none; } .mm-rain { display: none; } }
/* full iPhone screenshots: keep their real 1320×2868 shape (the shared style crops tall shots to 9:16) */
.rail .shot.tall, .shot.tall { aspect-ratio: 1320 / 2868; height: auto; object-fit: contain; width: 250px; }
.mm-zen.shot.tall { width: 280px; }
@media (max-width: 600px) { .rail .shot.tall { width: 220px; } }
/* closing band: light gold headline on the dark felt (the shared style uses the dark accent ink) */
.cta-band { color: var(--cream); border: 1px solid var(--line); }
.cta-band h2 { color: var(--gold); text-shadow: 0 3px 0 rgba(0,0,0,.4); }
.cta-band p { color: var(--cream); }