/* Nový web GPM — admin: reporty zápasů a nahlášené kontumace (app-adm-reports.js, #/admin/reports).
   Všechny třídy mají předponu ar-. Staví na proměnných z gpm.css a na prvcích z css-kit.css (.kin, .kf-bar, .pill, .card, .drawer).
   Hranice jako v css-mobile.css: ≤ 1340 menší počítač · ≤ 1180 tablet na šířku · ≤ 900 tablet na výšku · ≤ 640 telefon — pravidla pro ně jsou na konci. */

/* ═════════ seznam a detail vedle sebe ═════════ */
.ar-lead { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 14px; color: var(--ink2); font-size: 15px; }
.ar-lead b { color: var(--gold); font: 900 22px/1 var(--fd); font-stretch: 125%; margin-right: 2px; }
.ar-lead .lbl { margin-left: auto; }
.ar-chips { margin-bottom: 16px; }
.ar-chips .chip b { font: 700 11px/1 var(--fm); opacity: .75; }
.ar-split { display: grid; grid-template-columns: minmax(0, 348px) minmax(0, 1fr); gap: 20px; align-items: start; }
.ar-list, .ar-pane { min-width: 0; }
.ar-rows { padding: 8px; }
.ar-back { display: none; margin-bottom: 12px; }
.ar-none { margin: 0; padding: 16px 12px; }
.ar-dim { margin: 0; color: var(--mut); font-size: 13.5px; line-height: 1.5; }

.ar-row { display: block; padding: 12px 14px; border-radius: 10px; transition: background-color .15s; }
.ar-row + .ar-row { margin-top: 2px; }
.ar-row:hover { background: rgba(255,255,255,.04); }
.ar-row.on { background: rgba(242,212,104,.10); box-shadow: inset 3px 0 0 var(--gold); }
.ar-row-top { display: flex; align-items: center; gap: 6px; min-width: 0; }
.ar-row-top .lbl { margin-left: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ar-row-vs { display: flex; align-items: center; gap: 8px; margin-top: 11px; min-width: 0; }
.ar-row-vs b { color: #fff; font: 700 14px/1 var(--fb); white-space: nowrap; }
.ar-row-vs .num { margin: 0 4px; color: #fff; font-size: 19px; white-space: nowrap; }
.ar-row-claim { min-width: 0; margin: 0 2px; color: var(--gold); font: 600 12.5px/1.25 var(--fb); text-align: center; }
.ar-row-sub { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px; color: var(--mut); font: 500 11.5px/1.3 var(--fm); }
.ar-row-sub > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ar-flag { flex: none; font-weight: 600; white-space: nowrap; } .ar-flag.bad { color: var(--loss); } .ar-flag.warn { color: var(--gold); }

/* ═════════ detail reportu ═════════ */
.ar-det { padding: 22px 24px 20px; }
.ar-d-top { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; margin-bottom: 18px; }
.ar-link { margin-left: auto; color: var(--acc); font: 800 11.5px/1 var(--fd); font-stretch: 112%; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.ar-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.ar-board { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px 18px; padding: 20px 22px; border-radius: 14px; border: 1px solid var(--line);
  background: linear-gradient(100deg, color-mix(in srgb, var(--ca) 26%, #101014) 0, #101014 46%, #101014 54%, color-mix(in srgb, var(--cb) 26%, #101014) 100%); }
.ar-team { display: flex; align-items: center; gap: 14px; min-width: 0; }
.ar-team > div { min-width: 0; }
.ar-team b { display: block; color: #fff; font: 800 19px/1.15 var(--fb); overflow-wrap: anywhere; }
.ar-team .lbl { display: block; margin-top: 7px; } .ar-team .lbl.p3 { color: var(--gold); } .ar-team .lbl.p1 { color: var(--win); } .ar-team .lbl.p0 { color: var(--loss); }
.ar-team .num { margin-left: auto; color: #fff; font-size: 56px; }
.ar-team.a { flex-direction: row-reverse; text-align: right; } .ar-team.a .num { margin: 0 auto 0 0; }
.ar-mid { display: grid; justify-items: center; gap: 7px; text-align: center; }
.ar-mid i { color: rgba(255,255,255,.3); font: 900 34px/1 var(--fd); font-style: normal; }
.ar-gl { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ar-gl span { display: inline-flex; align-items: center; gap: 8px; height: 28px; padding: 0 11px 0 4px; border-radius: 8px; border: 1px solid var(--line); background: rgba(255,255,255,.03); color: #fff; font: 700 13px/1 var(--fm); }
.ar-gl i { height: 20px; padding: 0 6px; display: grid; place-items: center; border-radius: 5px; background: rgba(255,255,255,.08); color: var(--mut); font: 700 10px/1 var(--fd); font-style: normal; letter-spacing: .06em; }
.ar-val { margin-top: 16px; padding: 12px 16px; border-radius: 11px; border: 1px solid rgba(242,212,104,.42); background: rgba(242,212,104,.07); color: var(--ink2); font-size: 14px; line-height: 1.45; }
.ar-val b { color: #fff; font-weight: 700; }
.ar-val ul { margin: 8px 0 0; padding-left: 20px; } .ar-val li + li { margin-top: 3px; } .ar-val li.err { color: #ffb3ba; font-weight: 600; }
.ar-val.bad { border-color: rgba(255,93,108,.55); background: rgba(255,93,108,.09); }
.ar-val.ok { border-color: rgba(61,220,151,.35); background: rgba(61,220,151,.07); } .ar-val.ok b { color: var(--win); }
.ar-reason { margin-top: 14px; padding: 12px 16px; border-radius: 11px; border: 1px solid var(--line); background: rgba(0,0,0,.25); }
.ar-reason p { margin: 7px 0 0; color: #fff; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.ar-reason.bad { border-color: rgba(255,93,108,.45); background: rgba(255,93,108,.07); } .ar-reason.bad .lbl { color: var(--loss); }
.ar-h { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin: 26px 0 12px; color: #fff; font: 900 12.5px/1.2 var(--fd); font-stretch: 122%; letter-spacing: .12em; text-transform: uppercase; }
.ar-h .lbl { letter-spacing: .04em; text-transform: none; font-size: 11.5px; }
.ar-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 24px; align-items: start; }
.ar-side-h { display: flex; align-items: center; gap: 9px; min-width: 0; padding-bottom: 9px; border-bottom: 1px solid var(--line); }
.ar-side-h b { min-width: 0; color: #fff; font: 700 15px/1.2 var(--fb); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ar-side-h .lbl { margin-left: auto; white-space: nowrap; }
.ar-scroll { overflow-x: auto; }
/* css-mobile.css dělá z každé tabulky .t blok posouvaný do strany s šířkou podle obsahu; tahle je úzká a má se vejít (jména se zalomí) */
table.t.ar-tbl { display: table; overflow: visible; } table.t.ar-tbl > tbody { display: table-row-group; width: auto; min-width: 0; }
.ar-tbl td, .ar-tbl th { padding: 8px 6px; } .ar-tbl th:first-child, .ar-tbl td:first-child { padding-left: 0; }
.ar-tbl td.l { white-space: normal; line-height: 26px; }
.ar-tbl td.l > * { vertical-align: middle; margin-right: 3px; }
.ar-tbl td.l b { color: #fff; font: 600 14px/1.2 var(--fb); white-space: nowrap; }
.ar-tbl tr.dnp td { opacity: .55; }
.ar-tag { flex: none; min-width: 24px; height: 22px; padding: 0 5px; display: inline-grid; place-items: center; border-radius: 6px; border: 0; background: rgba(255,255,255,.08); color: var(--ink2); font: 800 10.5px/1 var(--fd); letter-spacing: .02em; }
.ar-tag.g { background: color-mix(in srgb, var(--acc) 26%, transparent); color: #fff; }
button.ar-tag { cursor: pointer; } button.ar-tag:hover { box-shadow: 0 0 0 1.5px rgba(255,255,255,.35); }
.ar-extra { margin-top: 12px; }
.ar-bot { display: grid; gap: 9px; }
.ar-bot > div { display: flex; align-items: flex-start; gap: 11px; color: var(--ink2); font-size: 14px; line-height: 1.5; }
.ar-bot i { flex: none; width: 20px; height: 20px; margin-top: 1px; display: grid; place-items: center; border-radius: 50%; background: rgba(61,220,151,.16); color: var(--win); font: 800 11px/1 var(--fm); font-style: normal; }
.ar-bot .wait i { background: rgba(242,212,104,.18); color: var(--gold); } .ar-bot .bad i { background: rgba(255,93,108,.2); color: var(--loss); } .ar-bot .bad span { color: #ffd7da; }
.ar-acts { border-top: 1px solid var(--line2); }
.ar-act { display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 16px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line2); }
.ar-act-b .btn { width: 100%; justify-content: center; }
.ar-act p { margin: 0; color: var(--ink2); font-size: 13.5px; line-height: 1.5; } .ar-act p b { color: #fff; font-weight: 700; }
.ar-red { color: #ff8a95 !important; }
.ar-hist { margin-top: 18px; }
.ar-hist summary { display: flex; align-items: baseline; gap: 12px; cursor: pointer; color: #fff; font: 900 12.5px/1.2 var(--fd); font-stretch: 122%; letter-spacing: .12em; text-transform: uppercase; list-style: none; }
.ar-hist summary::-webkit-details-marker { display: none; }
.ar-hist summary::before { content: "▸"; color: var(--mut); } .ar-hist[open] summary::before { content: "▾"; }
.ar-hist summary .lbl { letter-spacing: .04em; text-transform: none; font-size: 11.5px; }
.ar-hist-row { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line2); color: var(--ink2); font-size: 13.5px; line-height: 1.45; }
.ar-hist-row:last-child { border: 0; } .ar-hist-row b { color: #fff; font-weight: 600; } .ar-hist summary + .ar-hist-row { margin-top: 8px; }
.ar-foot { margin: 16px 0 0; color: var(--mut); font: 500 12px/1.4 var(--fm); } .ar-foot b { color: var(--ink2); font-weight: 600; }
/* nahlášená kontumace */
.ar-claim .lbl:first-child { color: var(--gold); }
.ar-claim h2 { margin: 8px 0 0; color: #fff; font: 800 23px/1.2 var(--fb); overflow-wrap: anywhere; }
.ar-claim-vs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; margin-top: 14px; color: var(--mut); } .ar-claim-vs b { color: var(--ink2); font: 600 14.5px var(--fb); }
.ar-out { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 10px; margin-top: 14px; }
.ar-out > div { padding: 12px 14px; border-radius: 11px; border: 1px solid var(--line); background: rgba(255,255,255,.03); min-width: 0; }
.ar-out b { display: block; margin-top: 8px; color: #fff; font: 700 15px/1.25 var(--fb); overflow-wrap: anywhere; }

/* ═════════ formulář staffu ═════════ */
.ar-ed > .card + .card, .ar-ed > .card + .ar-two-cards, .ar-ed > .kf-notebox + .card { margin-top: 16px; }
.ar-ed > .kf-notebox { margin: 14px 0 0; } .ar-ed > .kf-notebox .btn { margin-left: 6px; vertical-align: middle; }
.ar-ed-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.ar-ed-vs { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 14px; margin-top: 16px; }
.ar-ed-vs b { color: #fff; font: 800 24px/1.15 var(--fb); } .ar-ed-vs span { color: var(--dim); font-weight: 600; }
.ar-ed-srv { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 14px; min-height: 36px; margin-top: 14px; }
.ar-load { display: inline-flex; align-items: center; gap: 9px; color: var(--mut); font-size: 13.5px; }
.ar-sec > h3 .grad { font-size: 20px; margin-right: 2px; }
.ar-two-cards > .ar-sec { margin: 0; }
.ar-games { display: flex; flex-wrap: wrap; gap: 12px; }
.ar-game { width: 178px; padding: 12px 14px 11px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.03); text-align: center; }
.ar-game-in { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 10px 0 9px; } .ar-game-in span { color: var(--dim); font: 900 20px/1 var(--fd); }
.kin.ar-sc { width: 60px; height: 48px; padding: 0; text-align: center; font: 900 24px/1 var(--fd); font-stretch: 125%; }
.ar-res { color: var(--mut); font: 700 10.5px/1 var(--fd); font-stretch: 112%; letter-spacing: .12em; } .ar-res.w { color: var(--win); } .ar-res.l { color: var(--loss); }
.ar-game-next { flex: 1 1 200px; width: auto; display: grid; place-items: center; border-style: dashed; color: var(--mut); font-size: 13px; line-height: 1.4; }
.ar-ser { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line2); }
.ar-ser-n { color: var(--ink2); font: 600 14.5px var(--fb); } .ar-ser .num { color: #fff; font-size: 26px; white-space: nowrap; } .ar-ser .num.w { color: var(--win); } .ar-ser .num.l { color: var(--loss); }
.ar-ser .lbl { margin-left: auto; }
.ar-lp { display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--line2); }
.ar-lp-n { flex: 1 1 auto; display: flex; align-items: center; gap: 8px; min-width: 0; }
.ar-lp-n small { flex: none; width: 30px; color: var(--mut); font: 500 11px var(--fm); }
.ar-lp-n b { min-width: 0; color: #fff; font: 600 14px/1.2 var(--fb); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ar-lp.out .ar-lp-n b { color: var(--mut); }
.ar-seg { flex: none; display: inline-flex; border-radius: 8px; border: 1px solid rgba(255,255,255,.14); overflow: hidden; }
.ar-seg button { height: 32px; margin: 0; padding: 0 10px; border: 0; background: none; color: var(--mut); font: 700 10.5px/1 var(--fd); font-stretch: 112%; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: background-color .15s, color .15s; }
.ar-seg button + button { border-left: 1px solid rgba(255,255,255,.1); }
.ar-seg button:hover { background: rgba(255,255,255,.08); color: #fff; }
.ar-seg button.on { background: var(--grad); color: var(--on); } .ar-seg button.on[data-v="OUT"] { background: rgba(255,255,255,.14); color: #fff; }
.ar-seg button:focus-visible, .ar-step button:focus-visible, .ar-x:focus-visible, .ar-mini:focus-visible, .ar-sub-row:focus-visible { outline: 2px solid var(--acc); outline-offset: -2px; }
.ar-x { flex: none; width: 32px; height: 32px; margin: 0; padding: 0; border-radius: 8px; border: 1px solid rgba(255,93,108,.35); background: none; color: var(--loss); font: 600 18px/1 var(--fm); cursor: pointer; }
.ar-x:hover { background: rgba(255,93,108,.14); }
.ar-sub-wrap { margin-top: 12px; }
.ar-sub { padding: 12px; border-radius: 11px; border: 1px solid var(--line); background: rgba(0,0,0,.22); }
.ar-sub-list { margin: 8px 0 10px; }
.ar-sub-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 0; padding: 9px 10px; border: 0; border-radius: 8px; background: none; color: #fff; text-align: left; cursor: pointer; }
.ar-sub-row:hover { background: rgba(255,255,255,.07); } .ar-sub-row b { font: 600 14px var(--fb); } .ar-sub-row small { color: var(--mut); font: 500 11.5px var(--fm); white-space: nowrap; }
.ar-pc { margin-top: 10px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.ar-pc.gk { border-color: color-mix(in srgb, var(--acc) 32%, transparent); }
.ar-pc-h { display: flex; align-items: center; gap: 8px; min-width: 0; } .ar-pc-h b { min-width: 0; color: #fff; font: 700 14.5px/1.2 var(--fb); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ar-pc-h .lbl { margin-left: auto; white-space: nowrap; text-transform: none; letter-spacing: .04em; }
.ar-stats { display: flex; flex-wrap: wrap; gap: 10px 14px; margin-top: 11px; }
.ar-stats > div { display: grid; gap: 6px; }
.ar-step { display: inline-flex; border-radius: 9px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); overflow: hidden; }
.ar-step button { width: 32px; height: 36px; margin: 0; padding: 0; border: 0; background: none; color: var(--ink2); font: 700 17px/1 var(--fm); cursor: pointer; touch-action: manipulation; user-select: none; -webkit-user-select: none; }
.ar-step button:hover { background: rgba(255,255,255,.1); color: #fff; }
.ar-step .kin { width: 44px; height: 36px; padding: 0; border: 0; border-radius: 0; border-left: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(255,255,255,.1); background: none; text-align: center; font: 700 15px/1 var(--fm); }
.ar-step .kin:focus { box-shadow: inset 0 0 0 2px var(--acc); } .ar-step .kin.zero { color: var(--dim); }
.ar-chk { display: flex; align-items: flex-start; gap: 11px; padding: 10px 13px; border-radius: 10px; border: 1px solid rgba(61,220,151,.3); background: rgba(61,220,151,.06); color: var(--ink2); font-size: 13.5px; line-height: 1.45; }
.ar-chk + .ar-chk { margin-top: 8px; }
.ar-chk i { flex: none; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--win); color: #06231a; font: 800 12px/1 var(--fm); font-style: normal; }
.ar-chk b { display: block; color: #fff; font-weight: 700; }
.ar-chk.bad { border-color: rgba(255,93,108,.45); background: rgba(255,93,108,.07); } .ar-chk.bad i { background: #ff5d6c; color: #fff; }
.ar-diff { margin: 0 0 10px; padding-left: 19px; color: var(--ink2); font-size: 13.5px; line-height: 1.5; } .ar-diff li + li { margin-top: 3px; }
.ar-bar .kf-note { flex: 1 1 260px; }
/* starý tvar reportu */
.ar-leg-res { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 24px; }
.ar-leg-res > div { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px 14px; } .ar-leg-res b { flex: 1 1 140px; align-self: center; color: #fff; font: 700 16px/1.2 var(--fb); }
.ar-lf { display: grid; gap: 5px; justify-items: center; } .ar-lf .kin { width: 54px; height: 36px; padding: 0; text-align: center; font: 700 14.5px/1 var(--fm); }
.ar-leg-res .ar-lf .kin { width: 74px; height: 42px; font-size: 18px; }
.ar-lrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "n b" "i i"; align-items: center; gap: 8px 12px; padding: 10px 0 12px; border-bottom: 1px solid var(--line2); }
.ar-lrow.dnp .ar-lrow-in { opacity: .35; }
.ar-lrow-n { grid-area: n; display: flex; align-items: center; gap: 8px; min-width: 0; } .ar-lrow-n b { min-width: 0; color: #fff; font: 600 14px/1.2 var(--fb); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ar-lrow-in { grid-area: i; display: flex; gap: 8px; } .ar-lrow-in .ar-lf { flex: 0 0 62px; } .ar-lrow-in .ar-lf .kin { width: 100%; } .ar-lrow-b { grid-area: b; display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.ar-mini { height: 32px; margin: 0; padding: 0 9px; border-radius: 8px; border: 1px solid rgba(255,255,255,.16); background: none; color: var(--ink2); font: 700 10px/1 var(--fd); font-stretch: 112%; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.ar-mini:hover { border-color: rgba(255,255,255,.4); color: #fff; } .ar-mini.on { border-color: transparent; background: rgba(255,255,255,.2); color: #fff; }

/* ═════════ menší počítač ═════════ */
@media (max-width: 1340px) {
  .ar-split { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 16px; }
  .ar-det { padding: 20px 20px 18px; }
  .ar-team .num { font-size: 46px; } .ar-team b { font-size: 17px; }
  .ar-det .ar-two { grid-template-columns: minmax(0, 1fr); }
  .ar-act { grid-template-columns: 150px minmax(0, 1fr); gap: 14px; }
}

/* ═════════ tablet na šířku: dotyk ═════════ */
@media (max-width: 1180px) {
  .ar-split { grid-template-columns: minmax(0, 270px) minmax(0, 1fr); }
  .ar-seg button { height: 40px; padding: 0 11px; }
  .ar-x { width: 40px; height: 40px; }
  .ar-step button { width: 40px; height: 44px; } .ar-step .kin { width: 48px; height: 44px; }
  .ar-mini { height: 40px; } .ar-lf .kin { height: 42px; }
  .ar-sub-row { padding: 12px 10px; }
  .ar-ed .ar-two:not(.ar-two-cards) { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .ar-lrow { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "n i b"; align-items: end; } .ar-lrow-n { align-self: center; }      /* jeden sloupec přes celou šířku: jméno, pole i tlačítka v jednom řádku */
}

/* ═════════ tablet na výšku: seznam NEBO detail ═════════ */
@media (max-width: 900px) {
  .ar-split { grid-template-columns: minmax(0, 1fr); }
  .ar:not(.ar-has-sel) .ar-pane { display: none; }
  .ar:not(.ar-has-sel) .ar-row.on { background: none; box-shadow: none; }      /* žádný detail není vidět, tak ani žádný řádek není „vybraný“ */
  .ar.ar-has-sel .ar-rows, .ar.ar-has-sel .ar-list .pager { display: none; }
  .ar.ar-has-sel .ar-back { display: inline-flex; }
  .ar.ar-has-sel .ar-chips, .ar.ar-has-sel .ar-lead { display: none; }
  .ar-rows { padding: 6px; } .ar-row { padding: 14px; }
  .ar-det .ar-two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ar-two-cards { grid-template-columns: minmax(0, 1fr); }
}

/* ═════════ telefon ═════════ */
@media (max-width: 640px) {
  .ar-lead { font-size: 14px; } .ar-lead .lbl { flex: 1 1 100%; margin: 0; }
  .ar-chips { gap: 8px 6px; margin-bottom: 14px; } .ar-chips .chip { height: 40px; padding: 0 12px; }
  .ar-det { padding: 16px 14px; }
  .ar-d-top { margin-bottom: 14px; } .ar-link { margin-left: 0; flex: 1 1 100%; }
  .ar-board { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 6px 14px; background: linear-gradient(180deg, color-mix(in srgb, var(--ca) 22%, #101014) 0, #101014 45%, #101014 55%, color-mix(in srgb, var(--cb) 22%, #101014) 100%); }
  .ar-team, .ar-team.a { flex-direction: row; text-align: left; padding: 12px 0; } .ar-team .num, .ar-team.a .num { margin: 0 0 0 auto; font-size: 40px; } .ar-team b { font-size: 16.5px; }
  .ar-team .tl { --s: 44px !important; }
  .ar-mid { grid-auto-flow: column; justify-content: center; align-items: center; gap: 12px; padding: 7px 0; border-top: 1px solid var(--line2); border-bottom: 1px solid var(--line2); } .ar-mid i { display: none; }
  .ar-det .ar-two, .ar-two { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ar-tbl td, .ar-tbl th { padding: 9px 5px; }
  .ar-act { grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 14px 0; } .ar-act-b .btn { height: 44px; }
  .ar-out { grid-template-columns: 1fr 1fr; } .ar-out > div:first-child { grid-column: 1 / -1; }
  .ar-claim h2 { font-size: 20px; }
  .ar-ed-vs b { font-size: 19px; } .ar-ed-top .btn { height: 40px; }
  .ar-games { gap: 8px; } .ar-game { flex: 1 1 140px; width: auto; padding: 11px 8px 10px; } .kin.ar-sc { width: 58px; height: 50px; font-size: 24px; }
  .ar-ser .lbl { margin-left: 0; flex: 1 1 100%; }
  .ar-lp { flex-wrap: wrap; gap: 8px 6px; padding: 10px 0; } .ar-lp-n { flex: 1 1 100%; } .ar-seg { display: flex; } .ar-seg button { height: 42px; padding: 0 9px; font-size: 10.5px; letter-spacing: .05em; }
  .ar-lp .ar-seg:first-of-type { flex: 1 1 0; min-width: 0; } .ar-lp .ar-seg:first-of-type button { flex: 1 1 0; padding: 0 4px; }
  .ar-stats { gap: 10px 8px; } .ar-stats > div { flex: 1 1 128px; } .ar-step { display: flex; } .ar-step .kin { flex: 1 1 auto; width: 40px; }
  .ar-step .kin, .ar-lf .kin, .ar-sub .kin { font-size: 16px; }
  .ar-bar .kf-note { display: none; }
  .ar-leg-res { grid-template-columns: minmax(0, 1fr); } .ar-leg-res b { flex: 1 1 100%; }
  .ar-lrow { grid-template-columns: minmax(0, 1fr); grid-template-areas: "n" "i" "b"; align-items: center; } .ar-lrow-in .ar-lf { flex: 1 1 0; } .ar-lrow-in .ar-lf .kin { height: 44px; } .ar-lrow-b { justify-content: flex-start; flex-wrap: wrap; } .ar-mini { height: 42px; padding: 0 12px; }
}