/* Ridge Fire's own look: an army field map. Khaki paper with contour lines, olive drab panels, stencil type,
   rust for the big actions. Loaded last on every Ridge Fire page so it only changes this game. */
@font-face { font-family: 'Black Ops One'; src: url(/fonts/BlackOpsOne-400.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: Inter; src: url(/fonts/Inter-500.woff2) format('woff2'); font-weight: 400 600; font-display: swap; }
@font-face { font-family: Inter; src: url(/fonts/Inter-700.woff2) format('woff2'); font-weight: 700 900; font-display: swap; }
:root {
  --bg: #3a4120;
  --bg2: #2a2f15;
  --panel: #3d4421;
  --panel2: #4f5729;
  --line: #6f7740;
  --ink: #1c1f0e;
  --text: #efe6c4;
  --soft: #cfc49a;
  --accent: #e6b54a;
  --pink: #c7772b;
  --teal: #8fa64a;
  --violet: #7a3b14;
  --good: #9bc25a;
  --radius: 8px;
}
html { background: var(--bg2); }
body, body.game {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background:
    repeating-radial-gradient(circle at 20% 30%, transparent 0 34px, #c9b98a14 35px 36px),
    linear-gradient(#0000 0 0),
    linear-gradient(160deg, #3a4120 0%, #262b12 100%);
  background-attachment: fixed;
}
h1, h2, h3, .fire-txt, .banner, .tile b, .turn-chip, .medal-kicker, .win h2, .t-head h2, .pp-head h2 {
  font-family: 'Black Ops One', Inter, system-ui, sans-serif; font-weight: 400; letter-spacing: .04em;
}
button { font-family: 'Black Ops One', Inter, system-ui, sans-serif; font-weight: 400; letter-spacing: .05em;
  border-radius: 8px; background: var(--accent); color: var(--ink); }
button.quiet, .linkish { font-family: Inter, system-ui, sans-serif; font-weight: 600; letter-spacing: 0; }
button.pink, button.violet { color: #f3e6c1; }
input, .nm { font-family: Inter, system-ui, sans-serif; }

/* Panels: map paper cards with an olive frame. */
.card, .rf-card, .tv-card, .ars-card, .medal-card, .todays, .rf-sheet { border-radius: 10px; }
.tile { border-radius: 10px; }
.t-pass { background: #d9a27a; }
.t-online { background: #c9b98a; }

/* The FIRE button: a rust plate on a hazard-striped olive rim instead of the candy red one. */
.fire { border-radius: 10px; background: repeating-linear-gradient(135deg, #e6b54a 0 10px, #1c1f0e 10px 20px); }
.fire-cap { border-radius: 6px; background: radial-gradient(ellipse 70% 55% at 50% 28%, #b8652e, #7a3b14 55%, #4f240b);
  box-shadow: inset 0 -6px 0 #3f1c08, inset 0 3px 0 #ffffff33, 0 4px 0 #1c1f0e; }
.fire-txt { color: #f3e6c1; text-shadow: 0 2px 0 #3f1c08; }
.fire:active .fire-cap { box-shadow: inset 0 -2px 0 #3f1c08, inset 0 3px 0 #ffffff22, 0 0 0 #1c1f0e; }

/* Dials read like field instrument plates. */
.dial { border-radius: 8px; background: #2a2f15; }
.dial .lab { font-family: 'Black Ops One', Inter, sans-serif; font-weight: 400; color: #c9b98a; }
.meter i { background: linear-gradient(90deg, #8fa64a, #e6b54a, #c7772b); }
.seg { border-radius: 8px; }
.seg button { border-radius: 6px; }
.wind, .tv-corner, .chips button, .coins-chip { border-radius: 6px; }
.banner { border-radius: 8px; }

/* Stencil is for names and labels; small print inside buttons stays plain so it reads at a glance. */
button small, .tile small, .coins-what, .ai-note, .ars-item small, .weapon small, .gear-row button small,
.chips button, .seg button, .t-links button, .small-link, .more-games, .pl-btn, .lo-tile .ai-price {
  font-family: Inter, system-ui, sans-serif; font-weight: 600; letter-spacing: 0;
}