/* Arena Battle — tasarım token'ları (v1). Ana UI + admin paneli ortak. */
:root{
  /* renk */
  --bg:#0C0D11; --panel:#14161B; --panel-2:#1B1D24; --panel-3:#0F1015;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12);
  --fg:#F4F3EF; --fg-2:#A3A6B0; --fg-3:#6B6F7A; --fg-4:#4A4D57;
  --accent:#FF5B36; --accent-2:#FF7A5C; --accent-ink:#1A0A05; --accent-bg:rgba(255,91,54,.12);
  --gold:#F5C451; --gold-bg:rgba(245,196,81,.14);
  --ok:#57E39A; --ok-bg:rgba(87,227,154,.14); --ok-ink:#062B18;
  --danger:#FF6B6B; --danger-bg:rgba(255,107,107,.14); --danger-ink:#2B0606;
  --warn:#F5C451;
  /* oyuncu renkleri — avatar zemini: color-mix(in srgb, var(--player-n) 16%, transparent); çerçeve: 55% */
  --player-1:#5CC8FF; --player-2:#B79CFF; --player-3:#FFB547; --player-4:#57E39A; --player-5:#FF7AB0; --player-6:#8FD3C7;
  --player-7:#E8A0FF; --player-8:#FFD36E; --player-9:#9FB4FF; --player-10:#FF9E7A; --player-11:#A8E06B; --player-12:#F4F3EF;
  /* tipografi */
  --font-display:'Big Shoulders Display',sans-serif; /* 800–900: başlık, para, sayaç */
  --font-ui:Onest,sans-serif;                        /* 400–800: arayüz metni */
  --font-mono:'JetBrains Mono',monospace;            /* 500–700: etiket, kod, oda kodu */
  --fs-hero:64px; --fs-h1:44px; --fs-h2:30px; --fs-h3:20px; --fs-money-xl:96px; --fs-money:34px;
  --fs-body:13.5px; --fs-ui:14px; --fs-small:12px; --fs-tiny:11.5px; --fs-label:10.5px;
  --ls-label:.12em;
  /* boşluk (4 tabanlı) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px;
  --page-x:40px; --page-x-mobile:16px;
  /* radius */
  --r-tag:7px; --r-btn:10px; --r-input:10px; --r-card:14px; --r-panel:18px; --r-sheet:24px;
  /* gölge */
  --sh-pop:0 8px 24px rgba(0,0,0,.35); --sh-modal:0 40px 100px rgba(0,0,0,.6); --sh-fab:0 8px 24px rgba(255,91,54,.35);
  /* hareket */
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-spring:cubic-bezier(.34,1.56,.64,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:120ms; --dur-base:220ms; --dur-slow:420ms; --dur-reveal:900ms;
  /* dokunma */
  --tap-min:44px;
}
/* yardımcı: para rakamları her zaman tabular */
.money{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums}
.label{font:600 var(--fs-label) var(--font-mono);letter-spacing:var(--ls-label);color:var(--fg-3);text-transform:uppercase}