/* gw-drives.css — Drive X-Ray possession ledger (drivexray1007). One row = one possession.
   Uses the site tokens (gw-tokens.css) with safe fallbacks; the peek reuses .gwql from gw-quicklook.css. */
.gwd-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.gwd-bar label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tm,#8a7068)}
.gwd-bar .gwd-sp{flex:1}
.gwd-grp{display:inline-flex;gap:4px;flex-wrap:wrap}
.gwd-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:4px 0 12px}
.gwd-tm{display:flex;align-items:center;gap:10px;min-width:0}
.gwd-tm.h{flex-direction:row-reverse;text-align:right}
.gwd-tm b{font-size:18px;font-weight:800;color:var(--tw,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gwd-tm b .ab{display:none}
.gwd-tm small{display:block;font-size:12px;color:var(--t2,#a1a1aa);font-weight:500}
.gwd-sc{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--tw,#fff);white-space:nowrap}
.gwd-sc span{color:var(--tm,#8a7068);font-weight:500;margin:0 8px}
.gwd-sum{display:grid;grid-template-columns:auto repeat(var(--n,9),minmax(0,1fr));gap:0;border:1px solid var(--bd,#332020);border-radius:var(--r-md,12px);overflow:hidden;margin:0 0 14px;font-variant-numeric:tabular-nums}
.gwd-sum>div{padding:7px 8px;font-size:13px;text-align:center;border-bottom:1px solid var(--bd,#332020);background:var(--bg2,#140a0a)}
.gwd-sum>div.k{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tm,#8a7068);background:var(--bg3,#1f1212)}
.gwd-sum>div.t{text-align:left;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}
.gwd-sum>div:nth-last-child(-n+10){border-bottom:0}
.gwd-sum .is-pv{color:var(--gold,#fbbf24)}
.gwd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bd,#332020);border-radius:var(--r-md,12px)}
.gwd-t{min-width:880px;font-size:12.5px;font-variant-numeric:tabular-nums}
.gwd-r{display:grid;grid-template-columns:24px 60px 66px 58px minmax(110px,1.5fr) 88px minmax(90px,1fr) 50px 92px 30px 48px 44px;align-items:center;column-gap:8px;padding:6px 10px;border-bottom:1px solid color-mix(in oklab,var(--bd,#332020) 70%,transparent);border-left:3px solid transparent;cursor:pointer;outline:none}
.gwd-t.np .gwd-r{grid-template-columns:24px 60px 66px 58px minmax(110px,1.5fr) 88px minmax(90px,1fr) 50px 92px 30px}
.gwd-r.hd{cursor:default;position:sticky;top:0;z-index:1;background:var(--bg3,#1f1212);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tm,#8a7068);padding-top:8px;padding-bottom:8px}
.gwd-r:not(.hd):hover,.gwd-r.on{background:rgba(212,160,23,.05)}
.gwd-r:focus-visible{box-shadow:inset 0 0 0 2px var(--purp,#d4a017)}
.gwd-r.alt{background:rgba(255,255,255,.015)}
.gwd-hl .gwd-r.gp{border-left-color:var(--heat-pos-4,#2f8f55)}
.gwd-hl .gwd-r.gn{border-left-color:var(--heat-neg-4,#b0442e)}
.gwd-n{color:var(--tm,#8a7068)}
.gwd-team{display:flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap;overflow:hidden}
.gwd-team img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.gwd-q{color:var(--t2,#a1a1aa);white-space:nowrap}
.gwd-st{white-space:nowrap}
.c-pyt{white-space:nowrap}
.gwd-num{text-align:right}
.gwd-c{text-align:center}
.gwd-mut{color:var(--tm,#8a7068)}
/* field-position microbar: own goal line left, opponent goal line right */
.gwd-fld{position:relative;height:14px;border-radius:3px;background:var(--bg3,#1f1212);overflow:hidden}
.gwd-fld:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.06) calc(10% - 1px),rgba(255,255,255,.06) 10%)}
.gwd-fld .rz{position:absolute;top:0;bottom:0;right:0;width:20%;background:rgba(248,113,113,.10)}
.gwd-fld .fl{position:absolute;top:3px;bottom:3px;border-radius:2px;background:var(--seq-3,rgba(212,160,23,.38))}
.gwd-fld .fl.td{background:var(--gold,#fbbf24)}
.gwd-fld .fl.to{background:var(--heat-neg-3,#8a3a2a)}
.gwd-fld .st{position:absolute;top:1px;bottom:1px;width:2px;background:var(--t2,#a1a1aa)}
.gwd-fld .en{position:absolute;top:0;bottom:0;width:2px;background:var(--tw,#fff)}
/* per-play markers */
.gwd-dots{display:flex;flex-wrap:wrap;gap:2px;align-items:center;line-height:0}
.gwd-dots i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--bd,#4a3030)}
.gwd-dots i.s{background:#4fae6f}
.gwd-dots i.x{background:var(--gold,#fbbf24);box-shadow:0 0 0 1.5px rgba(251,191,36,.35)}
.gwd-dots i.n{background:#c4513c}
.gwd-dots i.t{background:transparent;border-radius:0;width:8px;height:8px;position:relative}
.gwd-dots i.t:before,.gwd-dots i.t:after{content:"";position:absolute;left:3px;top:-1px;width:2px;height:10px;background:var(--gw-bad,#f87171);transform:rotate(45deg)}
.gwd-dots i.t:after{transform:rotate(-45deg)}
.gwd-res{display:inline-block;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid var(--bd,#332020);color:var(--t2,#a1a1aa)}
.gwd-res.TD{color:#1a0e0e;background:var(--gold,#fbbf24);border-color:transparent}
.gwd-res.FG{color:var(--gold-b,#fcd34d);border-color:var(--bd-a,rgba(212,160,23,.35))}
.gwd-res.TO,.gwd-res.Safety{color:#f2b8ad;border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.08)}
.gwd-res.Downs,.gwd-res.MFG{color:#e8c3b9;border-color:rgba(248,113,113,.25)}
.gwd-pts{font-weight:800;text-align:right}
.gwd-pv{text-align:right;color:var(--gold-b,#fcd34d)}
.gwd-gap{text-align:right;font-weight:700}
.gwd-gap.p{color:var(--gw-good,#4ade80)}.gwd-gap.n{color:var(--gw-bad,#f87171)}
.gwd-rz{font-size:10px;font-weight:800;color:#f2a093;letter-spacing:.04em}
/* expanded plays */
.gwd-pl{grid-column:1/-1;margin:6px 0 4px;border:1px solid var(--bd,#332020);border-radius:8px;overflow:hidden;cursor:default}
.gwd-pl table{width:100%;border-collapse:collapse;font-size:12px}
.gwd-pl th,.gwd-pl td{padding:5px 8px;border-bottom:1px solid color-mix(in oklab,var(--bd,#332020) 60%,transparent);text-align:left;vertical-align:top}
.gwd-pl th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--tm,#8a7068);font-weight:500;background:var(--bg3,#1f1212)}
.gwd-pl td.d{color:var(--t2,#a1a1aa);min-width:260px}
.gwd-pl td{white-space:nowrap}
.gwd-pl td.d{white-space:normal}
.gwd-pl td.y,.gwd-pl td.e{text-align:right;white-space:nowrap}
.gwd-pl tr.s td.y{color:var(--gw-good,#4ade80)}.gwd-pl tr.x td.y{color:var(--gold,#fbbf24);font-weight:700}.gwd-pl tr.n td.y{color:var(--gw-bad,#f87171)}
.gwd-pl tr.t td{background:rgba(248,113,113,.07)}
.gwd-pl tr.pen td{color:var(--tm,#8a7068)}
.gwd-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11.5px;color:var(--t2,#a1a1aa);margin:10px 2px 0}
.gwd-legend span{display:inline-flex;align-items:center;gap:6px}
.gwd-legend .gwd-dots{display:inline-flex}
.gwd-legend .sw{display:inline-block;width:3px;height:14px;border-radius:2px}
.gwd-note{font-size:12px;color:var(--tm,#8a7068);margin:8px 2px 0}
.gwd-empty{padding:24px;text-align:center;color:var(--t2,#a1a1aa)}
/* peek (inside .gwql) */
.gwql .gwd-pk-l{font-size:12.5px;color:var(--t2,#a1a1aa)}
.gwql .gwd-pk-g{font-size:12px}
.gwql .gwd-pk-g.p{color:var(--gw-good,#4ade80)}.gwql .gwd-pk-g.n{color:var(--gw-bad,#f87171)}
.gwql .gwd-vp{border:1px solid var(--gold,#fbbf24);background:transparent;color:var(--gold,#fbbf24);border-radius:8px;padding:5px 10px;font:600 12px/1 inherit;font-family:inherit;cursor:pointer}
.gwql .gwd-vp:focus-visible{outline:none;box-shadow:var(--ring,0 0 0 2px #d4a017)}
@media (max-width:760px){
  .gwd-head{grid-template-columns:1fr auto 1fr;gap:8px}
  .gwd-tm b{font-size:16px}.gwd-tm small{display:none}.gwd-tm b .fn{display:none}.gwd-tm b .ab{display:inline}
  .gwd-tm img{width:30px;height:30px}
  .gwd-sl{display:none}
  .gwd-sum>div{padding:7px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gwd-sum>div.k{font-size:9.5px;letter-spacing:.04em}
  .gwd-r>.gwd-pv,.gwd-r>.gwd-gap{white-space:nowrap}
  .gwd-sc{font-size:22px}.gwd-sc span{margin:0 4px}
  .gwd-sum{grid-template-columns:auto repeat(var(--nm,4),minmax(0,1fr))}
  .gwd-sum>div.m{display:none}
  .gwd-sum>div:nth-last-child(-n+10){border-bottom:1px solid var(--bd,#332020)}
  .gwd-scroll{overflow:visible;border:0}
  .gwd-t{min-width:0}
  .gwd-r.hd{display:none}
  .gwd-r,.gwd-t.np .gwd-r{grid-template-columns:66px minmax(0,1fr) auto 86px;grid-template-areas:"tm q res pts" "fld fld fld pv" "dots dots dots gap" "pl pl pl pl";row-gap:5px;padding:9px 10px;border:1px solid var(--bd,#332020);border-left-width:3px;border-radius:10px;margin:0 0 6px}
  .gwd-r>.gwd-n,.gwd-r>.c-st,.gwd-r>.c-pyt,.gwd-r>.c-34{display:none}
  .gwd-r>.gwd-team{grid-area:tm}.gwd-r>.gwd-q{grid-area:q}.gwd-r>.c-res{grid-area:res}.gwd-r>.gwd-pts{grid-area:pts}
  .gwd-r>.c-fld{grid-area:fld}.gwd-r>.gwd-pv{grid-area:pv}.gwd-r>.c-dots{grid-area:dots}.gwd-r>.gwd-gap{grid-area:gap}
  .gwd-r>.gwd-pl{grid-area:pl}
  .gwd-r>.gwd-q{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .gwd-r>.gwd-q:after{content:attr(data-m);display:block;font-size:11px;color:var(--tm,#8a7068);overflow:hidden;text-overflow:ellipsis}
  .gwd-r>.gwd-pv:before{content:"Process ";font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--tm,#8a7068);font-weight:500}
  .gwd-r>.gwd-gap:before{content:"Gap ";font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--tm,#8a7068);font-weight:500}
  .gwd-pl{overflow:hidden}
  .gwd-pl thead{display:none}
  .gwd-pl tr{display:grid;grid-template-columns:44px 74px minmax(0,1fr) 40px 48px;column-gap:6px;padding:6px 8px;border-bottom:1px solid color-mix(in oklab,var(--bd,#332020) 60%,transparent)}
  .gwd-pl td{padding:0;border:0;min-width:0}
  .gwd-pl td.q,.gwd-pl td.ty{display:none}
  .gwd-pl td.d{grid-column:1/-1;min-width:0;margin-top:3px;font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.gwd-r{transition:none}}
.gwql-sheet.gwd-pk .gwql-head{padding-right:34px}