/* ══════════════════════════════════════════════════════════════════
   HOME + LEADERBOARD — stiluri din designul Claude Design
   ("Handball Home & Leaderboard.dc.html"). Tokenii sunt izolați pe
   `.hb-scope` (ambele teme), ca să nu afecteze restul aplicației.
   ══════════════════════════════════════════════════════════════════ */
.hb-scope {
  --bg:#F1ECE3;--paper:#FBF8F3;--canvas:#E9E4DA;--dark:#17181C;
  --accent:#EA5A2B;--accent-h:#D14E22;--accent-text:#C4501F;--accent-light:#FBEAE2;
  --surface:#fff;--border:#E6E1D7;--border-strong:#DCD6CB;
  --text:#17181C;--text-2:#46433C;--muted:#6F6A60;--faint:#9A958B;--disabled:#C9C2B5;
  --success:#1F8A5B;--success-bg:#DFF3E8;--warning:#D9932A;--warning-text:#B45309;--warning-bg:#FEF3C7;--danger:#C4373B;--danger-bg:#FEE2E2;
  --shadow:0 4px 16px -10px rgba(23,24,28,.25);--shadow-lg:0 18px 46px -16px rgba(23,24,28,.32);--shadow-acc:0 14px 26px -12px rgba(234,90,43,.55);
  --gold:#E0A83C;--silver:#B8B4AC;--bronze:#C58A54;--dot:rgba(23,24,28,.05);
  color: var(--text);
  font-family: 'Archivo', system-ui, -apple-system, sans-serif;
  display: block;
  min-height: calc(100vh - 60px);
  padding-bottom: 64px;
  background: var(--canvas);
  background-image: radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 0);
  background-size: 24px 24px;
}
:root[data-theme="dark"] .hb-scope {
  --bg:#23252B;--paper:#131418;--canvas:#0D0E11;--dark:#17181C;
  --accent:#EA5A2B;--accent-h:#F26A3C;--accent-text:#F0854F;--accent-light:#35201A;
  --surface:#1C1E24;--border:#2E3138;--border-strong:#3A3E47;
  --text:#F0EEE9;--text-2:#C6C3BC;--muted:#8F8C85;--faint:#6E6B64;--disabled:#4A4842;
  --success:#2FB577;--success-bg:#142A1F;--warning:#E0A33E;--warning-text:#E5B45C;--warning-bg:#2C2410;--danger:#E05B5F;--danger-bg:#331718;
  --shadow:0 4px 16px -10px rgba(0,0,0,.6);--shadow-lg:0 18px 46px -16px rgba(0,0,0,.7);--shadow-acc:0 14px 26px -12px rgba(234,90,43,.4);
  --gold:#E0A83C;--silver:#9C9890;--bronze:#B77F4C;--dot:rgba(255,255,255,.045);
}

.hb-scope *{ box-sizing:border-box; }
.hbwrap{ max-width:1160px; margin:0 auto; padding:0 22px; }
.hbgrid{ display:grid; grid-template-columns:1fr; gap:22px; align-items:start; }
@media(min-width:980px){ .hbgrid{ grid-template-columns:1.18fr .82fr; } }
.hbstats{ display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
@media(min-width:560px){ .hbstats{ grid-template-columns:repeat(5,1fr); } .hbstats-4{ grid-template-columns:repeat(4,1fr); } }
.hbrules{ display:grid; grid-template-columns:repeat(8,1fr); gap:7px; }
.hbpod{ display:grid; grid-template-columns:1fr 1.12fr 1fr; gap:10px; align-items:end; }
/* grid items se întind implicit la min-width:auto (content-based) — fără asta,
   conținut ce nu se poate micșora (emoji, cifre nowrap) poate lărgi coloana
   peste 1fr și scoate elemente din viewport pe mobil. */
.hbgrid > *, .hbstats > *, .hbrules > *, .hbpod > * { min-width:0; }
.hbrow:hover{ border-color:var(--accent) !important; }
.hbtab{ cursor:pointer; }
.hb-scope input, .hb-scope textarea{ font-family:'Archivo',system-ui,sans-serif; }
@keyframes hbpop{ from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
@media(max-width:600px){
  .hbwrap{ padding:0 15px; }
  .hbpod{ gap:7px; }
  .hbrules{ gap:5px; }
}