/* Clash Arena V2 — design tokens. "Arena at night": torch-lit stone, forged gold, ember light. */
@font-face{font-family:"V2 Clash";src:url("/clash-arena/assets/media/Clash_Bold.otf.ttf") format("truetype");font-weight:700 900;font-display:swap}
@font-face{font-family:"V2 Clash";src:url("/clash-arena/assets/media/Clash_Regular.otf.ttf") format("truetype");font-weight:400 600;font-display:swap}
:root{
  /* Surfaces: warm charcoal stone, never pure black */
  --v2-night:#0b0806;
  --v2-stone-0:#120e0b;
  --v2-stone-1:#1a1410;
  --v2-stone-2:#231b15;
  --v2-stone-3:#2e241b;
  --v2-stone-edge:#4a3b2d;
  --v2-stone-line:rgba(255,226,170,.12);
  /* Forged gold + champagne */
  --v2-gold:#f2c35f;
  --v2-gold-hi:#ffe7a8;
  --v2-gold-lo:#b07a28;
  --v2-gold-deep:#6b4614;
  --v2-champagne:#f7ead0;
  /* Text */
  --v2-text:#f6ecd9;
  --v2-text-2:#cdbb9f;
  --v2-text-3:#9a8670;
  /* Signals */
  --v2-ember:#ff7a2e;
  --v2-ember-soft:rgba(255,122,46,.18);
  --v2-go:#7ccc3c;          /* game "action" green */
  --v2-go-hi:#a8e86a;
  --v2-go-lo:#3f8a17;
  --v2-go-ink:#1d3d06;
  --v2-danger:#e0483e;
  --v2-danger-hi:#ff7d6e;
  --v2-danger-lo:#8f1e17;
  --v2-ally:#5bb8ff;        /* your side */
  --v2-foe:#ff5a4a;         /* opponent side */
  --v2-ok:#8ee07a;
  /* Light plates (game tab/plate material) */
  --v2-plate:#e4dccb;
  --v2-plate-hi:#f6f1e4;
  --v2-plate-lo:#b9ae98;
  --v2-plate-ink:#2a2018;
  /* Type */
  --v2-display:"V2 Clash",system-ui,sans-serif;
  --v2-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; /* no web-font download: local Clash display face + system text */
  --v2-fs-hero:clamp(2.6rem,8.4vw,6.4rem);
  --v2-fs-h1:clamp(2rem,5vw,3.4rem);
  --v2-fs-h2:clamp(1.45rem,3vw,2.1rem);
  --v2-fs-h3:clamp(1.08rem,1.6vw,1.3rem);
  /* Geometry */
  --v2-r-xs:8px;--v2-r-sm:12px;--v2-r-md:18px;--v2-r-lg:26px;--v2-r-pill:999px;
  --v2-gap:clamp(14px,2.2vw,24px);
  --v2-gutter:clamp(16px,4vw,40px);
  --v2-max:1320px;
  --v2-hud-h:clamp(80px,6.2vw,92px);
  --v2-dock-h:82px;
  /* Depth */
  --v2-shadow-1:0 1px 0 rgba(255,236,190,.06) inset,0 10px 30px rgba(0,0,0,.35);
  --v2-shadow-2:0 1px 0 rgba(255,236,190,.08) inset,0 22px 60px rgba(0,0,0,.5);
  --v2-glow-gold:0 0 0 1px rgba(242,195,95,.55),0 0 28px rgba(242,195,95,.25);
  /* Motion */
  --v2-ease:cubic-bezier(.2,.8,.2,1);
  --v2-ease-pop:cubic-bezier(.34,1.56,.64,1);
  --v2-fast:140ms;--v2-mid:260ms;--v2-slow:520ms;
  /* Materials */
  --v2-mat-stone:linear-gradient(180deg,#2a2119 0%,#1c1611 42%,#16110d 100%);
  --v2-mat-panel:linear-gradient(180deg,rgba(46,36,27,.92),rgba(24,19,15,.94));
  --v2-mat-gold:linear-gradient(180deg,#fff0bf 0%,#f6cf72 30%,#e2a640 62%,#b47a26 100%);
  --v2-mat-go:linear-gradient(180deg,#b9f07a 0%,#8bd94a 36%,#6cbc2e 70%,#4e9a1c 100%);
  --v2-mat-danger:linear-gradient(180deg,#ff9b8a 0%,#f0574a 40%,#cf3a2f 75%,#a42820 100%);
  --v2-mat-plate:linear-gradient(180deg,#f8f4ea 0%,#e6dfcf 55%,#d3c9b5 100%);
  --v2-mat-plate-dim:linear-gradient(180deg,#b6ad9d 0%,#9f9584 60%,#8b8170 100%);
}