/* OUR Alliance — navy and ice brand system. Shared by every Panel surface. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/static/fonts/inter-latin.woff2") format("woff2"); }
@font-face { font-family: "Cinzel"; font-style: normal; font-weight: 700 900; font-display: swap; src: url("/static/fonts/cinzel-latin.woff2") format("woff2"); }
@font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700 800; font-display: swap; src: url("/static/fonts/roboto-condensed-latin.woff2") format("woff2"); }
:root {
  --page: #06142D;
  --shadow: #020B1C;
  --panel: #123B70;
  --panel-deep: #0B2446;
  --panel-alt: #16365B;
  --panel-hover: #1C4778;
  --selected: #1B4B80;
  --text: #F2F8FF;
  --text-soft: #C1D5E9;
  --muted: #A3BAD2;
  --line: #476687;
  --line-strong: #668BAF;
  --accent: #378FE1;
  --accent-light: #79BFFF;
  --link: #89C8FF;
  --gold: #E5B537;
  --silver: #C1D5E9;
  --bronze-medal: #C98B61;
  --ember: #D76A2D;
  --success: #78D9B2;
  --success-bg: #10382F;
  --success-line: #43896F;
  --danger: #FFB2B8;
  --danger-bg: #4A1F32;
  --danger-line: #BC6273;
  --danger-hover: #642A3E;
  --warning: #FFC18F;
  --warning-bg: #412D24;
  --warning-line: #AD704A;
  --info-bg: #102E54;
  --map-bg: #061A34;
  --map-grid: #355578;
  --map-player: #216EAD;
  --map-player-line: #9ECFFF;
  --map-selected: #378FE1;
  --map-selection-line: #F2F8FF;
  --map-hq: #247DB6;
  --map-trap: #020B1C;
  --map-statue: #7663A6;
  --map-garrison: #466A82;
  --map-missing: #667B93;
  --map-zero: #A76B47;
  --map-valid: #237D60;
  --map-invalid: #A73D56;
  --map-route: #89C8FF;
  --map-attack: #DF9269;
  --map-defense: #79BFFF;
  --map-march: #C1D5E9;
  --map-research: #BEA1E9;
  --map-other: #78D9B2;
  --series-1: #79BFFF;
  --series-2: #A8DDEB;
  --series-3: #B8ADF0;
  --series-4: #78D9B2;
  --series-5: #F2B7CF;
  --series-6: #C1D5E9;
  --series-7: #89A7ED;
  --series-8: #C4D99B;
  --series-9: #DFB58C;
  --series-10: #91CFD4;
  --series-11: #D5B8EA;
  --series-12: #F2F8FF;
  --card: var(--panel-deep);
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Cinzel", Georgia, serif;
  --font-rank: "Roboto Condensed", "Inter", system-ui, sans-serif;
  font: 16px/1.5 var(--font-body);
  color: var(--text);
  background: var(--page);
  color-scheme: dark;
}
h1, .brand, .public-brand strong { font-family: var(--font-display); }
h1 { font-weight: 700; letter-spacing: .015em; }
.brand, .public-brand strong { font-weight: 900; }
h2, h3, h4 { font-family: var(--font-rank); }
button, input, select, textarea { font-family: var(--font-body); }
input[type=checkbox], input[type=radio] { accent-color: var(--accent); }
::selection { background: var(--accent); color: var(--shadow); }
:focus-visible { outline: 2px solid var(--accent-light); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

:root { --accent-rgb: 55, 143, 225; }