/* PickLab UI 5.5 — shared by match, prediction, competition, leagues, team and player pages. Night + day via theme tokens. */
.plx-page,.plx-page *{box-sizing:border-box}
.plx-page{--plx-surface:var(--surface,#141C2A);--plx-card:var(--card,#1E2638);--plx-bg:var(--bg,#0B0F1A);--plx-ink:var(--ink,#fff);--plx-muted:var(--muted,#94A3B8);--plx-line:var(--border,#26324A);--plx-grad:var(--grad,linear-gradient(95deg,#8A2BE2,#FF3D7F 55%,#FF8A00));--plx-pink:var(--pink,#FF3D7F);--plx-purple:var(--accent,#8A2BE2);--plx-orange:var(--orange,#FF8A00);--plx-track:#2a3550;--plx-good:#22c55e;--plx-warn:#f59e0b;--plx-bad:#ef4444;--plx-h:#8A2BE2;--plx-a:#FF8A00;--plx-hover:#ffffff08;color:var(--plx-ink)}
html[data-theme=light] .plx-page{--plx-track:#e3e8f3;--plx-hover:#8a2be20a;--plx-h:#7b22d4;--plx-a:#f27b00}
.plx-wrap{width:min(1180px,100% - 24px);margin-inline:auto;padding:14px 0 40px;min-width:0}
@media(min-width:700px){.plx-wrap{width:min(1180px,100% - 48px);padding-top:20px}}
.plx-page a{color:inherit;text-decoration:none}.plx-page a:hover{color:var(--plx-pink)}
.plx-muted{color:var(--plx-muted)}
/* Breadcrumb */
.plx-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--plx-muted);margin:0 0 12px}.plx-crumb strong{color:var(--plx-ink);font-weight:650;overflow-wrap:anywhere}.plx-crumb a{padding:6px 0}
/* Kits (shirts on a white disc) */
.plx-kit{--s:44px;display:inline-grid;place-items:center;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 32% 22%,#fff 0,#f4f6fb 55%,#e3e8f3 100%);box-shadow:0 1px 0 #fff inset,0 0 0 1px #0000001a,0 8px 18px -10px #000c;flex:0 0 var(--s)}
.plx-kit .pl-shirt{width:calc(var(--s)*.8);height:calc(var(--s)*.8);flex:none;filter:drop-shadow(0 1px 1.5px #0004)}
.plx-kit-xs{--s:26px}.plx-kit-sm{--s:38px}.plx-kit-md{--s:46px}.plx-kit-lg{--s:62px}.plx-kit-xl{--s:88px}
.plx-kit-xl{box-shadow:0 0 0 4px #8a2be222,0 0 0 1px #0000001a,0 18px 34px -16px #000d}
/* Flags */
.plx-flag{display:inline-block;vertical-align:middle;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #0000002b;flex:none}
.plx-globe{display:inline-grid;place-items:center;border-radius:50%;box-shadow:none;color:#fff;background:linear-gradient(135deg,#8A2BE2,#FF3D7F)}.plx-globe svg{width:68%;height:68%}
.plx-flag-na{background:linear-gradient(135deg,var(--plx-card),var(--plx-line))}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Hero */
.plx-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;padding:14px 14px 16px;margin-bottom:12px;border:1px solid var(--plx-line);background:radial-gradient(700px 300px at 50% -30%,#8a2be240,transparent 70%),radial-gradient(500px 240px at 100% 110%,#ff3d7f26,transparent 70%),var(--plx-surface)}
html[data-theme=light] .plx-hero{background:radial-gradient(700px 300px at 50% -30%,#8a2be224,transparent 70%),radial-gradient(500px 240px at 100% 110%,#ff3d7f18,transparent 70%),#fff;box-shadow:0 18px 40px -28px #8a2be299}
.plx-hero.st-live{border-color:#ff3d5466;box-shadow:0 0 0 1px #ff3d5433,0 20px 50px -28px #ff3d54}
.plx-hero-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--plx-muted);font-weight:650;margin-bottom:12px}
.plx-hero-top .lg{display:inline-flex;align-items:center;gap:8px;min-width:0}.plx-hero-top .lg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge-ai{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:99px;background:var(--plx-grad);color:#fff;font-weight:800;font-size:11px;white-space:nowrap}
.plx-hero-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:start}
.plx-hero .side{display:grid;justify-items:center;gap:8px;text-align:center;min-width:0}
.plx-hero .side strong{font-size:clamp(13px,3.6vw,18px);line-height:1.2;overflow-wrap:anywhere;font-weight:800}
.plx-hero .side .rank{font-size:11px;color:var(--plx-muted);font-weight:700;padding:3px 8px;border-radius:99px;background:var(--plx-card)}
.plx-hero .plx-kit-xl{--s:clamp(60px,18vw,92px)}
.plx-hero .mid{display:grid;justify-items:center;gap:6px;padding-top:8px;min-width:84px}
.plx-page .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.02em;background:var(--plx-card);color:var(--plx-muted);white-space:nowrap}
.plx-page .pill.live{background:#ff3d541f;color:#ff3d54}.plx-page .pill.done{background:var(--plx-card)}.plx-page .pill.soon{background:#8a2be222;color:#c9a0ff}.plx-page .pill.off{background:#f59e0b22;color:#f59e0b}
html[data-theme=light] .plx-page .pill.soon{color:#7b22d4}
.plx-dot,.plx-live:before{width:8px;height:8px;border-radius:50%;background:#ff3d54;display:inline-block;animation:plxp 1.5s infinite}
.plx-live:before{content:"";margin-right:5px}
@keyframes plxp{70%{box-shadow:0 0 0 8px #ff3d5400}0%{box-shadow:0 0 0 0 #ff3d5499}}
@media(prefers-reduced-motion:reduce){.plx-dot,.plx-live:before{animation:none}}
.plx-page .score{display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:-.04em;font-size:clamp(34px,10vw,56px);line-height:1}.plx-page .score i{font-style:normal;color:var(--plx-muted);font-size:.6em}.plx-page .score.ko{font-size:clamp(26px,7vw,38px)}
.plx-page .mid small{font-size:11px;color:var(--plx-muted);font-weight:650;text-align:center}
.plx-form{display:inline-flex;gap:4px}.plx-form i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:900;color:#fff}.plx-form .fW{background:var(--plx-good)}.plx-form .fD{background:#8b97ad}.plx-form .fL{background:var(--plx-bad)}
.plx-scorers{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--plx-line);font-size:12px}
.plx-scorers ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}.plx-scorers .h{text-align:right}.plx-scorers span{color:var(--plx-muted);align-self:start}
.plx-hero-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:12px;font-size:12px;color:var(--plx-muted)}.plx-hero-foot span{display:inline-flex;align-items:center;gap:6px}
/* Tabs */
.plx-tabs{position:sticky;top:64px;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:8px 0;margin:0 0 12px;background:var(--plx-bg);scrollbar-width:none;border-bottom:1px solid var(--plx-line)}
.plx-tabs::-webkit-scrollbar{display:none}
.plx-tabs a{flex:none;padding:0 16px;min-height:42px;display:inline-flex;align-items:center;border-radius:99px;font-weight:750;font-size:13px;color:var(--plx-muted);background:var(--plx-surface);border:1px solid var(--plx-line)}
.plx-tabs a.on{background:var(--plx-grad);color:#fff;border-color:transparent}
.plx-tabs a:hover{color:var(--plx-ink)}.plx-tabs a.on:hover{color:#fff}
/* Layout */
.plx-layout{display:grid;gap:12px}.plx-main,.plx-side{display:grid;gap:12px;align-content:start;min-width:0}
@media(min-width:980px){.plx-layout{grid-template-columns:minmax(0,1fr) 340px;gap:16px}.plx-side{position:sticky;top:130px;align-self:start}}
.plx-card{background:var(--plx-surface);border:1px solid var(--plx-line);border-radius:18px;padding:14px;min-width:0;scroll-margin-top:120px}
html[data-theme=light] .plx-card{box-shadow:0 10px 30px -24px #1e2a5a66}
@media(min-width:700px){.plx-card{padding:18px}}
.plx-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.plx-card-h h2{margin:0;font-size:17px;font-weight:850;letter-spacing:-.02em}.plx-meta{font-size:12px;color:var(--plx-muted);font-weight:600}
.plx-h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--plx-muted);margin:16px 0 8px}
.plx-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--plx-muted)}
.plx-empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:22px 12px;color:var(--plx-muted)}.plx-empty strong{color:var(--plx-ink);font-size:15px}.plx-empty p{margin:0;font-size:13px;max-width:34em}.plx-empty .plx-ico{color:var(--plx-pink)}
.plx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 18px;border-radius:12px;background:var(--plx-grad);color:#fff!important;font-weight:800;font-size:14px;margin-top:12px;width:100%;box-shadow:0 14px 30px -18px #ff3d7f}
.plx-btn.ghost{background:transparent;border:1px solid var(--plx-line);color:var(--plx-ink)!important;box-shadow:none;width:auto}
.plx-link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-weight:800;font-size:13px;color:var(--plx-pink)!important}
/* Prediction snapshot */
.plx-1x2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.plx-1x2 .o{display:grid;gap:2px}.plx-1x2 b{font-size:clamp(24px,7vw,34px);font-weight:900;letter-spacing:-.03em}.plx-1x2 small{color:var(--plx-muted);font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plx-seg{display:flex;height:10px;border-radius:99px;overflow:hidden;gap:2px;margin:10px 0 4px;background:var(--plx-track)}.plx-seg.lg{height:14px}.plx-seg i{display:block;height:100%}.s1{background:#8A2BE2}.s2{background:#7a8aa6}.s3{background:#FF8A00}
.plx-xg{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 0;font-size:12px;color:var(--plx-muted)}.plx-xg b{font-size:20px;color:var(--plx-ink);font-weight:900}.plx-xg.big{font-size:13px;margin:4px 0 14px;flex-wrap:wrap}.plx-xg.big b{font-size:32px}.plx-xg.big i{font-style:normal;font-weight:800;letter-spacing:.1em}
.plx-picks3{display:grid;gap:8px;margin-top:12px}.plx-picks3 .pk{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:var(--plx-card);border:1px solid var(--plx-line)}.plx-picks3 .pk>span:not(.plx-ring){display:grid;gap:2px;min-width:0}.plx-picks3 small{color:var(--plx-muted);font-size:11px;font-weight:700}.plx-picks3 b{font-size:14px;overflow-wrap:anywhere}
.plx-ring{position:relative;display:inline-grid;place-items:center;flex:none}.plx-ring svg{position:absolute;inset:0;width:100%;height:100%}.plx-ring b{position:relative;font-size:calc(var(--r,1)*18px);font-weight:900;letter-spacing:-.03em}.plx-ring b small{font-size:.55em;margin-left:1px;color:var(--plx-muted)}
/* Timeline */
.plx-tl{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:10px}.plx-tl:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--plx-line);transform:translateX(-50%)}
.plx-tl li{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;position:relative}.plx-tl .mn{grid-column:2;grid-row:1;justify-self:center;font-size:11px;font-weight:800;color:var(--plx-muted);background:var(--plx-surface);padding:0 3px;transform:translateY(-14px)}
.plx-tl .ev{grid-column:2;grid-row:1;justify-self:center;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--plx-card);border:1px solid var(--plx-line);position:relative;z-index:1;transform:translateY(6px)}
.plx-tl .ev.goal{background:var(--plx-grad);color:#fff;border:0}.plx-tl .ev.card.yellow{color:#facc15}.plx-tl .ev.card.red{color:#ef4444}.plx-tl .ev.sub{color:#38bdf8}
.plx-tl .tx{display:grid;gap:1px;font-size:13px;min-width:0;padding:4px 0}.plx-tl .tx b{overflow-wrap:anywhere}.plx-tl small{color:var(--plx-muted);font-size:11.5px}.plx-tl .in{color:var(--plx-good)}.plx-tl .out{color:var(--plx-bad)}
.plx-tl li.h .tx{grid-column:1;grid-row:1;text-align:right;padding-right:10px}.plx-tl li.a .tx{grid-column:3;grid-row:1;text-align:left;padding-left:10px}
/* Ratings */
.plx-rate{display:inline-grid;place-items:center;min-width:38px;height:26px;padding:0 7px;border-radius:8px;font-weight:900;font-size:13px;color:#fff;background:#64748b}.plx-rate.top{background:#16a34a}.plx-rate.good{background:#65a30d}.plx-rate.mid{background:#d97706}.plx-rate.low{background:#dc2626}.plx-rate.na{background:var(--plx-card);color:var(--plx-muted)}
.plx-potm{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;margin-bottom:12px;background:linear-gradient(120deg,#8a2be233,#ff3d7f22,#ff8a0022);border:1px solid #8a2be255}.plx-potm>span:not(.plx-kit){display:grid;gap:1px;flex:1;min-width:0}.plx-potm small{font-size:10px;letter-spacing:.14em;font-weight:850;color:var(--plx-pink)}.plx-potm b{font-size:16px}.plx-potm em{font-style:normal;font-size:12px;color:var(--plx-muted)}
.plx-two{display:grid;gap:12px}@media(min-width:700px){.plx-two{grid-template-columns:1fr 1fr}}
.plx-rl h3{font-size:13px;margin:0 0 6px;color:var(--plx-muted)}.plx-rl a{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:8px 4px;border-top:1px solid var(--plx-line);font-size:13px}.plx-rl .n{color:var(--plx-muted);font-weight:800;text-align:center}.plx-rl small{display:block;color:var(--plx-muted);font-size:11px}
/* Stat bars */
.plx-sbh{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12.5px;font-weight:800}.plx-sbh span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.plx-sb{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px;padding:7px 0}.plx-sb .v{font-size:13.5px;font-weight:850}.plx-sb .v:last-child{text-align:right}
.plx-sb .m{display:grid;gap:5px;text-align:center}.plx-sb .m span{font-size:12px;color:var(--plx-muted);font-weight:650}
.plx-sb .bars{display:flex;gap:3px;height:6px}.plx-sb .bars i{display:block;border-radius:6px;background:var(--plx-track)}.plx-sb.lead-h .bars .h{background:var(--plx-h)}.plx-sb.lead-a .bars .a{background:var(--plx-a)}
.plx-sb .bars .h{transform-origin:right}.plx-more{margin-top:6px}.plx-more summary{cursor:pointer;list-style:none;font-weight:800;font-size:13px;color:var(--plx-pink);padding:10px 0;min-height:44px;display:flex;align-items:center}.plx-more summary::-webkit-details-marker{display:none}
.plx-mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center;margin-bottom:8px}.plx-mini3 span{padding:8px;border-radius:12px;background:var(--plx-card);display:grid}.plx-mini3 small{color:var(--plx-muted);font-weight:800;font-size:11px}.plx-mini3 b{font-size:16px}
/* Pitch */
.plx-formations{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12.5px;font-weight:750;flex-wrap:wrap}.plx-formations span{display:inline-flex;align-items:center;gap:6px}.plx-formations b{color:var(--plx-pink)}
.plx-pitch{position:relative;aspect-ratio:2/3.05;max-width:560px;margin:0 auto;border-radius:16px;overflow:hidden;background:repeating-linear-gradient(180deg,#2e8b4d 0 7.14%,#34a057 7.14% 14.28%);box-shadow:inset 0 0 0 3px #ffffff30}
.plx-pitch .lines{position:absolute;inset:0;width:100%;height:100%}.plx-pitch .lines *{fill:none;stroke:#ffffffb0;stroke-width:1.4;vector-effect:non-scaling-stroke}
.plx-pitch .pp{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:1px;width:64px;z-index:2}
.plx-pitch .pp .plx-kit{background:none;box-shadow:none;--s:36px}.plx-pitch .pp .plx-kit .pl-shirt{width:34px;height:34px;filter:drop-shadow(0 2px 2px #0007)}
.plx-pitch .nm{font-size:10.5px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000d,0 0 3px #000a;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plx-pitch .r{font-style:normal;font-size:9.5px;font-weight:900;color:#fff;background:#16a34a;border-radius:6px;padding:0 4px;line-height:15px;margin-top:1px}.plx-pitch .r.lo{background:#dc2626}.plx-pitch .r.hi{background:#0ea5e9}
@media(min-width:700px){.plx-pitch .pp{width:84px}.plx-pitch .pp .plx-kit{--s:46px}.plx-pitch .pp .plx-kit .pl-shirt{width:44px;height:44px}.plx-pitch .nm{font-size:12px;max-width:84px}}
.plx-bench{display:grid;gap:16px;margin-top:16px}@media(min-width:700px){.plx-bench{grid-template-columns:1fr 1fr}}
.plx-bench h3{font-size:13px;display:flex;align-items:center;gap:8px;margin:0 0 6px}.plx-bench .coach{margin:0 0 6px;font-size:12px;color:var(--plx-muted)}.plx-bench ul{list-style:none;margin:0;padding:0}.plx-bench li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--plx-line);font-size:13px}.plx-bench .n{font-weight:800;color:var(--plx-muted);text-align:center}.plx-bench small{color:var(--plx-muted)}
/* H2H + match rows */
.plx-h2h{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:6px}.plx-h2h b{display:block;font-size:30px;font-weight:900}.plx-h2h small{font-size:11.5px;color:var(--plx-muted);font-weight:650}
.plx-mrs{display:grid}.plx-mr{display:grid;grid-template-columns:46px minmax(0,1fr) 64px minmax(0,1fr) 46px;align-items:center;gap:8px;padding:10px 4px;border-top:1px solid var(--plx-line);font-size:13px;min-height:52px}.plx-mrs>.plx-mr:first-child{border-top:0}
.plx-mr:hover{background:var(--plx-hover);color:inherit}
.plx-mr .when{display:grid;font-size:12px;line-height:1.25}.plx-mr .when b{font-weight:850}.plx-mr .when small{color:var(--plx-muted);font-size:10.5px}
.plx-mr .tm{display:flex;align-items:center;gap:8px;min-width:0;font-weight:650}.plx-mr .tm>span:last-child,.plx-mr .tm span:first-child:not(.plx-kit){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plx-mr .tm.away{justify-content:flex-end;text-align:right}.plx-mr .tm.win{font-weight:850}
.plx-mr .sc{display:flex;align-items:center;gap:5px;font-size:15px;min-width:50px;justify-content:center}.plx-mr .sc b{font-weight:900}.plx-mr .sc i{font-style:normal;color:var(--plx-muted)}.plx-mr.st-live .sc b{color:#ff3d54}.plx-mr .plx-live{color:#ff3d54}
@media(max-width:560px){.plx-mr{grid-template-columns:36px minmax(0,1fr) auto minmax(0,1fr);gap:5px;font-size:11.5px;padding-inline:0}.plx-mr:after{display:none}.plx-mr .tm{gap:5px;align-items:center}.plx-mr .tm>span:not(.plx-kit){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2;overflow-wrap:break-word;hyphens:auto}.plx-mr .plx-kit{--s:24px}.plx-mr .plx-live:before{display:none}.plx-mr .sc{min-width:40px;font-size:14px}}
.plx-mr:after{content:"";display:block}.plx-mr .when .plx-live{white-space:nowrap}
.plx-day{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--plx-muted);margin:14px 0 4px}
/* Tables */
.plx-tablewrap{overflow-x:auto;margin-inline:-4px;padding-inline:4px}
.plx-table{width:100%;border-collapse:collapse;font-size:13px}.plx-table th{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--plx-muted);font-weight:800;text-align:center;padding:8px 6px;border-bottom:1px solid var(--plx-line)}.plx-table td{padding:9px 6px;text-align:center;border-bottom:1px solid var(--plx-line)}
.plx-table th:nth-child(2),.plx-table td.tm{text-align:left}.plx-table td.tm a{display:flex;align-items:center;gap:8px}.plx-table td.tm b{font-weight:750}.plx-table td.tm small{color:var(--plx-muted);margin-left:4px}
.plx-table .rk span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;font-weight:850;font-size:12px}
.plx-table .pt b{font-size:14px}.plx-table tr.me{background:#8a2be21f}.plx-table tr.gap td{color:var(--plx-muted);padding:2px}
.plx-table tr.z-cl .rk span{background:#2563eb;color:#fff}.plx-table tr.z-el .rk span{background:#f97316;color:#fff}.plx-table tr.z-ecl .rk span{background:#16a34a;color:#fff}.plx-table tr.z-po .rk span{background:#8b5cf6;color:#fff}.plx-table tr.z-rel .rk span{background:#dc2626;color:#fff}
.plx-table .hm,.plx-table .hs{display:none}@media(min-width:640px){.plx-table .hm{display:table-cell}}@media(min-width:900px){.plx-table .hs{display:table-cell}}
.plx-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:12px 0 0;font-size:12px;color:var(--plx-muted)}.plx-legend li{display:flex;align-items:center;gap:6px}.plx-legend i{width:12px;height:12px;border-radius:4px;background:#2563eb}.plx-legend .z-el i{background:#f97316}.plx-legend .z-ecl i{background:#16a34a}.plx-legend .z-po i{background:#8b5cf6}.plx-legend .z-rel i{background:#dc2626}
.plx-table.mini td.tm a{gap:6px}
/* Sidebar cards */
.plx-info dl{margin:0;display:grid}.plx-info dl>div{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--plx-line);font-size:13px}.plx-info dl>div:first-child{border-top:0}.plx-info dt{display:flex;align-items:center;gap:6px;color:var(--plx-muted);font-weight:650}.plx-info dd{margin:0;font-weight:700;overflow-wrap:anywhere}.plx-info dd small{display:block;color:var(--plx-muted);font-weight:500}
.plx-formcard .fr{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--plx-line)}.plx-formcard .fr:first-of-type{border-top:0}.plx-formcard .who{display:flex;align-items:center;gap:8px;font-weight:750;font-size:13px}.plx-formcard small{color:var(--plx-muted);font-size:11.5px}
.plx-inj .ij{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--plx-line);font-size:13px}.plx-inj .ij:first-of-type{border-top:0}.plx-inj .nm{display:grid;font-weight:700}.plx-inj small{color:var(--plx-muted);font-weight:500}.plx-inj em{font-style:normal;color:var(--plx-bad);font-size:12px;text-align:right}
/* Prediction page */
.plx-o3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plx-o3 .oc{display:grid;justify-items:center;gap:6px;padding:14px 6px;border-radius:16px;background:var(--plx-card);border:1px solid var(--plx-line);text-align:center;position:relative}
.plx-o3 .oc b{font-size:clamp(28px,8vw,42px);font-weight:900;letter-spacing:-.04em;line-height:1}.plx-o3 .oc b small{font-size:.5em;color:var(--plx-muted)}.plx-o3 .oc>span{font-size:12px;font-weight:700;color:var(--plx-muted);overflow-wrap:anywhere;line-height:1.2}
.plx-o3 .oc.lead{background:linear-gradient(160deg,#8a2be233,#ff3d7f22);border-color:#8a2be288}.plx-o3 em{font-style:normal;position:absolute;top:-9px;font-size:10px;font-weight:850;color:#fff;background:var(--plx-grad);padding:3px 8px;border-radius:99px;white-space:nowrap}
.plx-draw{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;color:var(--plx-muted);background:var(--plx-surface);border:2px dashed var(--plx-line)}
.plx-scores{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;justify-content:center}.plx-scores small{width:100%;text-align:center;color:var(--plx-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:750}.plx-scores>span{display:grid;justify-items:center;padding:8px 16px;border-radius:12px;background:var(--plx-card);border:1px solid var(--plx-line)}.plx-scores b{font-size:20px;font-weight:900}.plx-scores i{font-style:normal;font-size:11px;color:var(--plx-muted)}.plx-scores .top{background:var(--plx-grad);color:#fff;border:0}.plx-scores .top i{color:#ffffffcc}
.plx-rings{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;justify-items:center}@media(min-width:560px){.plx-rings{grid-template-columns:repeat(4,1fr)}}.plx-rings>div{display:grid;justify-items:center;gap:6px}.plx-rings small{font-size:12px;color:var(--plx-muted);font-weight:700}
.plx-feat{display:grid;gap:10px}@media(min-width:760px){.plx-feat{grid-template-columns:repeat(3,1fr)}}.plx-feat .pk{position:relative;display:grid;justify-items:center;gap:8px;text-align:center;padding:18px 14px;border-radius:18px;background:linear-gradient(170deg,#8a2be21f,#ff3d7f14);border:1px solid #8a2be244}.plx-feat .tag{position:absolute;top:10px;left:10px;font-size:10.5px;font-weight:850;color:var(--plx-pink)}.plx-feat h3{margin:0;font-size:16px;overflow-wrap:anywhere}.plx-feat p{margin:0;font-size:12.5px;line-height:1.5;color:var(--plx-muted)}
.plx-picklist .row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--plx-line)}.plx-picklist .n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--plx-card);font-weight:850;font-size:12px}.plx-picklist b{font-size:13.5px}.plx-bar{height:5px;border-radius:9px;background:var(--plx-track);margin-top:6px;overflow:hidden}.plx-bar i{display:block;height:100%;background:var(--plx-grad);border-radius:9px}.plx-picklist strong{font-size:15px}
.plx-formcard .fcol{display:grid;gap:8px;align-content:start}.plx-formcard .fcol h3{margin:0;font-size:14px;display:flex;align-items:center;gap:8px}.plx-formcard dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.plx-formcard dl>div{padding:8px;border-radius:10px;background:var(--plx-card)}.plx-formcard dt{font-size:10px;color:var(--plx-muted);font-weight:700}.plx-formcard dd{margin:2px 0 0;font-weight:850;font-size:14px}
.plx-mini-r{display:grid;grid-template-columns:44px 1fr auto;gap:8px;padding:7px 0;border-top:1px solid var(--plx-line);font-size:12.5px}.plx-mini-r span:first-child{color:var(--plx-muted)}
.plx-steps{margin:0;padding-left:20px;display:grid;gap:10px;font-size:13.5px;line-height:1.55}.plx-steps b{color:var(--plx-pink)}
/* Competition / leagues / team / player */
.plx-chead{display:flex;align-items:center;gap:14px;margin:4px 0 12px}.plx-chead .ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--plx-surface);border:1px solid var(--plx-line);flex:none}.plx-chead h1{margin:0;font-size:clamp(24px,6vw,36px);letter-spacing:-.03em;font-weight:900}.plx-chead p{margin:2px 0 0;font-size:13px;color:var(--plx-muted)}.plx-chead>div{flex:1;min-width:0}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--plx-line,var(--border,#26324A));background:var(--plx-surface,var(--surface,#141C2A));font-weight:750;font-size:13px;color:var(--plx-muted,var(--muted,#94A3B8));cursor:pointer;white-space:nowrap}.chip.on{background:var(--plx-grad,var(--grad));color:#fff;border-color:transparent}.chip:hover{color:var(--ink,#fff)}.chip.on:hover{color:#fff}
.plx-seasons,.plx-rounds,.plx-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.plx-seasons::-webkit-scrollbar,.plx-rounds::-webkit-scrollbar,.plx-chips::-webkit-scrollbar{display:none}
.plx-pager{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.plx-pager .plx-btn{margin:0;flex:1}
.plx-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.plx-podium .pd{display:grid;justify-items:center;gap:4px;padding:14px 6px 12px;border-radius:16px;background:var(--plx-card);border:1px solid var(--plx-line);text-align:center;position:relative}.plx-podium .p1{background:linear-gradient(170deg,#ff8a0030,#ff3d7f22);border-color:#ff8a0066}.plx-podium .medal{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--plx-grad);color:#fff;font-size:11px;font-weight:900}.plx-podium b{font-size:13px;overflow-wrap:anywhere}.plx-podium small{color:var(--plx-muted);font-size:11px}.plx-podium strong{font-size:28px;font-weight:900;line-height:1}.plx-podium em{display:block;font-style:normal;font-size:10px;color:var(--plx-muted);font-weight:700}
.plx-table.lead td.tm small{display:block;margin:0}
.plx-lgbar{display:grid;gap:10px;margin-bottom:14px}.plx-search input{width:100%;min-height:50px;border-radius:14px;border:1px solid var(--plx-line,var(--border));background:var(--plx-surface,var(--surface));color:var(--ink);padding:0 16px;font-size:15px}
.plx-feat-lg h2,.plx-country h2{display:flex;align-items:center;gap:10px;font-size:16px;margin:18px 0 10px;letter-spacing:-.01em}.plx-country h2 em{font-style:normal;font-size:12px;color:var(--plx-muted);margin-left:auto;background:var(--plx-card);padding:2px 9px;border-radius:99px}
.plx-feat-lg .grid,.plx-country .grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.plx-feat-lg .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.plx-lg{display:flex;align-items:center;gap:6px;border-radius:14px;background:var(--plx-surface);border:1px solid var(--plx-line)}.plx-lg:hover{border-color:#8a2be288}.plx-lg .main{display:flex;align-items:center;gap:12px;flex:1;padding:12px 6px 12px 14px;min-width:0}.plx-lg b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plx-lg small{color:var(--plx-muted);font-size:11.5px}.plx-lg .main>span{min-width:0}
.plx-lg.big{background:linear-gradient(135deg,#8a2be21c,#ff3d7f12),var(--plx-surface)}.plx-lg.big .main{padding:16px 6px 16px 16px}.plx-lg .fav{min-width:44px;min-height:44px;background:none;border:0;color:var(--plx-muted);font-size:18px}
.plx-lg[hidden],.plx-country[hidden],.plx-feat-lg[hidden]{display:none!important}
.plx-thead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border-radius:20px;border:1px solid var(--plx-line);margin-bottom:12px;background:radial-gradient(600px 240px at 0 -40%,#8a2be240,transparent 70%),var(--plx-surface)}html[data-theme=light] .plx-thead{background:radial-gradient(600px 240px at 0 -40%,#8a2be224,transparent 70%),#fff}
.plx-thead .ti{flex:1;min-width:200px;display:grid;gap:8px}.plx-thead h1{margin:0;font-size:clamp(24px,6vw,38px);letter-spacing:-.03em;font-weight:900}.plx-thead .facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--plx-muted)}.plx-thead .facts span,.plx-thead .facts a{display:inline-flex;align-items:center;gap:6px}
.plx-follow{min-width:48px;min-height:48px;border-radius:14px;border:1px solid var(--plx-line);background:var(--plx-card);color:var(--plx-pink);font-size:22px}
.plx-bigrate{display:grid;justify-items:center;gap:4px}.plx-bigrate .plx-rate{height:44px;min-width:60px;font-size:22px;border-radius:12px}.plx-bigrate small{font-size:11px;color:var(--plx-muted)}
.plx-nextm .nm{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center}.plx-nextm .s{display:grid;justify-items:center;gap:8px;font-size:14px}.plx-nextm .c{display:grid;gap:2px}.plx-nextm .c b{font-size:28px;font-weight:900}.plx-nextm small,.plx-nextm em{color:var(--plx-muted);font-style:normal;font-size:12px}
.plx-squad .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.plx-squad .grid a{display:grid;justify-items:center;gap:5px;padding:12px 6px;border-radius:14px;background:var(--plx-card);border:1px solid var(--plx-line);text-align:center;font-size:12.5px}.plx-squad small{color:var(--plx-muted)}.plx-squad b{line-height:1.25}
.plx-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:560px){.plx-tiles{grid-template-columns:repeat(4,1fr)}}.plx-tiles>div{padding:12px;border-radius:14px;background:var(--plx-card);display:grid;gap:2px}.plx-tiles b{font-size:22px;font-weight:900}.plx-tiles small{color:var(--plx-muted);font-size:11.5px;font-weight:650}.plx-tiles.sm b{font-size:18px}
.plx-inl{display:inline-flex;align-items:center;gap:8px}
/* Legacy surfaces (favorites, scores) inherit the same tokens */
.pl50-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;margin:12px 0;color:var(--ink)}.pl50-favorites a{display:inline-block;padding:10px 14px;margin:4px;border-radius:99px;background:var(--card);border:1px solid var(--border)}
.saved-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin:6px 0}.saved-item button{min-height:40px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--ink);padding:0 12px}
.saved-grid section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px}
/* Live center */
.plx-livepage{padding:6px 0 30px}.plx-livehead h1{margin:0 0 4px;font-size:clamp(26px,6vw,40px);font-weight:900;letter-spacing:-.03em}.plx-livehead p{margin:0 0 12px;font-size:13px}
.plx-live-count{display:inline-flex;align-items:center;gap:8px;color:#ff3d54;font-weight:800}.plx-live-count b{font-size:15px}
.plx-daytabs{position:static;border:0;padding-top:0}.plx-daytabs a{gap:7px}.plx-daytabs em{font-style:normal;font-size:11px;font-weight:900;background:#ff3d54;color:#fff;border-radius:99px;padding:1px 7px}.plx-daytabs a.on em{background:#fff3;}
.plx-lcs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:10px;overflow-x:auto;padding:2px 0 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.plx-lcs::-webkit-scrollbar{display:none}
@media(min-width:900px){.plx-lcs{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible}}
.plx-lc{scroll-snap-align:start;display:grid;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(160deg,#ff3d5414,transparent 60%),var(--plx-surface);border:1px solid #ff3d5455}
.plx-lc .top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--plx-muted);font-weight:650}.plx-lc .lg{display:inline-flex;align-items:center;gap:7px;min-width:0}.plx-lc .lg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plx-lc .top b{color:#ff3d54;font-weight:900;white-space:nowrap}
.plx-lc .row{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.plx-lc .tm{display:grid;justify-items:center;gap:6px;text-align:center;font-size:12.5px;font-weight:750;min-width:0;overflow-wrap:anywhere;line-height:1.2}
.plx-lc .sc{display:flex;gap:6px;align-items:center;font-size:30px;font-weight:900;letter-spacing:-.03em}.plx-lc .sc i{font-style:normal;color:var(--plx-muted);font-size:.7em}
.plx-lc .prog{display:block;height:4px;border-radius:9px;background:var(--plx-track);overflow:hidden}.plx-lc .prog i{display:block;height:100%;background:linear-gradient(90deg,#ff8a00,#ff3d54);border-radius:9px}
.plx-livebar{display:grid;gap:8px;margin:4px 0 12px}@media(min-width:760px){.plx-livebar{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.plx-grp{padding:0;overflow:hidden;margin-bottom:10px}.plx-grp-h{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(90deg,#8a2be21c,transparent)}.plx-grp-h>span:not(.plx-globe):not(.plx-flag){display:grid;flex:1;min-width:0}.plx-grp-h b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plx-grp-h small{color:var(--plx-muted);font-size:11.5px}.plx-grp-h em{font-style:normal;font-size:11px;font-weight:850;color:#ff3d54;white-space:nowrap}
.plx-grp .plx-mrs{padding:0 10px 6px}.plx-mw .plx-mr{border-top:0}.plx-mw+.plx-mw .plx-mr{border-top:1px solid var(--plx-line)}
.plx-mw[hidden],.plx-grp[hidden]{display:none!important}
.plx-mr.st-live{background:linear-gradient(90deg,#ff3d540d,transparent)}
.plx-mr .when .plx-live{font-size:12.5px;font-weight:900}
.plx-livebar .chip{min-height:44px}
/* Audit fixes: hero on narrow screens */
@media(max-width:480px){.plx-hero{padding:12px 10px 14px}.plx-hero-main{gap:4px}.plx-hero .mid{min-width:78px}.plx-hero .plx-page .mid small{font-size:10.5px;max-width:92px;line-height:1.3}.plx-hero .plx-form i{width:17px;height:17px;font-size:9.5px;border-radius:5px}.plx-hero .plx-form{gap:3px}.plx-scorers{grid-template-columns:1fr auto 1fr;gap:6px;font-size:11.5px}}
.plx-hero .side strong{min-height:2.4em;display:flex;align-items:center;justify-content:center}
.plx-scorers .a{text-align:left}.plx-scorers li{overflow-wrap:anywhere}
.plx-scorers>span{align-self:center}
.plx-hero.st-live .mid .plx-page .pill.live{box-shadow:0 0 0 1px #ff3d5455}
.plx-hero .prog{display:block;width:min(260px,100%);height:4px;border-radius:9px;background:var(--plx-track);overflow:hidden;margin-top:2px}.plx-hero .prog i{display:block;height:100%;background:linear-gradient(90deg,#ff8a00,#ff3d54)}
/* Injuries with shirts */
.plx-inj .ij-team{display:flex;align-items:center;gap:8px;margin:12px 0 2px;font-size:12px;color:var(--plx-muted)}.plx-inj .ij-team:first-of-type{margin-top:0}.plx-inj .ij-team b{color:var(--plx-ink);font-size:13px}.plx-inj .ij-team small{margin-left:auto;background:var(--plx-card);border-radius:99px;padding:1px 8px;font-weight:800}
.plx-inj .ij{align-items:center}.plx-inj .ij .who{display:flex;align-items:center;gap:10px;min-width:0}.plx-inj .ij .nm{font-weight:700;display:block;overflow-wrap:anywhere}
.plx-inj .ij em{font-style:normal;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:99px;text-align:center;white-space:nowrap;background:#ef44441f;color:#ef4444}.plx-inj .ij em.doubt{background:#f59e0b24;color:#d97706}
/* Player lines, round switcher, histogram, team grid */
.pl-lines{display:grid}.pl-line{display:grid;grid-template-columns:22px 38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 2px;border-top:1px solid var(--plx-line)}.pl-lines>.pl-line:first-child{border-top:0}.pl-line:hover{background:var(--plx-hover)}
.pl-line .n{font-size:12px;font-weight:850;color:var(--plx-muted);text-align:center}.pl-line .nm{display:grid;min-width:0}.pl-line .nm b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-line .nm small{font-size:11.5px;color:var(--plx-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-line strong{font-size:17px;font-weight:900;min-width:28px;text-align:right}
.plx-roundnav{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;margin:0 0 6px}.plx-roundnav .nav{display:grid;place-items:center;min-height:44px;border-radius:12px;background:var(--plx-card);border:1px solid var(--plx-line);font-size:22px;font-weight:700}.plx-roundnav .nav.off{opacity:.35}
.plx-roundnav select{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--plx-line);background:var(--plx-card);color:var(--plx-ink);font-weight:800;font-size:14px;padding:0 14px;text-align:center;text-align-last:center}
.plx-hist{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;height:150px}.plx-hist>div{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:3px;height:100%}.plx-hist .bar{display:flex;align-items:flex-end;width:min(100%,56px);height:100%;border-radius:8px;background:var(--plx-track)}.plx-hist .bar i{display:block;width:100%;background:var(--plx-grad);border-radius:8px;min-height:3px}.plx-hist b{font-size:13px}.plx-hist small{font-size:11px;color:var(--plx-muted);font-weight:700}
.plx-teamgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.plx-teamgrid a{padding:16px 8px!important}
.plx-follow{display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:800;color:var(--plx-ink);min-height:44px;width:auto}.plx-follow .plx-fav-ico{color:var(--plx-pink);font-size:18px}.plx-follow.on,.plx-follow[aria-pressed=true]{background:var(--plx-grad);color:#fff;border-color:transparent}.plx-follow[aria-pressed=true] .plx-fav-ico{color:#fff}
.plx-tcard .plx-table.mini td{padding:7px 4px}
@media(max-width:560px){.plx-chead{flex-wrap:wrap}.plx-follow{width:100%;justify-content:center}}
.plx-tiles.c3{grid-template-columns:repeat(3,1fr)}@media(max-width:480px){.plx-tiles.c3 b{font-size:19px}.plx-tiles.c3{gap:6px}.plx-tiles.c3>div{padding:10px 8px}}
.plx-hist{height:170px}
.plx-grp-h{display:flex;align-items:center;padding-right:6px}.plx-grp-h .main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:12px 6px 12px 14px}.plx-grp-h .main>span{display:grid;flex:1;min-width:0}.plx-grp-h .fav{min-width:44px;min-height:44px;background:none;border:0;color:var(--plx-muted);font-size:18px}
.plx-grp-h{padding:0 6px 0 0!important}