/* gw-field.css — the Field Explorer (gw-field.js). Phone first at 390px; on /field.html at 960px+ the filters sit
   in a sidebar. Uses the player page's tokens when it is on a player page, the same values otherwise. */
.gwf{--f-bg:var(--bg,#05080e);--f-card:var(--card,#0a0f17);--f-card2:var(--card2,#0d131c);--f-line:var(--line2,#1f2a38);--f-line3:var(--line3,#2a3748);
  --f-text:var(--text,#eef2f8);--f-dim:var(--dim,#9aa8bb);--f-mute:var(--mute,#6f7f94);--f-green:var(--green,#00e676);--f-gold:var(--gold,#ffb700);--f-red:var(--red,#ff5c5c);
  --f-mono:var(--mono,'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace);--f-cond:var(--cond,'Barlow Condensed','Arial Narrow',sans-serif);--f-sans:var(--sans,Barlow,system-ui,-apple-system,sans-serif);
  color:var(--f-text);font:15px/1.45 var(--f-sans);min-width:0}
.gwf *{box-sizing:border-box}
.gwf button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.gwf button:focus-visible,.gwf [tabindex]:focus-visible{outline:2px solid var(--f-green);outline-offset:2px}
.gwf-load,.gwf-static{border:1px solid var(--f-line);background:var(--f-card);border-radius:14px;padding:18px 16px;color:var(--f-dim);font-size:14px}
.gwf-static b{color:var(--f-text)}

/* segmented controls (season, plays, view) — same look as the page's scoring switch */
.gwf-top{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.gwf-top .gwf-seg{flex:1 1 auto}
.gwf-top .gwf-seg:first-child:not(:only-child){flex:0 1 150px}
.gwf-top .gwf-seg button{font-size:14px;letter-spacing:.03em;padding:0 6px}
.gwf-seg{display:flex;background:var(--f-card);border:1px solid var(--f-line);border-radius:12px;overflow:hidden}
.gwf-seg button{flex:1;min-height:44px;border:0;background:transparent;color:var(--f-dim);font:700 15px/1.1 var(--f-cond);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:0 8px}
.gwf-seg button+button{border-left:1px solid var(--f-line)}
.gwf-seg button[aria-pressed=true]{background:var(--f-green);color:#032614}
.gwf-views{margin:0 0 10px}
.gwf-seg-s button{min-height:40px;font-size:14px;letter-spacing:.03em;text-transform:none;font-weight:700}

/* layout */
.gwf-body{display:block}
.gwf-side{margin:0 0 10px}
.gwf-main{min-width:0}
.gwf-ftog{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;padding:0 14px;border:1px solid var(--f-line);border-radius:12px;background:var(--f-card);cursor:pointer;font:700 15px var(--f-cond)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--f-text)!important}
.gwf-ftog b{min-width:22px;height:22px;border-radius:11px;background:var(--f-green);color:#032614;font:700 13px/22px var(--f-mono);text-align:center;letter-spacing:0}
.gwf-ftog b:empty{display:none}
.gwf-ftog i{margin-left:auto;width:9px;height:9px;border-right:2px solid var(--f-dim);border-bottom:2px solid var(--f-dim);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.gwf-ftog[aria-expanded=true] i{transform:rotate(-135deg) translate(-2px,-2px)}
.gwf-fp{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px 12px;padding:14px;margin-top:8px;border:1px solid var(--f-line);border-radius:12px;background:var(--f-card)}
.gwf-fp[hidden]{display:none}
.gwf-g{min-width:0}
.gwf-g-chips,.gwf-g-range,.gwf-g-full{grid-column:1/-1}
.gwf-gh{grid-column:1/-1;margin:4px 0 -4px;padding-top:12px;border-top:1px solid var(--f-line);font:700 12px var(--f-cond);letter-spacing:.08em;text-transform:uppercase;color:var(--f-dim)}
.gwf-gl{display:flex;align-items:baseline;gap:8px;font:600 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--f-mute);margin:0 0 7px}
.gwf-gl span{text-transform:none;letter-spacing:0;color:#4d5b6e;font-weight:500}
.gwf-gl b{margin-left:auto;color:var(--f-text);font-weight:600;letter-spacing:0;text-transform:none;font-size:12px}
.gwf-g-range.on .gwf-gl b{color:var(--f-green)}
.gwf-chips{display:flex;flex-wrap:wrap;gap:6px}
.gwf-chips button{min-width:44px;min-height:40px;padding:4px 10px;border:1px solid var(--f-line);border-radius:10px;background:var(--f-card2);color:var(--f-dim);font:600 14px var(--f-sans);cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.gwf-chips button b{font:700 15px var(--f-cond);color:inherit}
.gwf-chips button small{font:500 10.5px var(--f-mono);color:var(--f-mute);margin-top:1px}
.gwf-chips button[aria-pressed=true]{border-color:var(--f-green);background:#04160d;color:var(--f-green)}
.gwf-chips button[aria-pressed=true] small{color:#3fbf7f}
.gwf-rr{position:relative;height:34px}
.gwf-rt{position:absolute;left:12px;right:12px;top:15px;height:4px;border-radius:2px;background:var(--f-line3)}
.gwf-rf{position:absolute;top:0;bottom:0;background:var(--f-mute);border-radius:2px}
.gwf-g-range.on .gwf-rf{background:var(--f-green)}
.gwf-rr input{position:absolute;left:0;top:0;width:100%;height:34px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.gwf-rr input::-webkit-slider-runnable-track{background:none;height:34px}
.gwf-rr input::-moz-range-track{background:none}
.gwf-rr input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:26px;height:26px;margin-top:4px;border-radius:50%;background:var(--f-text);border:3px solid var(--f-bg);box-shadow:0 0 0 1px var(--f-line3);cursor:pointer}
.gwf-rr input::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;background:var(--f-text);border:3px solid var(--f-bg);cursor:pointer}
.gwf-rr input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--f-green)}
.gwf-reset{grid-column:1/-1;justify-self:start;min-height:40px;padding:0 14px;border:1px solid var(--f-line);border-radius:10px;background:transparent;color:var(--f-dim);font:600 14px var(--f-sans);cursor:pointer}

/* count line */
.gwf-count{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 2px 8px;font-size:14px;color:var(--f-dim)}
.gwf-count>b{font:800 20px var(--f-cond);color:var(--f-text)}
.gwf-count button{border:0;background:none;padding:6px 4px;margin:-6px 0;color:var(--f-green);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.gwf-thru{margin-left:auto;font:500 11px var(--f-mono);color:var(--f-mute);letter-spacing:.04em}

/* the field + legend + title card: one block, sized to screenshot on a phone */
.gwf-shot{max-width:600px;margin:0 auto;border:1px solid var(--f-line);border-radius:16px;overflow:hidden;background:#0b0d10}
.gwf-fcol,.gwf-rcol{min-width:0}
.gwf-field{background:#121418;--u:1.7}
.gwf-svg{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}
.gwf-svg text{font-family:var(--f-mono);pointer-events:none}
.gwf-yl{fill:#d9dee5;font-weight:700}
.gwf-los{fill:#f2f4f7;font-weight:700;letter-spacing:.04em;font-family:var(--f-cond)!important}
.gwf-wm{font-family:var(--f-cond)!important;font-weight:800;letter-spacing:.18em;fill:#00d4ff}
.gwf-wm tspan{fill:#9aa8bb;letter-spacing:.24em;font-weight:700}
.gwf-lane{fill:rgba(255,255,255,.22);letter-spacing:.16em;font-weight:600}
.gwf-gap{fill:#9aa8bb;font-weight:700}
.gwf-deep{fill:var(--f-gold);font-weight:700}
.gwf-zn{font-family:var(--f-cond)!important;font-weight:800;fill:#fff}
.gwf-zs{fill:#dde4ec;font-weight:600}
.gwf-z0{fill:#3a4658}
.gwf-rn{font-family:var(--f-cond)!important;font-weight:700;fill:#f2f5f9;letter-spacing:.02em}
.gwf-rs{fill:#9aa8bb}
.gwf-empty{font-family:var(--f-sans)!important;fill:var(--f-mute)}
.gwf-hit{cursor:pointer;outline:none}
.gwf-hit:focus-visible{stroke:var(--f-green);stroke-width:2px}

/* NGS-style legend and card */
.gwf-shot .gwf-legend{margin:0;padding:12px 14px 4px;gap:8px 16px;background:#0b0d10}
.gwf-shot .gwf-li{font:700 12.5px/1.2 var(--f-cond);letter-spacing:.07em;text-transform:uppercase;color:#e6ebf1}
.gwf-shot .gwf-lt{font:500 13px/1.4 var(--f-sans);letter-spacing:0;text-transform:none;color:#b8c3cf;flex-basis:100%}
.gwf-shot .gwf-scale{font:600 11px var(--f-mono);color:#9aa8bb;letter-spacing:0;text-transform:none}
.gwf-card{padding:4px 12px 12px;background:#0b0d10}
.gwf-sw.los{width:auto;height:auto;border-radius:0;background:none;font:800 12px/1 var(--f-cond);font-style:normal;color:#fff;letter-spacing:.04em;padding:0 0 2px;border-bottom:3px solid #2f6bff}
/* game picker: one game at a time, like NGS */
.gwf-games{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding:1px 0 2px;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent)}
.gwf-games::-webkit-scrollbar{display:none}
.gwf-games button{flex:0 0 auto;min-width:56px;min-height:46px;padding:4px 10px;border:1px solid var(--f-line);border-radius:10px;background:var(--f-card);color:var(--f-dim);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.gwf-games button b{font:800 15px var(--f-cond);letter-spacing:.03em;color:inherit}
.gwf-games button small{font:600 10.5px var(--f-mono);color:var(--f-mute);margin-top:2px;white-space:nowrap}
.gwf-games button[aria-pressed=true]{border-color:var(--f-green);background:#04160d;color:var(--f-green)}
.gwf-games button[aria-pressed=true] small{color:#3fbf7f}
.gwf-t tr.on td{background:#0f1a14}
.gwf-ct{display:flex;align-items:baseline;gap:10px;margin:6px 2px 8px}
.gwf-ct span{font:800 italic clamp(26px,7.4vw,34px)/1 var(--f-cond);text-transform:uppercase;letter-spacing:.01em;color:#fff}
.gwf-ct em{margin-left:auto;font:700 11px var(--f-mono);font-style:normal;color:#00d4ff;letter-spacing:.06em}
.gwf-pcd{display:grid;grid-template-columns:78px minmax(0,1fr);border:1px solid #1d2733;border-radius:10px;overflow:hidden;background:#0b1118}
.gwf-hs{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:10px 6px 8px;background:linear-gradient(180deg,#121a24,#0a0f15);border-right:1px solid #1d2733}
.gwf-face{position:relative;width:62px;height:62px;border-radius:50%;overflow:hidden;background:#16202c;border:2px solid #2a3748;display:flex;align-items:center;justify-content:center}
.gwf-face span{font:800 22px var(--f-cond);color:#6f7f94}
.gwf-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.gwf-hs b{font:700 12px var(--f-cond);letter-spacing:.06em;color:#9aa8bb;white-space:nowrap}
.gwf-pm{min-width:0;display:flex;flex-direction:column}
.gwf-pn{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:9px 12px;background:#151e29;border-bottom:1px solid #1d2733}
.gwf-pn strong{font:800 19px/1.05 var(--f-cond);text-transform:uppercase;letter-spacing:.03em;color:#fff}
.gwf-pn span{font:600 12.5px var(--f-cond);letter-spacing:.05em;text-transform:uppercase;color:#aeb8c5}
.gwf-fw{display:flex;flex-wrap:wrap;gap:4px;padding:7px 12px 0}
.gwf-fw span{font:700 11px var(--f-cond);letter-spacing:.06em;text-transform:uppercase;color:#ffb700;border:1px solid rgba(255,183,0,.35);border-radius:5px;padding:1px 6px}
.gwf-sts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 6px 10px;margin-top:auto}
.gwf-sts div{display:flex;flex-direction:column;align-items:center;min-width:0}
.gwf-sts small{font:600 10px var(--f-cond);letter-spacing:.03em;text-transform:uppercase;color:#8a97a8;white-space:nowrap}
.gwf-sts b{font:800 clamp(19px,5.6vw,26px)/1.1 var(--f-cond);color:#fff;white-space:nowrap}
.gwf-sts b.up{color:var(--f-green)}.gwf-sts b.dn{color:var(--f-red)}

/* legend, play card, note */
.gwf-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 2px 0;font-size:13px;color:var(--f-dim);align-items:center}
.gwf-li{display:inline-flex;align-items:center;gap:6px}
.gwf-sw{width:11px;height:11px;border-radius:50%;background:var(--c);flex:none;display:inline-block}
.gwf-sw.h{background:rgba(111,127,148,.18);border:1.5px solid var(--c)}
.gwf-sw.r{background:none;border:2px solid var(--c);width:14px;height:14px}
.gwf-sw.l{width:18px;height:3px;border-radius:2px}
.gwf-sw.d{width:18px;height:0;border-radius:0;border-top:2px dashed var(--f-dim);background:none}
.gwf-sw.x{background:none;position:relative;border-radius:0}
.gwf-sw.x::before,.gwf-sw.x::after{content:'';position:absolute;left:5px;top:-1px;width:2px;height:13px;background:var(--f-red);transform:rotate(45deg)}
.gwf-sw.x::after{transform:rotate(-45deg)}
.gwf-scale{display:inline-flex;align-items:center;gap:6px;font:500 11px var(--f-mono);color:var(--f-mute)}
.gwf-scale i{width:70px;height:8px;border-radius:4px;order:1}
.gwf-scale span:nth-child(2){order:0}.gwf-scale span:nth-child(3){order:3}.gwf-scale span:nth-child(4){order:2}
.gwf-detail:empty{display:none}
.gwf-dc{position:relative;margin:10px 0 0;padding:12px 44px 12px 14px;border:1px solid var(--f-gold);border-radius:12px;background:#120f05}
.gwf-x{position:absolute;right:4px;top:4px;width:40px;height:40px;border:0;background:none;color:var(--f-dim);font-size:24px!important;line-height:1;cursor:pointer}
.gwf-note{margin:10px 2px 0;font-size:12.5px;line-height:1.5;color:var(--f-mute);max-width:70ch}

/* a play (card and list) */
.gwf-ph{display:flex;align-items:baseline;gap:10px}
.gwf-pw{font:600 12px var(--f-mono);color:var(--f-dim);letter-spacing:.02em}
.gwf-pres{margin-left:auto;font:800 18px var(--f-cond);color:var(--f-text);white-space:nowrap}
.gwf-pres.td{color:var(--f-gold)}.gwf-pres.bad{color:var(--f-red)}
.gwf-ps{font-size:14px;color:var(--f-text);margin-top:2px}
.gwf-ps b{font-weight:700}
.gwf-pc{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.gwf-pc span{font:500 11.5px var(--f-mono);color:var(--f-dim);border:1px solid var(--f-line);border-radius:6px;padding:2px 6px}
.gwf-pd{margin-top:7px;font-size:13px;line-height:1.45;color:var(--f-mute)}

/* readout tabs */
.gwf-tabs{display:flex;gap:4px;margin:18px 0 10px;border-bottom:1px solid var(--f-line);overflow-x:auto;scrollbar-width:none}
.gwf-tabs::-webkit-scrollbar{display:none}
.gwf-tabs button{flex:1 0 auto;min-height:44px;padding:0 12px;border:0;border-bottom:3px solid transparent;background:none;color:var(--f-mute);font:700 15px var(--f-cond);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.gwf-tabs button[aria-selected=true]{color:var(--f-text);border-bottom-color:var(--f-green)}
.gwf-ins{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gwf-ins li{padding:11px 14px;border:1px solid var(--f-line);border-radius:12px;background:var(--f-card);font-size:14.5px;line-height:1.5;color:var(--f-dim)}
.gwf-ins li b{display:block;font:700 13px var(--f-cond);letter-spacing:.07em;text-transform:uppercase;color:var(--f-green);margin-bottom:2px}
.gwf-tw{overflow-x:auto;border:1px solid var(--f-line);border-radius:12px;background:var(--f-card)}
.gwf-t{width:100%;border-collapse:collapse;font:500 12.5px var(--f-mono);font-variant-numeric:tabular-nums}
.gwf-t th,.gwf-t td{padding:9px 5px;text-align:right;white-space:nowrap;border-bottom:1px solid #121a25}
.gwf-t th:first-child,.gwf-t td:first-child{text-align:left;font-family:var(--f-sans);font-weight:600;padding-left:10px;color:var(--f-text)}
.gwf-t th:last-child,.gwf-t td:last-child{padding-right:10px}
.gwf-t thead th{font:600 10.5px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--f-mute);position:sticky;top:0;background:var(--f-card)}
.gwf-t .gwf-tg th{text-align:left;font:700 12px var(--f-cond);letter-spacing:.08em;text-transform:uppercase;color:var(--f-mute);padding-top:12px;background:var(--f-card2)}
.gwf-tap{cursor:pointer}
.gwf-tap:hover td,.gwf-tap:focus-visible td{background:#0f1722}
.gwf-o{color:var(--f-mute);font-weight:500;font-family:var(--f-mono);font-size:12px}
.gwf-hint,.gwf-empty2{margin:8px 2px 0;font-size:12.5px;color:var(--f-mute)}
.gwf-pls{display:grid;gap:8px}
.gwf-pl{padding:11px 14px;border:1px solid var(--f-line);border-radius:12px;background:var(--f-card);cursor:pointer}
.gwf-pl.on{border-color:var(--f-gold)}
.gwf-ins+.gwf-more{margin-top:8px;width:100%}
.gwf-more,.gwf-only button{min-height:44px;border:1px solid var(--f-line);border-radius:10px;background:var(--f-card2);color:var(--f-text);font:600 14px var(--f-sans);cursor:pointer;padding:0 14px}
.gwf-only{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-weight:600}
.gwf-only button{min-height:36px;margin-left:auto}

/* /field.html: filters in a sidebar on wide screens */
@media (min-width:960px){
  .gwf-wide .gwf-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
  .gwf-wide .gwf-side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;margin:0;scrollbar-width:thin}
  .gwf-wide .gwf-ftog{display:none}
  .gwf-wide .gwf-fp{margin:0;grid-template-columns:1fr}
  .gwf-wide .gwf-fp[hidden]{display:grid}
}
@media (min-width:1240px){
  .gwf-wide .gwf-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
  .gwf-wide .gwf-tabs{margin-top:0}
}
@media (prefers-reduced-motion:reduce){.gwf *{transition:none!important;scroll-behavior:auto!important}}