/* ── Scoreboard, matched to the refined Knowtorious board (2026-09-11) ──
   Same charcoal panels, gold active border, labelled perk pills, 44px score
   buttons and a big tabular score as ui/refinements.css on knowtorious.net —
   in the game's own Arabic type, RTL. Loaded after play.html's inline styles,
   so the `html body` prefix + !important beat the originals the same way the
   kt overlay does. */
html body #scoreboard{width:100%;max-width:1450px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:0 auto 27px!important}
html body .team-panel{opacity:1!important;filter:none!important;background:#1c1e22!important;border:1px solid #45474d!important;border-radius:9px!important;padding:19px 22px!important;box-shadow:none!important;gap:12px!important;min-height:115px;transform:none!important;animation:none!important}
html body .team-panel.active{background:#25282e!important;border-color:#c8a669!important;box-shadow:none!important}
html body .team-panel.lockout{opacity:.72!important}
html body.mode-heist .team-panel{background:#162039!important}
html body.mode-vegas .team-panel{background:#28142c!important}
html body.mode-carnival .team-panel{background:#20281d!important}
html body.mode-hex .team-panel{background:#20242b!important}
html body .team-panel>div{opacity:1!important}
html body .kt-team-label{display:block;font:600 11px/1.3 var(--font-body),sans-serif;color:#b7b9bf;letter-spacing:.02em;margin-bottom:7px}
html body .team-panel.active .kt-team-label{color:#f0d394}
html body .team-name-tag{font:700 17px/1.3 var(--font-body),sans-serif!important;color:#f2f2f3!important;text-transform:none!important;letter-spacing:0!important;opacity:1!important}
html body .team-name-tag::after,html body .team-name-tag::before{display:none!important}
html body .team-roster{color:#b7b9bf!important;font:13px/1.5 var(--font-body),sans-serif!important;margin-top:5px;opacity:1!important;max-width:none}
html body .team-score{gap:12px!important}
html body .score-value{font:600 42px/1.1 var(--font-body),Arial,sans-serif!important;color:#f2f2f3!important;text-shadow:none!important;font-variant-numeric:tabular-nums;min-width:90px}
html body .score-btn{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;background:#222429!important;border:1px solid #5b5e66!important;color:#e9cea2!important;box-shadow:none!important;border-radius:6px!important;font-size:18px!important}
html body .score-btn::before,html body .score-btn::after{display:none!important}
html body .team-perks{margin-top:10px!important;gap:7px!important;direction:rtl!important}
html body .perk-pip{width:auto!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:8px 10px!important;display:inline-flex!important;gap:7px!important;align-items:center!important;border:1px solid #5b5e66!important;border-radius:6px!important;box-shadow:none!important;background:#222429!important;color:#e8d3ad!important;font:600 12px var(--font-body),sans-serif!important;direction:rtl}
html body .perk-pip .kti{width:15px!important;height:15px!important}
html body .perk-pip.spent{opacity:.48!important;filter:none!important}
html body .perk-pip.active{background:#c8a669!important;color:#2a1c0c!important;border-color:#c8a669!important}
html body .kt-perk-name{white-space:nowrap}
/* mode-specific score blocks keep their layout, just the refined type */
html body .heist-score-grid .score-value{font-size:36px!important}
html body .heist-stash-line{color:#b7b9bf!important;font:12px/1.5 var(--font-body),sans-serif!important}
html body .solo-stats{color:#b7b9bf!important;font:12px/1.5 var(--font-body),sans-serif!important}
@media(max-width:500px){
  html body #scoreboard{grid-template-columns:1fr!important;gap:10px!important}
  html body .team-panel{padding:14px 16px!important;min-height:0;display:grid!important;grid-template-columns:1fr;gap:8px!important}
  html body .team-panel>div:first-child{display:contents!important}
  html body .kt-team-label{order:0;margin:0!important}
  html body .team-name-tag{order:1}
  html body .team-roster{order:2;margin:0!important}
  html body .team-score{order:3;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;min-width:0!important;max-width:100%!important;gap:6px!important}
  html body .score-value{min-width:0!important;text-align:center!important;font-size:26px!important}
  html body .team-perks{order:4;margin-top:2px!important}
  html body .heist-score-grid,html body .scout-btn{order:3}
}