:root{
 --bg:#06140d; --bg2:#0a1f15; --card:#0f2a1d; --card2:#13362a; --line:#1d4434; --txt:#eaf7ef; --mut:#8fb5a1; --acc:#18e07a; --acc2:#00c2ff; --warn:#ffb020; --bad:#ff4d6a; --gold:#ffd54a;
 --fdr1:#0b7a3e; --fdr2:#18c26a; --fdr3:#5b6b63; --fdr4:#d9485f; --fdr5:#8a1430;
 --surf:#0a2017; --surf2:#071a11; --surf3:#11301f; --line2:#12322a; --txt2:#cfe3d8; --hdr:rgba(6,20,13,.82); --navbg:rgba(8,24,16,.9); --ink:255,255,255; --glow:24,224,122; --violet:#a78bfa; --blue:#3b8bff;
 --r:16px; --tabh:64px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:clamp(12.5px,3.85vw,15.5px)}
html,body{margin:0;background:var(--bg);color:var(--txt);font-family:'Cairo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1.0rem;line-height:1.45}
body{padding-bottom:calc(var(--tabh) + env(safe-area-inset-bottom) + 12px);min-height:100vh;background:radial-gradient(1200px 500px at 50% -200px,#0f3a26 0,var(--bg) 60%) fixed}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate}
html[lang=ar] .en{display:none} html[lang=en] .ar{display:none}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;background:var(--hdr);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card)}
.brand{display:flex;align-items:center;gap:8px}
.bname b{font-weight:800;font-size:1.2667rem;letter-spacing:.2px}
.bname .en{font-family:'Cairo';letter-spacing:.5px}
.top-r{display:flex;gap:8px}
.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-weight:700;font-size:0.8667rem;cursor:pointer}
.chip.gw{color:var(--acc)}
.deadline{font-size:0.8333rem;color:var(--mut);text-align:center;padding:6px 10px;background:var(--surf2);border-bottom:1px solid var(--card)}
.deadline b{color:var(--gold)}
.deadline.hidden{display:none}
.view{max-width:640px;margin:0 auto;padding:12px 12px 20px}
.tabs{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;height:calc(var(--tabh) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--navbg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mut);font-size:0.7667rem;font-weight:600}
.tabs svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabs a.on{color:var(--acc)}
.tabs a.on svg{filter:drop-shadow(0 0 6px rgba(24,224,122,.5))}
.card{background:linear-gradient(180deg,var(--card),var(--surf2));border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:12px}
.card h2,.card h3{margin:0 0 8px;font-size:1.0667rem;font-weight:800}
.card h3{font-size:0.9667rem}
.sub{color:var(--mut);font-size:0.8667rem}
.row{display:flex;align-items:center;gap:10px}
.sp{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--acc);color:#04120a;border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer}
.btn.ghost{background:transparent;color:var(--acc);border:1px solid var(--line)}
.btn.sm{padding:6px 11px;font-size:0.8667rem;border-radius:10px}
.inp{width:100%;background:var(--surf2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:1.0667rem;outline:none;direction:ltr;text-align:center}
.inp:focus{border-color:var(--acc)}
.hero{display:flex;align-items:center;gap:14px}
.big{font-size:3.2rem;font-weight:800;line-height:1;color:var(--acc)}
.big small{font-size:1.0rem;color:var(--mut);font-weight:600}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.stat{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:8px;text-align:center}
.stat b{display:block;font-size:1.2rem}
.stat span{font-size:0.7667rem;color:var(--mut)}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:0.7667rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surf3);color:var(--acc)}
.badge.warn{background:#3a2a0a;color:var(--warn)} .badge.bad{background:#3a0f18;color:var(--bad)} .badge.blue{background:#0a2a3a;color:var(--acc2)} .badge.gold{background:#3a330a;color:var(--gold)}
/* pitch */
.pitch{position:relative;border-radius:18px;overflow:hidden;padding:14px 4px 10px;background:
 repeating-linear-gradient(180deg,#0f5a32 0 44px,#0d5230 44px 88px);border:1px solid #1d6b43}
.pitch:before{content:"";position:absolute;inset:8px;border:2px solid rgba(var(--ink),.18);border-radius:10px;pointer-events:none}
.pitch:after{content:"";position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px;border:2px solid rgba(var(--ink),.14);border-radius:50%;pointer-events:none}
.prow{position:relative;z-index:1;display:flex;justify-content:center;gap:2px;margin:6px 0 10px}
.pl{width:20%;max-width:84px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer}
.pl img{width:44px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}
.pl .nm{margin-top:-4px;background:var(--txt);color:var(--surf2);font-size:0.7333rem;font-weight:800;padding:1px 4px;border-radius:5px 5px 0 0;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr}
.pl .pt{background:var(--bg);color:#fff;font-size:0.8333rem;font-weight:800;width:100%;text-align:center;border-radius:0 0 5px 5px;padding:1px 0}
.pl .cap{position:absolute;top:2px;inset-inline-end:8px;width:19px;height:19px;border-radius:50%;background:var(--gold);color:#000;font-size:0.7333rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.pl .cap.v{background:var(--txt2)}
.pl .st{position:absolute;top:4px;inset-inline-start:8px;width:10px;height:10px;border-radius:50%;background:#7c8d84;border:2px solid var(--bg)}
.st.done{background:#b3263e!important} .st.live{background:#3b8bff!important;animation:pulseb 1.2s infinite} .st.todo{background:var(--txt2)!important}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,59,92,.7)}100%{box-shadow:0 0 0 8px rgba(255,59,92,0)}}
.pl.out{opacity:.45}
.pl .subin{position:absolute;top:22px;inset-inline-start:2px;font-size:0.6667rem;background:var(--acc);color:#000;border-radius:4px;padding:0 3px;font-weight:800}
.bench{display:flex;justify-content:center;gap:4px;background:var(--surf);border-radius:14px;padding:10px 4px 8px;margin-top:8px;border:1px dashed var(--line)}
.bench .lab{font-size:0.7333rem;color:var(--mut);text-align:center;margin-top:2px}
.legend{display:flex;gap:12px;justify-content:center;font-size:0.7667rem;color:var(--mut);margin:8px 0 2px}
.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:4px;vertical-align:middle}
/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:0.9rem}
.tbl th{color:var(--mut);font-weight:600;font-size:0.7667rem;padding:6px 4px;text-align:start;border-bottom:1px solid var(--line)}
.tbl td{padding:9px 4px;border-bottom:1px solid var(--line2);vertical-align:middle}
.tbl tr.me td{background:rgba(24,224,122,.08)}
.tbl .c{text-align:center}
.mv{font-size:0.7333rem;font-weight:800}
.mv.up{color:var(--acc)} .mv.dn{color:var(--bad)} .mv.eq{color:var(--mut)}
.mgr b{display:block;font-size:0.9rem;line-height:1.2}
.mgr span{font-size:0.7667rem;color:var(--mut)}
.prog{height:4px;background:var(--surf);border-radius:4px;overflow:hidden;margin:8px 0}
.prog i{display:block;height:100%;background:var(--acc);width:0;transition:width .3s}
/* fixtures */
.fx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:10px 4px;border-bottom:1px solid var(--line2);cursor:pointer}
.fx:last-child{border-bottom:0}
.fx .t{display:flex;align-items:center;gap:6px;font-weight:700;font-size:0.9rem}
.fx .t.h{justify-content:flex-end;text-align:end}
.fx img{width:26px;height:26px}
.fx .sc{min-width:70px;text-align:center;font-weight:800;font-size:1.1333rem;background:var(--surf);border-radius:10px;padding:3px 8px}
.fx .sc.live{color:#ff6b81;border:1px solid #5a1a28}
.fx .sc small{display:block;font-size:0.7rem;color:var(--mut);font-weight:600}
.day{color:var(--mut);font-size:0.8333rem;font-weight:700;margin:10px 4px 2px}
.mhead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:8px}
.mhead img{width:54px;height:54px}
.mhead .score{font-size:2.5333rem;font-weight:800}
.ev{display:flex;justify-content:space-between;gap:10px;font-size:0.8667rem}
.ev>div{flex:1}
.ev .r{text-align:end}
.rat{display:inline-block;min-width:34px;text-align:center;font-weight:800;border-radius:7px;padding:1px 5px;font-size:0.8333rem;color:#04120a}
.r9{background:#18e07a}.r8{background:#7fe06a}.r7{background:#c9e05a}.r6{background:#ffd54a}.r5{background:#ff9f43}.r4{background:#ff6b6b}
.seg{display:flex;background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px;margin-bottom:12px;overflow-x:auto}
.seg button{flex:1;white-space:nowrap;background:transparent;border:0;border-radius:9px;padding:7px 10px;font-weight:700;font-size:0.8667rem;color:var(--mut);cursor:pointer}
.seg button.on{background:var(--card2);color:var(--acc)}
/* fdr grid */
.grid{overflow-x:auto}
.grid table{border-collapse:separate;border-spacing:3px;font-size:0.7667rem;width:100%}
.grid td,.grid th{text-align:center;border-radius:6px;padding:5px 2px;min-width:44px;font-weight:700}
.grid th{color:var(--mut);font-weight:600}
.grid td.tm{background:var(--surf);text-align:start;padding-inline-start:6px;min-width:56px}
.f1{background:var(--fdr1)}.f2{background:var(--fdr2);color:#04120a}.f3{background:var(--fdr3)}.f4{background:var(--fdr4)}.f5{background:var(--fdr5)}.fb{background:#1a1a1a;color:#666}
.grid td small{display:block;font-size:0.6333rem;opacity:.85;font-weight:600}
/* ai */
.ring{--p:70;width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--acc) calc(var(--p)*1%),var(--surf) 0);display:flex;align-items:center;justify-content:center;flex:none}
.ring>div{width:84px;height:84px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring b{font-size:1.8667rem;line-height:1}
.ring span{font-size:0.7333rem;color:var(--mut)}
.bar{display:flex;align-items:center;gap:8px;font-size:0.8333rem;margin:5px 0}
.bar .l{width:110px;color:var(--mut)}
.bar .b{flex:1;height:7px;background:var(--surf);border-radius:5px;overflow:hidden}
.bar .b i{display:block;height:100%;background:linear-gradient(90deg,var(--acc2),var(--acc))}
.bar .v{width:30px;text-align:end;font-weight:700}
.list{margin:6px 0 0;padding:0;list-style:none}
.list li{padding:5px 0;font-size:0.9rem;display:flex;gap:8px}
.tr{border:1px solid var(--line);border-radius:14px;padding:10px;margin-top:10px;background:var(--surf)}
.tr .sw{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:6px}
.pcard{display:flex;align-items:center;gap:8px}
.pcard img{width:34px;height:44px;object-fit:contain}
.pcard b{display:block;font-size:0.9333rem;direction:ltr;text-align:start}
.pcard span{font-size:0.7667rem;color:var(--mut)}
.pcard.in b{color:var(--acc)} .pcard.out b{color:#ff8fa1}
.why{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.why span{font-size:0.7667rem;background:var(--surf3);border:1px solid #1b4a33;border-radius:8px;padding:2px 7px}
.gain{font-weight:800;color:var(--acc);font-size:1.0rem}
.chipc{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line2)}
.chipc:last-child{border-bottom:0}
.chipc .ic{width:40px;height:40px;border-radius:12px;background:var(--surf3);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--acc);flex:none;font-size:0.8667rem}
.chipc.used{opacity:.5}
.empty{text-align:center;padding:26px 10px;color:var(--mut)}
.spin{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--acc);border-radius:50%;animation:sp 0.8s linear infinite;margin:30px auto}
@keyframes sp{to{transform:rotate(360deg)}}
.sheet{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);display:flex;align-items:flex-end}
.sheet.hidden{display:none}
.sheet .in{background:var(--bg2);border-top:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:640px;margin:0 auto;padding:16px 16px calc(20px + env(safe-area-inset-bottom));max-height:80vh;overflow:auto}
.toast{position:fixed;bottom:calc(var(--tabh) + 20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#e9fff2;color:#04120a;padding:9px 16px;border-radius:12px;font-weight:700;z-index:60;font-size:0.9rem}
.toast.hidden{display:none}
.gwlist{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.gwlist button{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 0;font-weight:700;cursor:pointer}
.gwlist button.on{background:var(--acc);color:#04120a}
.gwlist button:disabled{opacity:.3}
.note{font-size:0.7667rem;color:var(--mut);margin-top:8px}
.kv{display:flex;justify-content:space-between;font-size:0.8667rem;padding:4px 0;border-bottom:1px solid var(--line2)}
.h2h{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.h2h .col{background:var(--surf);border-radius:12px;padding:8px}
.pline{display:flex;justify-content:space-between;align-items:center;font-size:0.8333rem;padding:3px 0}
.pline .n{direction:ltr}
.pos{display:inline-block;font-size:0.6667rem;font-weight:800;border-radius:4px;padding:0 4px;background:#203f31;color:var(--txt2);margin-inline-end:4px}
.livepill{display:inline-flex;align-items:center;gap:5px;color:#ff6b81;font-weight:800;font-size:0.8rem}
.livepill:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff3b5c;animation:pulse 1.2s infinite}
.tagline{font-size:1.4667rem;font-weight:800;line-height:1.35;margin:8px 0 6px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.feat div{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:0.8333rem}
.feat b{display:block;color:var(--acc);font-size:0.9rem}

.chat{display:flex;flex-direction:column;gap:8px;min-height:200px}
.msg{max-width:86%;background:#123426;border:1px solid var(--line);border-radius:14px;padding:7px 10px;align-self:flex-start;font-size:0.9333rem}
.msg.mine{align-self:flex-end;background:#0f4a2c;border-color:#1f6b45}
.msg .who{font-size:0.7333rem;color:var(--mut);margin-bottom:2px}
.msg .who b{color:var(--acc)}
.msg.roast,.msg.report{max-width:100%;align-self:stretch;background:linear-gradient(160deg,#16452f,var(--bg2));border-color:#2a6a48}
.msg .special{font-size:0.8667rem;line-height:1.6}
.msg audio{width:230px;height:36px}
.chatbar{position:sticky;bottom:calc(var(--tabh) + env(safe-area-inset-bottom) + 6px);display:flex;gap:6px;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:6px;z-index:5}
.chatbar .inp{padding:9px 10px;font-size:1.0rem}
.recording{color:#ff6b81!important;border-color:#ff6b81!important}

@keyframes pulseb{0%{box-shadow:0 0 0 0 rgba(59,139,255,.75)}100%{box-shadow:0 0 0 8px rgba(59,139,255,0)}}
.pl.s-done .pt{background:#7d1427}
.pl.s-live .pt{background:#1d64d8}
.pl .pr{font-size:0.6667rem;color:var(--txt2);font-weight:700;margin-top:2px;direction:ltr;opacity:.9}
.bench .pl .pr{color:var(--mut)}
.c-live{color:#5aa2ff!important}
.c-done{color:#e0566e!important}
.money{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.money div{display:flex;flex-direction:column;align-items:center;gap:1px}
.money span{font-size:0.7333rem;color:var(--mut)}
.money b{font-size:1.0rem;font-weight:800;color:var(--gold)}
.budgetline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:0.8rem;color:var(--mut);margin-top:8px;padding:7px 10px;background:var(--surf2);border-radius:10px}
.budgetline b{color:var(--txt)}

/* v2: matches nav + predictions */
.gwnav{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px;margin-bottom:12px}
.gwnav b{font-size:1.0rem}
.gwnav button{width:40px;height:36px;border-radius:10px;border:0;background:var(--card2);color:var(--acc);font-size:1.4667rem;font-weight:800;line-height:1;cursor:pointer}
.gwnav button:disabled{opacity:.25;cursor:default}
.fdrs{display:flex!important;gap:3px;justify-content:center;margin-top:3px}
.fdrs i{width:14px;height:5px;border-radius:3px;display:block}
.note.est{background:var(--surf);border:1px dashed #2a5a45;border-radius:12px;padding:9px 12px;margin:0 0 12px;line-height:1.6}
.pred{cursor:pointer}
.pdate{text-align:center;font-size:0.7667rem;margin-bottom:4px}
.ptop{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
.pt-t{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:0.9rem}
.pt-t img{width:38px;height:38px;object-fit:contain}
.pscore{text-align:center}
.pscore div{font-size:2.0rem;font-weight:800;letter-spacing:1px;color:var(--txt);background:var(--surf2);border:1px solid var(--line);border-radius:12px;padding:2px 14px;direction:ltr}
.pscore>span{display:block;font-size:0.7rem;color:var(--mut);margin-top:3px}
.wdl{display:flex;height:8px;border-radius:6px;overflow:hidden;margin:12px 0 4px;gap:2px;direction:ltr}
[dir=rtl] .wdl{direction:rtl}
.wdl i{display:block;min-width:4px}
.wdl .h{background:var(--acc)}.wdl .d{background:#6d7f76}.wdl .a{background:var(--acc2)}
.wdl-l{display:flex;justify-content:space-between;font-size:0.7667rem;color:var(--mut)}
.pstats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}
.pstats div{background:var(--surf2);border-radius:10px;padding:6px 9px;display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;color:var(--mut)}
.pstats b{color:var(--txt);font-size:0.8667rem;direction:ltr}
.psub{font-size:0.8333rem;font-weight:700;margin:10px 0 4px}
.pscs .col{display:flex;flex-direction:column;gap:3px}
.psc{display:flex;justify-content:space-between;font-size:0.8333rem;padding:3px 8px;background:var(--surf);border-radius:8px}
.psc b{color:var(--gold)}
.flab{display:block;font-size:0.8rem;color:var(--mut);margin:8px 2px 5px}
.inp.sel{text-align:start;direction:inherit;font-size:1.0rem;padding:11px 14px;padding-inline-end:38px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2318e07a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}
[dir=rtl] .inp.sel{background-position:left 14px center}
details.manual{margin-top:10px;font-size:0.8333rem;color:var(--mut)}
details.manual summary{cursor:pointer}
.lsort{display:flex;align-items:center;gap:8px;margin:-4px 0 10px}
.lsort .seg{margin:0;flex:1}
.lsort>span{font-size:0.8rem;color:var(--mut);white-space:nowrap}
.tbl th.key,.tbl td.key{color:var(--acc)}
.pair{display:inline-flex;gap:.3em;align-items:baseline;justify-content:center}
[dir=rtl] .pair{direction:rtl}
.pair b{font-weight:inherit;color:inherit;font-size:inherit;display:inline}
.pair i{font-style:normal;opacity:.55}
.wdl-l b{color:var(--txt);font-weight:800}
.pstats b .pair{gap:.25em}
.seg.tight button{padding:7px 4px;font-size:0.8333rem}
.fx.acc .sc small{font-size:0.6333rem}
.okc{color:var(--acc)}.badc{color:#ff8fa1}
.pp{font-weight:800;font-size:0.8333rem}.pp.up{color:var(--acc)}.pp.dn{color:#ff8fa1}
.pj{color:#9fd8ff!important;font-size:0.7333rem}
.projline{display:flex;justify-content:center;gap:6px;align-items:center;margin-top:8px;font-size:0.8333rem;color:var(--mut)}
.projline b{color:#9fd8ff;font-size:1.0rem}
.tbl.proj .sub{white-space:nowrap;font-size:0.7rem}
.feed{display:grid;grid-template-columns:52px 22px 1fr auto;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid var(--line2);font-size:0.8667rem}
.feed .ft{color:var(--mut);font-size:0.7667rem}.feed .ft small{font-size:0.6333rem;line-height:1.1;display:block}
.feed .fdp{font-size:0.9333rem}.feed .fdp.pos{color:var(--acc)}.feed .fdp.neg{color:#ff8fa1}

/* stat accents */
.stat{position:relative;overflow:hidden;--k:var(--txt)}
.stat:before{content:"";position:absolute;top:0;inset-inline:18%;height:2px;border-radius:0 0 3px 3px;background:var(--k);opacity:.9}
.stat b{color:var(--k)}
.k-total{--k:#ffc94a}
.k-avg{--k:#b89bff}
.k-hits{--k:#ff8a3d}
.k-hits.zero b{opacity:.65}
.k-done{--k:#e5536b}
.k-live{--k:#5aa2ff}
.k-todo{--k:#d6e0db}
.money .k-val b{color:#4fd8c4}.money .k-bank b{color:#ffc94a}.money .k-sq b{color:#9fe6b8}

/* ask ai */
.qchips{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 12px}
.qc{background:var(--surf);border:1px solid var(--line);color:var(--txt);border-radius:999px;padding:7px 12px;font-size:0.8667rem;font-weight:700;cursor:pointer}
.qc.hero{background:linear-gradient(135deg,#18e07a,#0fb5a0);color:#04120a;border:0;width:100%;padding:11px;font-size:0.9667rem}
.askbar{display:flex;gap:8px;align-items:stretch}
.askbar textarea{text-align:start;direction:inherit;font-size:1.0rem;resize:none;line-height:1.5;padding:10px 12px}
.ans .q{display:flex;justify-content:flex-end;margin-bottom:8px}
.ans .q span{background:var(--card2);border-radius:14px;padding:7px 12px;font-size:0.9rem;max-width:85%}
.ans .a{font-size:0.9333rem;line-height:1.7}
.ans h4{margin:0 0 8px;font-size:1.0rem}
.ans p{margin:0 0 6px}
.plan{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:0.9rem}
.plan .pg{min-width:52px;font-weight:800;color:var(--acc)}
.lockwrap{position:relative}
.askc.locked{filter:blur(2.2px) saturate(.6);opacity:.55;pointer-events:none;user-select:none}
.lockover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}
.lockbadge{background:linear-gradient(135deg,#ffd54a,#ffb020);color:#2a1a00;font-weight:800;border-radius:999px;padding:8px 16px;font-size:1.0rem;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.lockt{background:rgba(6,20,13,.85);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:0.9333rem;line-height:1.7;max-width:320px}
.tgl{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:700;font-size:0.9333rem}.tgl input{width:20px;height:20px;accent-color:var(--acc)}
.tier{display:inline-flex;align-items:center;gap:3px;font-size:0.7333rem;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap}
.t-safe{background:#0f3d26;color:#5ff0a0}.t-bal{background:#3d3410;color:#ffd54a}.t-risky{background:#3d1018;color:#ff8fa1}
.rline{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:0.7667rem;color:var(--mut);margin-top:5px}
.rline b{color:var(--txt)}
.rwhy{font-size:0.7667rem;color:var(--mut);margin-top:3px;line-height:1.5}
.reco{padding:9px 0;border-bottom:1px solid var(--line2)}

/* ===== pitch v2 ===== */
.pitch2{position:relative;border-radius:22px;overflow:hidden;padding:10px 6px 8px;margin-top:2px;isolation:isolate}
.pitch2 .pfield{position:absolute;inset:0;z-index:-2}
.pitch2 .plines{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);fill:none;stroke-width:.45;vector-effect:non-scaling-stroke}
.pitch2 .plines *{vector-effect:non-scaling-stroke}
.pitch2 .pbeam{position:absolute;inset:0;z-index:-1;pointer-events:none}
.lanes{position:relative;display:flex;flex-direction:column;gap:0}
.lane{position:relative;padding:9px 0 10px}
.lane+.lane:before{content:"";position:absolute;top:0;inset-inline:14px;height:1px}
.llab{position:absolute;top:5px;inset-inline-start:8px;font-size:0.6333rem;font-weight:800;letter-spacing:.6px;opacity:.75;text-transform:uppercase}
.lrow{display:flex;justify-content:center;gap:6px;padding:0 4px}
.lrow .pc{flex:0 1 calc((100% - 24px)/5);max-width:74px;min-width:0}
.lrow.n3 .pc,.lrow.n2 .pc,.lrow.n1 .pc{max-width:80px}
.pc{position:relative;display:flex;flex-direction:column;align-items:center;border-radius:14px;padding:6px 3px 5px;cursor:pointer;
 background:linear-gradient(180deg,rgba(var(--ink),.10),rgba(var(--ink),.03));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
 border:1px solid rgba(var(--ink),.14);box-shadow:0 6px 18px rgba(0,0,0,.35);animation:pcin .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*35ms)}
@keyframes pcin{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.pc .kit{position:relative;width:38px;height:46px;display:flex;align-items:center;justify-content:center}
.pc .kit img{width:38px;height:46px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
.pc .cb{position:absolute;top:-4px;inset-inline-end:-10px;min-width:18px;height:18px;padding:0 3px;border-radius:9px;background:linear-gradient(135deg,#ffe07a,#ffb020);color:#2a1a00;font-size:0.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(255,201,74,.7)}
.pc .cb.v{background:linear-gradient(135deg,#f2f5f4,#aab6b0);box-shadow:0 0 6px rgba(220,230,225,.5)}
.pc .sin{position:absolute;bottom:-2px;inset-inline-start:-8px;background:var(--acc);color:#04120a;border-radius:6px;font-size:0.6667rem;font-weight:900;padding:0 4px}
.pc .pn{margin-top:4px;font-size:0.7rem;font-weight:800;line-height:1.15;text-align:center;color:var(--txt);width:100%;direction:ltr;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:24px;display:-webkit-box}
.pc .pp{margin-top:4px;min-width:34px;padding:2px 8px;border-radius:999px;font-size:0.9rem;font-weight:900;text-align:center;color:#fff;background:#3a4a43;border:1px solid rgba(var(--ink),.12)}
.pc .pm{display:flex;gap:3px;align-items:center;justify-content:center;margin-top:4px;font-size:0.6333rem;color:var(--txt2);flex-wrap:wrap}
.pc .fxc{display:inline-flex;gap:2px;align-items:baseline;border-radius:5px;padding:0 4px;font-size:0.6rem;font-weight:800;line-height:14px;color:#fff}
.pc .fxc i{font-style:normal;opacity:.8;font-size:0.5333rem}
.pc .fxc.f1{background:var(--fdr1)}.pc .fxc.f2{background:var(--fdr2);color:#04120a}.pc .fxc.f3{background:var(--fdr3)}.pc .fxc.f4{background:var(--fdr4)}.pc .fxc.f5{background:var(--fdr5)}.pc .fxc.fb{background:#222;color:#888}
.pc.s-done{border-color:rgba(179,38,62,.55)} .pc.s-done .pp{background:#7d1427;border-color:#b3263e}
.pc.s-live{border-color:rgba(59,139,255,.75);animation:pcin .5s both,ring 1.6s infinite} .pc.s-live .pp{background:#1d64d8;border-color:#5aa2ff}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(59,139,255,.55),0 6px 18px rgba(0,0,0,.35)}100%{box-shadow:0 0 0 9px rgba(59,139,255,0),0 6px 18px rgba(0,0,0,.35)}}
.pc.s-todo .pp{background:#33423b;color:#e6efe9}
.pc.cap{border-color:#ffc94a;box-shadow:0 0 0 1px rgba(255,201,74,.6),0 0 18px rgba(255,201,74,.35),0 6px 18px rgba(0,0,0,.35)}
.pc.out{opacity:.4;filter:grayscale(.6)}
.pc .bno{position:absolute;top:4px;inset-inline-start:5px;font-size:0.6rem;font-weight:900;color:var(--mut)}
.dock{margin-top:10px;border-radius:18px;padding:22px 6px 10px;position:relative;background:linear-gradient(180deg,rgba(var(--ink),.06),rgba(var(--ink),.02));border:1px solid rgba(var(--ink),.10);backdrop-filter:blur(8px)}
.dock .dlab{position:absolute;top:5px;inset-inline-start:12px;font-size:0.6667rem;font-weight:800;letter-spacing:.6px;color:var(--mut)}
/* variant A: neon night stadium, tilted field */
.v-neon.pitch2{background:radial-gradient(120% 70% at 50% -10%,rgba(120,255,190,.10),transparent 60%),#04140c;border:1px solid rgba(24,224,122,.25);box-shadow:inset 0 0 60px rgba(0,0,0,.6),0 10px 30px rgba(0,0,0,.35)}
.v-neon .pfield{transform:perspective(700px) rotateX(16deg) scale(1.08);transform-origin:50% 60%;
 background:repeating-linear-gradient(180deg,#0b3a24 0 9%,#0a3320 9% 18%),#0a3320;mask-image:radial-gradient(130% 100% at 50% 40%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(130% 100% at 50% 40%,#000 55%,transparent 100%)}
.v-neon .plines{stroke:#5dffb0;filter:drop-shadow(0 0 2px rgba(93,255,176,.9)) drop-shadow(0 0 6px rgba(93,255,176,.45));opacity:.55}
.v-neon .plines .dot{fill:#5dffb0}
.v-neon .pbeam{background:linear-gradient(200deg,rgba(var(--ink),.07),transparent 35%),linear-gradient(160deg,rgba(var(--ink),.05),transparent 30%),radial-gradient(100% 60% at 50% 110%,rgba(0,0,0,.55),transparent 60%)}
.v-neon .lane+.lane:before{background:linear-gradient(90deg,transparent,rgba(93,255,176,.35),transparent)}
.v-neon .llab{color:#7dffc0;text-shadow:0 0 8px rgba(93,255,176,.6)}
/* variant B: tactical glass board */
.v-glass.pitch2{background:linear-gradient(180deg,#0d1f1a,#08140f);border:1px solid rgba(var(--ink),.08)}
.v-glass .pfield{background:linear-gradient(rgba(var(--ink),.035) 1px,transparent 1px) 0 0/100% 22px,linear-gradient(90deg,rgba(var(--ink),.035) 1px,transparent 1px) 0 0/22px 100%}
.v-glass .plines{stroke:rgba(180,230,210,.28)}
.v-glass .plines .dot{fill:rgba(180,230,210,.5)}
.v-glass .pbeam{background:radial-gradient(80% 50% at 50% 0%,rgba(24,224,122,.10),transparent 70%)}
.v-glass .lane{margin:4px 2px;border-radius:14px;background:rgba(var(--ink),.025)}
.v-glass .lane+.lane:before{display:none}
.v-glass .llab{color:var(--mut)}
@media (prefers-reduced-motion:reduce){.pc,.pc.s-live{animation:none}.v-neon .pfield{transform:none}}

.v-neon .plines{opacity:.9;stroke-width:.6}
.v-neon .pfield:after{content:"";position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(93,255,176,.16),transparent 65%);pointer-events:none}
.pwrap{margin-top:4px}

/* =====================================================================
   DESIGN v2 — site-wide (tokens, aurora, glass, nav, tables, light mode)
   ===================================================================== */
:root{ --card-a:rgba(15,42,29,.72); --card-b:rgba(19,54,42,.55); --cardline:rgba(24,224,122,.13); --shadow:0 10px 30px rgba(0,0,0,.35); --pill:rgba(24,224,122,.14);
 --aur1:rgba(24,224,122,.16); --aur2:rgba(0,194,255,.10); --aur3:rgba(167,139,250,.10); --rowalt:rgba(255,255,255,.025); --thbg:rgba(255,255,255,.03); color-scheme:dark; }
html[data-theme=light]{ color-scheme:light;
 --bg:#f2f6f4; --bg2:#e9f0ec; --card:#ffffff; --card2:#f3f8f5; --line:#d3e2da; --line2:#e2ece6; --surf:#f5f9f7; --surf2:#eef4f0; --surf3:#e5eee9;
 --txt:#0c1d15; --txt2:#2b4237; --mut:#587063; --acc:#07884a; --acc2:#0072b0; --warn:#a86400; --bad:#c8213f; --gold:#a87400; --violet:#6d4fd8; --blue:#1f66d6;
 --hdr:rgba(255,255,255,.82); --navbg:rgba(255,255,255,.9); --ink:12,40,28; --glow:7,136,74;
 --card-a:rgba(255,255,255,.86); --card-b:rgba(255,255,255,.7); --cardline:rgba(7,136,74,.14); --shadow:0 8px 24px rgba(20,60,40,.09); --pill:rgba(7,136,74,.12);
 --aur1:rgba(24,200,110,.16); --aur2:rgba(0,150,230,.10); --aur3:rgba(140,110,240,.08); --rowalt:rgba(12,40,28,.025); --thbg:rgba(12,40,28,.035); }
/* aurora background */
body{background:var(--bg)}
body:before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;
 background:radial-gradient(35vmax 28vmax at 20% 10%,var(--aur1),transparent 70%),radial-gradient(30vmax 26vmax at 85% 25%,var(--aur2),transparent 70%),radial-gradient(34vmax 30vmax at 50% 95%,var(--aur3),transparent 70%);
 animation:aurora 28s ease-in-out infinite alternate;will-change:transform}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(var(--ink),.025) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ink),.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%)}
@keyframes aurora{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(3vmax,-2vmax,0) rotate(6deg)}100%{transform:translate3d(-3vmax,2vmax,0) rotate(-4deg)}}
/* header */
.top{background:var(--hdr);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(var(--glow),.45),transparent) 1;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.logo svg{filter:drop-shadow(0 0 8px rgba(var(--glow),.55))}
.bname b{background:linear-gradient(90deg,var(--txt),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.chip{background:rgba(var(--ink),.06);border:1px solid rgba(var(--ink),.12);transition:transform .15s,background .2s,border-color .2s}
.chip:active{transform:scale(.94)}
.chip.gw{color:var(--acc);border-color:rgba(var(--glow),.35);box-shadow:0 0 0 3px rgba(var(--glow),.06)}
.chip.icon{width:34px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.chip.icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
html[data-theme=light] .ico-sun{display:none} html:not([data-theme=light]) .ico-moon{display:none}
.deadline{background:linear-gradient(90deg,transparent,rgba(var(--glow),.08),transparent);border-bottom:1px solid var(--line2)}
/* bottom nav */
.tabs{background:var(--navbg);border-top:1px solid rgba(var(--ink),.08);box-shadow:0 -8px 24px rgba(0,0,0,.12)}
.tabs a{position:relative;transition:color .2s}
.tabs a:before{content:"";position:absolute;top:7px;left:50%;width:52px;height:30px;margin-left:-26px;border-radius:999px;background:var(--pill);opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s}
.tabs a.on:before{opacity:1;transform:scale(1);box-shadow:0 0 18px rgba(var(--glow),.25)}
.tabs a svg{position:relative;z-index:1;transition:transform .2s}
.tabs a.on svg{transform:translateY(-1px)}
.tabs a span{position:relative;z-index:1}
.tabs a:active svg{transform:scale(.88)}
/* cards */
.card{background:linear-gradient(180deg,var(--card-a),var(--card-b));border:1px solid var(--cardline);box-shadow:var(--shadow);border-radius:18px}
.card h3{letter-spacing:.2px}
.view.enter>*{animation:vin .38s cubic-bezier(.2,.8,.2,1) both}
.view.enter>*:nth-child(2){animation-delay:.04s}.view.enter>*:nth-child(3){animation-delay:.08s}.view.enter>*:nth-child(4){animation-delay:.12s}.view.enter>*:nth-child(n+5){animation-delay:.16s}
@keyframes vin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
button:active,.btn:active,.seg button:active{transform:scale(.97)}
.btn,.seg button,.pl,.pc,.kv[data-id],tr[data-e]{transition:transform .12s,background .2s}
/* segmented controls */
.seg{background:rgba(var(--ink),.05);border:1px solid rgba(var(--ink),.09);border-radius:14px;padding:3px}
.seg button{border-radius:11px}
.seg button.on{background:linear-gradient(180deg,rgba(var(--glow),.22),rgba(var(--glow),.12));color:var(--acc);box-shadow:inset 0 0 0 1px rgba(var(--glow),.35),0 4px 14px rgba(var(--glow),.12)}
/* tables */
.tbl thead th{background:var(--thbg);font-size:0.7667rem;letter-spacing:.3px;color:var(--mut);font-weight:700}
.tbl tbody tr:nth-child(even){background:var(--rowalt)}
.tbl tbody tr:active{background:rgba(var(--glow),.08)}
.tbl tr.me{background:linear-gradient(90deg,rgba(var(--glow),.16),rgba(var(--glow),.04))!important;box-shadow:inset 3px 0 0 var(--acc)}
html[dir=rtl] .tbl tr.me{box-shadow:inset -3px 0 0 var(--acc)}
.mv.up{color:var(--acc)} .mv.dn{color:var(--bad)}
/* skeleton */
.skel{display:flex;flex-direction:column;gap:10px;padding:6px 0}
.skel .sk{height:62px;border-radius:16px;background:linear-gradient(90deg,rgba(var(--ink),.05),rgba(var(--ink),.11),rgba(var(--ink),.05));background-size:200% 100%;animation:shim 1.2s linear infinite}
.skel .sk.h{height:150px}.skel .sk.s{height:38px;width:60%}
@keyframes shim{from{background-position:200% 0}to{background-position:-200% 0}}
/* light-mode fixes for hard-coded dark fills */
html[data-theme=light] body{background:var(--bg)}
html[data-theme=light] .badge.warn{background:#fff1d6} html[data-theme=light] .badge.bad{background:#ffe1e6} html[data-theme=light] .badge.blue{background:#dcefff} html[data-theme=light] .badge.gold{background:#fff4cc}
html[data-theme=light] .why span{border-color:var(--line)} html[data-theme=light] .pos{background:#e3efe8}
html[data-theme=light] .msg{background:#eef5f1} html[data-theme=light] .msg.mine{background:#d9f3e4}
html[data-theme=light] .msg.roast,html[data-theme=light] .msg.report{background:linear-gradient(160deg,#dff5e8,#fff)}
html[data-theme=light] .t-safe{background:#d8f5e5;color:#05703c} html[data-theme=light] .t-bal{background:#fff1c7;color:#7a5600} html[data-theme=light] .t-risky{background:#ffe0e5;color:#a3122f}
html[data-theme=light] .fb{background:#e8ecea}
html[data-theme=light] .top{box-shadow:0 4px 16px rgba(20,60,40,.06)}
html[data-theme=light] .tabs{box-shadow:0 -6px 20px rgba(20,60,40,.06)}
/* light pitch: daylight stadium */
html[data-theme=light] .v-neon.pitch2,html[data-theme=light] .v-glass.pitch2{background:linear-gradient(180deg,#2f9a55,#24854a);border:1px solid #1f7a43;box-shadow:0 10px 24px rgba(20,80,45,.18)}
html[data-theme=light] .v-neon .pfield{background:repeating-linear-gradient(180deg,#3aa862 0 9%,#33a05b 9% 18%)}
html[data-theme=light] .v-glass .pfield{background:repeating-linear-gradient(180deg,#3aa862 0 9%,#33a05b 9% 18%)}
html[data-theme=light] .pitch2 .plines{stroke:#fff;filter:none;opacity:.85}
html[data-theme=light] .pitch2 .plines .dot{fill:#fff}
html[data-theme=light] .v-neon .pbeam{background:linear-gradient(200deg,rgba(255,255,255,.25),transparent 40%),radial-gradient(100% 60% at 50% 115%,rgba(0,40,20,.25),transparent 60%)}
html[data-theme=light] .v-neon .pfield:after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}
html[data-theme=light] .lane+.lane:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}
html[data-theme=light] .llab{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);opacity:.95}
html[data-theme=light] .v-glass .lane{background:rgba(255,255,255,.08)}
html[data-theme=light] .pc{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(10,60,30,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=light] .pc .pn{color:#0c1d15}
html[data-theme=light] .pc .pm{color:#3b5548}
html[data-theme=light] .pc.s-todo .pp{background:#5d6f66;color:#fff}
html[data-theme=light] .pc.s-done{border-color:#e9a3b0} html[data-theme=light] .pc.s-live{border-color:#7fb0ff}
html[data-theme=light] .pc.cap{border-color:#e7b13a;box-shadow:0 0 0 2px rgba(231,177,58,.55),0 6px 16px rgba(10,60,30,.22)}
html[data-theme=light] .dock{background:rgba(255,255,255,.75);border-color:var(--line)}
html[data-theme=light] .dock .pc{background:#fff;border-color:var(--line);box-shadow:0 3px 10px rgba(20,60,40,.08)}
@media (prefers-reduced-motion:reduce){body:before{animation:none}.view.enter>*{animation:none}.skel .sk{animation:none}}

/* light: darker text accents (generated) */
html[data-theme=light] .fx .sc.live{color:#c8213f}
html[data-theme=light] .pcard.out b{color:#c8213f}
html[data-theme=light] .livepill{color:#c8213f}
html[data-theme=light] .recording{color:#c8213f!important}
html[data-theme=light] .c-live{color:#1f66d6!important}
html[data-theme=light] .badc{color:#c8213f}
html[data-theme=light] .pp.dn{color:#c8213f}
html[data-theme=light] .pj{color:#0a6aa8!important}
html[data-theme=light] .projline b{color:#0a6aa8}
html[data-theme=light] .feed .fdp.neg{color:#c8213f}
html[data-theme=light] .k-total{--k:#a87400}
html[data-theme=light] .k-avg{--k:#6d4fd8}
html[data-theme=light] .k-hits{--k:#c25a00}
html[data-theme=light] .k-done{--k:#c8213f}
html[data-theme=light] .k-live{--k:#1f66d6}
html[data-theme=light] .k-todo{--k:#6a7d73}
html[data-theme=light] .money .k-bank b{color:#a87400}
html[data-theme=light] .t-bal{color:#a87400}
html[data-theme=light] .t-risky{color:#c8213f}
html[data-theme=light] .v-neon .llab{color:#07884a}
html[data-theme=light] .nest{color:#a87400}
html[data-theme=light] .nform{color:#07884a}
html[data-theme=light] .money .k-val b{color:#0b7d70} html[data-theme=light] .money .k-sq b{color:#2b7f4d} html[data-theme=light] .k-todo{--k:#5b6e64}
/* ===== news ===== */
/* news palette: every colour this page uses, per theme */
:root{--n-inj:#ff4d6a;--n-dbt:#ffb020;--n-sus:#b07cff;--n-una:#8a9a93;--n-fit:#18e07a;--n-new:#00c2ff;
 --n-cy:0,194,255;--n-gd:255,213,74;--n-am:255,176,32;--n-rd:255,77,106;
 --n-newbg:linear-gradient(135deg,#00c2ff,#3b8bff);--n-newtx:#fff;--n-form:#7dffc0;--n-confbg:rgba(255,255,255,.06);--n-ndbg:linear-gradient(135deg,#ffd27a,#ff9f1a);
 --n-ch-tx:#bfffdc;--n-cm-tx:#ffe2a8;--n-cl-tx:#ffc2cc;--n-tint:0%;
 --n-bbc-bg:#1b1b1b;--n-bbc-tx:#ececec;--n-sky-bg:#0a2c8c;--n-sky-tx:#fff;--n-gdn-bg:#052962;--n-gdn-tx:#fff;--n-src-bg:#333;--n-src-tx:#fff}
html[data-theme=light]{--n-inj:#d42a48;--n-dbt:#c77800;--n-sus:#7b4fd6;--n-una:#6b7d75;--n-fit:#07884a;--n-new:#0072b0;
 --n-cy:0,114,176;--n-gd:168,116,0;--n-am:199,120,0;--n-rd:212,42,72;
 --n-newbg:linear-gradient(135deg,#0091d6,#1f66d6);--n-form:#07884a;--n-confbg:#f1f5f3;--n-ch-tx:#05703c;--n-cm-tx:#8a5a00;--n-cl-tx:#a3122f;--n-tint:28%}
html[data-theme=light] .npill,html[data-theme=light] .nstats b,html[data-theme=light] .nchance b{--ct:color-mix(in srgb,var(--c) 80%,var(--txt))}
html[data-theme=light] .nform{text-shadow:none}

.ntile{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;border-radius:var(--r);background:linear-gradient(120deg,rgba(var(--n-cy),.10),rgba(var(--glow),.08) 60%,rgba(var(--ink),.02));border:1px solid rgba(var(--n-cy),.25);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ntile .ni{font-size:1.6rem;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(var(--n-cy),.12);border:1px solid rgba(var(--n-cy),.25)}
.ntile b{display:block;font-size:0.9667rem}.ntile small{display:block;font-size:0.7667rem;color:var(--mut);line-height:1.5}
.ntile .nchev{font-size:1.4667rem;color:var(--acc2);font-weight:800}
.nhead h2{margin:2px 2px 10px;font-size:1.2667rem;font-weight:800}
.nseg button{font-size:0.8333rem;padding:8px 4px}
.nstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.nstats div{position:relative;padding:9px 4px 7px;border-radius:13px;text-align:center;background:linear-gradient(180deg,rgba(var(--ink),.06),rgba(var(--ink),.015));border:1px solid rgba(var(--ink),.08);overflow:hidden}
.nstats div:before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:var(--c);opacity:.9}
.nstats b{display:block;font-size:1.3333rem;font-weight:900;color:var(--ct,var(--c));line-height:1.1}
.nstats span{font-size:0.7rem;color:var(--mut);font-weight:700}
.nctl{margin-bottom:10px}.nctl .seg{margin-bottom:8px}
.nchips{display:flex;gap:6px;flex-wrap:wrap}
.nchips.hs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}.nchips.hs::-webkit-scrollbar{display:none}
.nchip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:var(--surf);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:0.8rem;font-weight:700;color:var(--mut);cursor:pointer}
.nchip.on{background:rgba(var(--glow),.12);border-color:rgba(var(--glow),.5);color:var(--acc)}
.nsd{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(var(--ink),.35)}
.ngrp{padding:6px 12px}
.ngh{display:flex;align-items:center;gap:8px;padding:6px 0 8px;border-bottom:1px solid var(--line);margin-bottom:2px}
.ngh img{width:24px;height:24px;object-fit:contain}.ngh b{font-size:0.9667rem}
.ngh .badge{font-size:0.7rem;padding:1px 7px}
.nrow{position:relative;display:flex;gap:10px;align-items:flex-start;padding:10px 0 10px;border-bottom:1px solid var(--line2)}
.nrow:last-child{border-bottom:0}
.nrow:before{content:"";position:absolute;inset-inline-start:-12px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--c)}
.nrow.mine{background:linear-gradient(90deg,rgba(var(--n-gd),.06),transparent 70%)}
html[dir=rtl] .nrow.mine{background:linear-gradient(270deg,rgba(var(--n-gd),.06),transparent 70%)}
.nshirt{width:34px;height:42px;object-fit:contain;flex:none;margin-top:2px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}
.nbody{min-width:0}
.ntop{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.nname{font-size:0.9333rem;direction:ltr;unicode-bidi:isolate}
.ntm{font-size:0.7rem;font-weight:800;color:var(--mut);border:1px solid var(--line);border-radius:5px;padding:0 4px}
.npill{flex:none;font-size:0.7333rem;font-weight:800;padding:2px 9px;border-radius:999px;color:var(--ct,var(--c));background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);white-space:nowrap}
.nnew{font-size:0.6667rem;font-weight:900;padding:1px 7px;border-radius:999px;background:var(--n-newbg);color:var(--n-newtx);box-shadow:0 0 10px rgba(var(--n-cy),.45)}
.nmine{font-size:0.6667rem;font-weight:800;color:var(--gold)}
.nmeta{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:0.7667rem;color:var(--mut);margin-top:2px}
.nmeta i{font-style:normal;opacity:.5}
.ntext{margin-top:6px;font-size:0.8333rem;line-height:1.5;color:var(--txt2);text-align:left;background:rgba(var(--ink),.03);border:1px solid rgba(var(--ink),.06);border-radius:10px;padding:6px 9px}
.nchance{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:0.7rem;color:var(--mut)}
.nchance>span:first-child{white-space:nowrap}
.nbar{flex:1;height:5px;border-radius:5px;background:rgba(var(--ink),.07);overflow:hidden}
.nbar i{display:block;height:100%;border-radius:5px;background:var(--c);box-shadow:0 0 8px var(--c)}
.nchance b{font-size:0.7333rem;color:var(--ct,var(--c));min-width:32px;text-align:end}
.nwarn{color:var(--warn);margin:0 2px 10px}
.nfail{line-height:1.8}
.nnews{padding:12px 14px}
.nnews.mine{border-color:rgba(var(--n-gd),.45);box-shadow:0 0 0 1px rgba(var(--n-gd),.12)}
.nsrc{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.nlogo{font-size:0.7rem;font-weight:900;letter-spacing:.3px;padding:2px 8px;border-radius:6px;direction:ltr;unicode-bidi:isolate}
.nsrc .sub{font-size:0.7667rem}
.nbdg{width:20px;height:20px;object-fit:contain}
.nlab{display:block;font-size:0.6667rem;font-weight:800;letter-spacing:.3px;color:var(--acc2);opacity:.85;margin-bottom:3px}
.nh{margin:0 0 6px;font-size:1.0333rem;line-height:1.45;font-weight:800}
.nh[dir=ltr]{text-align:left;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.1px}
.norig{font-size:0.7667rem;color:var(--mut);text-align:left;margin:-2px 0 8px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.nsum{border-inline-start:2px solid rgba(var(--n-cy),.45);padding-inline-start:10px;margin:4px 0 10px}
.nsum p{margin:0;font-size:0.8667rem;line-height:1.55;color:var(--txt2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nsum p[dir=ltr]{text-align:left;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.nfoot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ntag{font-size:0.7333rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--pill);color:var(--acc);direction:ltr;unicode-bidi:isolate}
.ntag.my{background:rgba(var(--n-gd),.14);color:var(--gold);border:1px solid rgba(var(--n-gd),.35)}
.nread{display:inline-flex;align-items:center;gap:4px;font-size:0.8333rem;font-weight:800;color:var(--acc);padding:6px 12px;border-radius:10px;border:1px solid rgba(var(--glow),.35);background:rgba(var(--glow),.07);white-space:nowrap}
.nteams{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:6px;scrollbar-width:none}.nteams::-webkit-scrollbar{display:none}
.ntb{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;width:56px;padding:7px 0 5px;border-radius:13px;background:rgba(var(--ink),.035);border:1px solid rgba(var(--ink),.08);cursor:pointer;color:var(--mut);font-size:0.7rem;font-weight:800}
.ntb img{width:26px;height:26px;object-fit:contain}
.ntb.on{background:rgba(var(--glow),.12);border-color:rgba(var(--glow),.55);color:var(--acc);box-shadow:0 0 14px rgba(var(--glow),.18)}
.nfx{font-size:0.9rem;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:10px}
.nfxt{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nfxw{margin-top:4px;font-size:0.7667rem}
.nvsw{color:var(--mut);font-size:0.8rem;font-weight:700}
.nfx .nvs{margin-inline-start:2px}
.nfx img{width:22px;height:22px;object-fit:contain}
.nvs{font-size:0.6667rem;font-weight:900;color:var(--acc2);border:1px solid rgba(var(--n-cy),.4);border-radius:5px;padding:0 4px}
.nestbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.nest{font-size:0.7667rem;font-weight:800;color:var(--gold);background:rgba(var(--n-gd),.10);border:1px solid rgba(var(--n-gd),.35);border-radius:999px;padding:3px 10px}
.nform{font-size:1.0rem;font-weight:900;color:var(--n-form);text-shadow:0 0 8px rgba(var(--glow),.5);letter-spacing:1px}
.nxi{padding:12px 10px}
.nxpitch .lane{padding:10px 0 11px}
.pc.nxc .pp.nconf{display:inline-flex;align-items:center;gap:4px;font-size:0.6667rem;padding:2px 7px;min-width:0;background:var(--n-confbg);white-space:nowrap}
.nconf i,.nlegend i,.nconfb i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--cc);box-shadow:0 0 6px var(--cc)}
.c-h{--cc:var(--n-fit)}.c-m{--cc:var(--n-dbt)}.c-l{--cc:var(--n-inj)}
.pc.nxc.c-h .pp{border-color:rgba(var(--glow),.5);color:var(--n-ch-tx)}.pc.nxc.c-m .pp{border-color:rgba(var(--n-am),.5);color:var(--n-cm-tx)}.pc.nxc.c-l .pp{border-color:rgba(var(--n-rd),.5);color:var(--n-cl-tx)}
.pc.nxc.c-l{opacity:.88}
.pc .cb.nd{background:var(--n-ndbg);inset-inline-end:-14px;font-size:0.6rem;min-width:26px}
.nst4{font-size:0.6rem;color:inherit;opacity:.85;border:1px solid rgba(var(--ink),.12);border-radius:4px;padding:0 3px}
.nlegend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:0.7333rem;color:var(--mut);margin-top:10px;padding:0 4px}
.nlegend span{display:inline-flex;align-items:center;gap:4px}
.nout{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2)}
.nout:last-child{border-bottom:0}
.nout img{width:28px;height:36px;object-fit:contain}
.nout b{font-size:0.9rem;direction:ltr;unicode-bidi:isolate}
.nconfb{display:inline-flex;align-items:center;gap:5px;font-size:0.8rem;font-weight:800;padding:3px 10px;border-radius:999px;border:1px solid rgba(var(--ink),.12)}
.ngws{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 8px}
.ngws div{text-align:center;border-radius:11px;padding:6px 2px;background:rgba(var(--ink),.04);border:1px solid rgba(var(--ink),.08)}
.ngws div small{display:block;font-size:0.6667rem;color:var(--mut)}.ngws div b{display:block;font-size:0.9333rem}.ngws div span{font-size:0.6667rem;font-weight:800}
.ngws .st{border-color:rgba(var(--glow),.45)}.ngws .st span{color:var(--acc)}.ngws .sub span{color:var(--warn)}.ngws .no{opacity:.55}
.pc.nxc .pn{overflow-wrap:normal;word-break:keep-all}
.pc.nxc .pn.nlong{font-size:0.6rem;letter-spacing:-.2px}
.ncount{font-size:0.7333rem;font-weight:800;color:var(--mut);background:rgba(var(--ink),.06);border-radius:999px;padding:0 7px}
.nmore{display:block;width:100%;margin:2px 0 4px;padding:8px;border-radius:10px;background:rgba(var(--ink),.03);border:1px dashed var(--line);color:var(--acc);font-weight:800;font-size:0.8333rem;cursor:pointer}
/* ===== news-end ===== */

/* fluid: kit + pitch cards scale with the root size */
.pc .kit{width:2.55rem;height:3.05rem}.pc .kit img{width:2.55rem;height:3.05rem}

/* ===== responsive: tablets, landscape, desktop ===== */
@media (min-width:700px){ html{font-size:clamp(15px,1.25vw,17px)} .view{max-width:780px;padding:16px 18px 24px} }
@media (min-width:1000px){
 .view{max-width:1200px;columns:2;column-gap:18px}
 .view>*{break-inside:avoid;-webkit-column-break-inside:avoid}
 .view>:not(.card):not(.pwrap):not(.reco){column-span:all;-webkit-column-span:all}
 .view>.card:has(table),.view>.card:has(.tbl){column-span:all;-webkit-column-span:all}
 .view>.card,.view>.pwrap{display:inline-block;width:100%}
 .pwrap .pitch2{max-width:560px;margin-inline:auto}
 .tabs{left:50%;right:auto;transform:translateX(-50%);width:min(560px,100%);bottom:12px;border-radius:22px;border:1px solid rgba(var(--ink),.1);height:var(--tabh);padding-bottom:0}
 body{padding-bottom:calc(var(--tabh) + 30px)}
 .top{padding-inline:max(14px,calc((100vw - 1200px)/2))}
}

@media (min-width:1000px){
 .view[data-route=team],.view[data-route=entry]{columns:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:22px;row-gap:12px;align-items:start}
 .view[data-route=team]>*,.view[data-route=entry]>*{grid-column:2;margin-top:0!important}
 .view[data-route=team]>.pwrap,.view[data-route=entry]>.pwrap{grid-column:1;grid-row:1/span 30;position:sticky;top:86px}
 .view[data-route=team]>.pwrap .pitch2{max-width:none}
}

/* ===== gw7 fix: isolate manager/team names (e.g. "MA&") in RTL tables ===== */
td.mgr b, td.mgr > span:not(.badge){unicode-bidi:plaintext}
/* gw7 fix: lane label clear of 5-wide rows; countdown never splits */
.lane .lrow.n5{padding-top:9px}
.llab{z-index:2}
.deadline b{white-space:nowrap;display:inline-block}

/* ===== live pill (gw7 speed pass) ===== */
.lvpill{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--tabh) + 10px + env(safe-area-inset-bottom));z-index:31;display:flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:0.7333rem;font-weight:700;color:var(--txt,#e9fff2);background:rgba(10,24,18,.82);border:1px solid rgba(93,255,176,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:none;white-space:nowrap}
.lvpill.hidden{display:none}
.lvpill i{width:7px;height:7px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 0 0 rgba(255,77,109,.6);animation:lpulse 1.6s infinite}
.lvpill b{font-weight:800;unicode-bidi:isolate;direction:ltr}
.lvpill.stale i{background:#f5b041;animation:none}
@keyframes lpulse{0%{box-shadow:0 0 0 0 rgba(255,77,109,.55)}70%{box-shadow:0 0 0 7px rgba(255,77,109,0)}100%{box-shadow:0 0 0 0 rgba(255,77,109,0)}}
html[data-theme=light] .lvpill{background:rgba(255,255,255,.92);color:#0b2a1b;border-color:rgba(7,136,74,.25);box-shadow:0 4px 14px rgba(20,60,40,.12)}
@media (prefers-reduced-motion:reduce){.lvpill i{animation:none}}
@media (min-width:1000px){.lvpill{bottom:calc(var(--tabh) + 24px)}}

/* ===== ESPN events + lineups (gw7) ===== */
.xtl{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.xrow{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;min-height:30px;border-bottom:1px solid rgba(var(--ink),.05);padding:3px 0}
.xrow:last-child{border-bottom:0}
.xrow.xg{background:linear-gradient(90deg,transparent,rgba(var(--glow),.07),transparent)}
.xm{justify-self:center;font-size:0.7333rem;font-weight:800;color:var(--mut);background:rgba(var(--ink),.06);border-radius:999px;padding:2px 7px;min-width:34px;text-align:center}
.xh .xc{justify-content:flex-start}.xa .xc{flex-direction:row-reverse;text-align:end}
.xc{display:flex;align-items:center;gap:6px;font-size:0.8333rem;line-height:1.25}
.xi{font-size:0.9333rem;flex:0 0 auto}
.xn{font-weight:700}.xs{font-size:0.7333rem;color:var(--mut)}
.xsc{margin-inline-start:4px;font-size:0.7333rem;color:var(--acc);font-weight:800}
.xin{color:var(--acc)}.xout{color:#ff8fa1}
.xlu .col{min-width:0}
.xlh{display:flex;align-items:center;gap:6px;margin-bottom:6px}.xlh img{width:20px;height:20px}.xfm{margin-inline-start:auto;font-size:0.7333rem;color:var(--mut);font-weight:700}
.xl{display:flex;align-items:center;gap:6px;font-size:0.8rem;padding:3px 0;border-bottom:1px solid rgba(var(--ink),.04);min-width:0}
.xj{flex:0 0 20px;height:20px;border-radius:50%;background:rgba(var(--ink),.07);display:inline-flex;align-items:center;justify-content:center;font-size:0.6667rem;font-weight:800}
.xln{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.xpos{font-size:0.6333rem;color:var(--mut);font-weight:700}
.xbh{margin-top:8px;font-size:0.7333rem;color:var(--mut);font-weight:800}
.xbench{font-size:0.7333rem;color:var(--mut);line-height:1.5}
.xcf{flex:0 0 12px;display:inline-flex;justify-content:center}.xcf i{width:8px;height:8px;border-radius:50%;background:var(--mut)}
.xcf.c-h i{background:var(--acc)}.xcf.c-m i{background:#f5b041}.xcf.c-l i{background:#ff8fa1}
.xforms{display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.xform{display:inline-flex;gap:3px;margin-inline-start:4px;direction:ltr}
.xform i{font-style:normal;width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:0.6333rem;font-weight:800;color:#fff;background:#6b7a73}
.xform .xf-W{background:#1fb86a}.xform .xf-L{background:#e0475e}.xform .xf-D{background:#8a9690}
.card.hidden{display:none}
.xln{unicode-bidi:plaintext;text-align:start}

/* ===== lineup pitch ===== */
.xpw{margin:6px 0 8px}
.xpitch{padding:8px 4px}
.xhalf{display:flex;flex-direction:column;justify-content:space-around;min-height:262px;gap:4px}
.xtop{padding-bottom:10px}.xbot{padding-top:10px}
.xprow{display:flex;justify-content:space-evenly;align-items:flex-start;direction:ltr;gap:2px}
.xp{display:flex;flex-direction:column;align-items:center;width:62px;min-width:0}
.xpc{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7333rem;font-weight:800;background:#e9fff2;color:#06140d;border:2px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.xpc.xcf2{background:rgba(10,24,18,.85);color:#e9fff2}.xpc.xcf2.c-h{border-color:#18e07a}.xpc.xcf2.c-m{border-color:#f5b041}.xpc.xcf2.c-l{border-color:#ff8fa1}
.xpn{margin-top:3px;font-size:0.6333rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;background:rgba(0,0,0,.28);padding:0 4px;border-radius:5px}
.xpm{display:flex;gap:1px;min-height:12px;flex-wrap:wrap;justify-content:center}
.xmk{font-style:normal;font-size:0.6rem;line-height:1.2;background:rgba(0,0,0,.35);border-radius:4px;padding:0 2px;color:#fff}
.xmk.xout{color:#ffb3c0}
.xplab{display:flex;align-items:center;justify-content:center;gap:6px;font-size:0.7333rem;color:#e9fff2;opacity:.9;padding:2px 0}
.xplab img{width:16px;height:16px}.xplab span{opacity:.75}
.xbenchw{margin-top:4px}
.xbench span{display:inline-block;margin-inline-end:8px;white-space:nowrap}
html[data-theme=light] .xplab{color:#fff}
.xpc img{width:24px;height:24px;object-fit:contain}

/* ===== pitch style toggle ===== */
.pvtog{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 2px 6px}
.pvl{font-size:0.7333rem;color:var(--mut);font-weight:700}
.pvseg{margin:0;padding:2px}.pvseg button{padding:4px 10px;font-size:0.7667rem}
.v-glass .xplab{color:var(--txt)}
.v-glass .xpn{background:rgba(0,0,0,.35)}

/* ===== horizontal lineup pitch ===== */
.xqlabs{display:flex;justify-content:space-between;direction:ltr;padding:0 4px 4px}
.xqlab{display:flex;align-items:center;gap:5px;font-size:0.7333rem}.xqlab img{width:16px;height:16px}.xqlab span{color:var(--mut);font-weight:700}
.xpitchh{padding:6px 2px}
.xqf{display:flex;direction:ltr;min-height:200px}
.xqhalf{flex:1;display:flex;justify-content:space-around;align-items:stretch}
.xqcol{display:flex;flex-direction:column;justify-content:space-around;align-items:center;min-width:0;flex:1}
.xq{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;padding:1px 0}
.xqc{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:800;background:#e9fff2;color:#06140d;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 1px 5px rgba(0,0,0,.35)}
.xqc img{width:18px;height:18px;object-fit:contain}
.xqc.xcf2{background:rgba(10,24,18,.85);color:#e9fff2}.xqc.xcf2.c-h{border-color:#18e07a}.xqc.xcf2.c-m{border-color:#f5b041}.xqc.xcf2.c-l{border-color:#ff8fa1}
.xqn{margin-top:1px;font-size:0.5667rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);max-width:100%;overflow:hidden;white-space:nowrap;text-align:center;line-height:1.15}
.xqm{display:flex;gap:1px;justify-content:center;min-height:0}
.xqm .xmk{font-size:0.5rem}

/* ===== My Team: compact circle player tokens (gw7, Mohamed's ask) ===== */
.pitch2 .pc:not(.nxc),.dock .pc:not(.nxc),html[data-theme=light] .pitch2 .pc:not(.nxc),html[data-theme=light] .dock .pc:not(.nxc){background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:2px 0 3px;border-radius:0}
.pitch2 .pc:not(.nxc) .kit,.dock .pc:not(.nxc) .kit{width:2.35rem;height:2.35rem;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.22),rgba(255,255,255,.06) 70%);border:2px solid rgba(233,255,242,.75);box-shadow:0 3px 10px rgba(0,0,0,.4)}
.pitch2 .pc:not(.nxc) .kit img,.dock .pc:not(.nxc) .kit img{width:1.75rem;height:1.75rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.pitch2 .pc:not(.nxc).s-live .kit,.dock .pc:not(.nxc).s-live .kit{border-color:#5aa2ff;box-shadow:0 0 0 3px rgba(59,139,255,.35),0 3px 10px rgba(0,0,0,.4)}
.pitch2 .pc:not(.nxc).s-done .kit,.dock .pc:not(.nxc).s-done .kit{border-color:#c2334d;box-shadow:0 0 0 2px rgba(125,20,39,.45),0 3px 10px rgba(0,0,0,.4)}
.pitch2 .pc:not(.nxc).cap .kit{border-color:#ffc94a;box-shadow:0 0 0 2px rgba(255,201,74,.55),0 0 14px rgba(255,201,74,.45),0 3px 10px rgba(0,0,0,.4)}
.pitch2 .pc:not(.nxc).s-live{animation:pcin .5s both}
.pitch2 .pc:not(.nxc).s-live .kit{animation:ring 1.6s infinite}
.pitch2 .pc:not(.nxc) .cb,.dock .pc:not(.nxc) .cb{top:-5px;inset-inline-end:-8px;min-width:16px;height:16px;font-size:0.6rem}
.pitch2 .pc:not(.nxc) .pn,.dock .pc:not(.nxc) .pn{margin-top:3px;font-size:0.6333rem;line-height:1.2;-webkit-line-clamp:1;color:#fff;background:rgba(0,0,0,.38);border-radius:5px;padding:0 4px;width:auto;max-width:100%;text-shadow:0 1px 2px rgba(0,0,0,.6)}
html[data-theme=light] .pitch2 .pc:not(.nxc) .pn{color:#fff}
.pitch2 .pc:not(.nxc) .pp,.dock .pc:not(.nxc) .pp{margin-top:2px;min-width:26px;padding:0 6px;font-size:0.7333rem;line-height:1.35}
.pitch2 .pc:not(.nxc) .pm,.dock .pc:not(.nxc) .pm{margin-top:2px;font-size:0.5333rem;gap:2px;color:rgba(233,255,242,.8)}
html[data-theme=light] .pitch2 .pc:not(.nxc) .pm{color:rgba(255,255,255,.92)}
.pitch2 .pc:not(.nxc) .fxc,.dock .pc:not(.nxc) .fxc{font-size:0.5rem;line-height:12px;padding:0 3px}
.pitch2 .lane{padding:5px 0 6px}
.pitch2 .lane .lrow.n5{padding-top:10px}
.dock .pc:not(.nxc) .kit{border-color:rgba(var(--ink),.35)}
.dock .pc:not(.nxc) .pn{color:var(--txt);background:rgba(var(--ink),.08);text-shadow:none}
.dock .pc:not(.nxc) .pm{color:var(--txt2)}
.dock .pc:not(.nxc) .bno{top:-2px}
.pitch2 .pc:not(.nxc) .pn,.dock .pc:not(.nxc) .pn{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}