/* Boundary Live V4 · mobile first */
:root{
  --ink:#13231c;--ink2:#1d3329;--green:#075a3a;--green2:#0b7a4f;--lime:#dfff58;--cream:#f4f1e8;--paper:#fff;
  --line:#e1e5df;--line2:#cfd8d2;--muted:#66746c;--red:#c73932;--amber:#d98a00;--blue:#1f6fd1;
  --text:var(--ink);--bg:var(--cream);--card:var(--paper);--soft:#f3f6f1;--shadow:0 6px 24px rgba(19,35,28,.06);
  --r:14px;--tab:64px;
}
:root[data-theme="dark"]{
  --text:#e9efe9;--bg:#0d1612;--card:#15211b;--soft:#1b2a23;--line:#24352c;--line2:#2f4539;--muted:#94a59b;--shadow:none;--green:#2fae74;--green2:#38c585;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --text:#e9efe9;--bg:#0d1612;--card:#15211b;--soft:#1b2a23;--line:#24352c;--line2:#2f4539;--muted:#94a59b;--shadow:none;--green:#2fae74;--green2:#38c585;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 'DM Sans',system-ui,sans-serif;padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}
body.is-scorer{padding-bottom:0}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:'Oswald',system-ui,sans-serif;line-height:1.15;margin:0 0 .5em;letter-spacing:.2px}
h1{font-size:28px}h2{font-size:21px}h3{font-size:16px;font-family:'DM Sans',system-ui,sans-serif;font-weight:700}
p{margin:0 0 .8em}
img{max-width:100%}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11.5px}.center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap}
.hidden{display:none!important}
.mt{margin-top:16px}.mb{margin-bottom:16px}.mt0{margin-top:0}.gap{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}
.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:700;color:var(--green);margin:0 0 4px}

/* top bar */
.top{background:var(--ink);color:#fff;position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top)}
.top-in{max-width:1180px;margin:auto;height:56px;display:flex;align-items:center;gap:16px;padding:0 14px}
.brand{font:700 21px 'Oswald',system-ui,sans-serif;letter-spacing:1px;color:#fff;white-space:nowrap}.brand span{color:var(--lime)}.brand:hover{text-decoration:none}
.desk-nav{display:none;gap:4px;flex:1}
.desk-nav a{color:#cfdcd4;font-weight:600;font-size:14px;padding:8px 12px;border-radius:8px}
.desk-nav a.on,.desk-nav a:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:6px}
.icon-btn{background:none;border:0;color:#fff;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;cursor:pointer}
.icon-btn:hover{background:rgba(255,255,255,.1)}
.menu{position:relative}.menu summary{list-style:none;cursor:pointer}.menu summary::-webkit-details-marker{display:none}
.me-chip{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14px;padding:4px 8px 4px 4px;border-radius:30px;background:rgba(255,255,255,.08)}
.menu-pop{position:absolute;right:0;top:46px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);min-width:220px;padding:6px;z-index:50}
.menu-pop a,.menu-pop button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;color:var(--text);font:inherit;font-weight:500;background:none;border:0;cursor:pointer}
.menu-pop a:hover,.menu-pop button:hover{background:var(--soft);text-decoration:none}
@media (min-width:900px){.desk-nav{display:flex}}
@media (max-width:420px){.hide-sm{display:none}}

/* bottom tab bar (phones) */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;height:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:11px;font-weight:600;padding:6px 0}
.tabbar a.on{color:var(--green)}.tabbar a:hover{text-decoration:none}
.tabbar .tab-plus{flex:0 0 56px;height:48px;border-radius:16px;background:var(--ink);color:var(--lime);justify-content:center;margin-top:-18px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
:root[data-theme="dark"] .tabbar .tab-plus{background:var(--lime);color:var(--ink)}
.tabbar .tab-plus svg{width:26px;height:26px;stroke-width:2.4}
@media (min-width:900px){.tabbar{display:none}body{padding-bottom:0}}

.wrap{max-width:1180px;margin:auto;padding:16px 14px 40px}
@media (min-width:700px){.wrap{padding:28px 22px 60px}h1{font-size:36px}}
.foot{max-width:1180px;margin:auto;padding:10px 16px 30px;color:var(--muted);font-size:12.5px;text-align:center}

/* flashes, toast */
.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-weight:500;background:#e7f6ec;color:#0b5a32;border:1px solid #bfe5cc}
.flash-error{background:#ffe9e6;color:#8b1711;border-color:#f3bcb5}
.flash-info{background:#eaf2ff;color:#173f7a;border-color:#c5d8f7}
.toast{position:fixed;left:50%;bottom:calc(var(--tab) + 20px);transform:translateX(-50%) translateY(30px);background:var(--ink);color:#fff;padding:11px 16px;border-radius:12px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:100;max-width:92vw;text-align:center}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.err{background:var(--red)}
body.is-scorer .toast{bottom:24px}

/* cards & sections */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}
.card+.card,.card+.section,.section+.card{margin-top:14px}
.card h2:first-child,.card h3:first-child{margin-top:0}
.section{margin-top:22px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.section-head h2{margin:0}
.grid{display:grid;gap:14px}
@media (min-width:700px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-side{grid-template-columns:2fr 1fr}}
.page-head{margin-bottom:16px}.page-head p{color:var(--muted);margin:0}
.page-head .row{flex-wrap:wrap}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;background:var(--green);color:#fff;padding:11px 16px;font:700 14.5px 'DM Sans',system-ui,sans-serif;cursor:pointer;text-decoration:none;min-height:44px;white-space:nowrap}
.btn:hover{text-decoration:none;filter:brightness(1.05)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn svg{width:18px;height:18px}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff}:root[data-theme="dark"] .btn-dark{background:#2a3d33}
.btn-ghost{background:transparent;color:var(--green);border-color:var(--line2)}
.btn-soft{background:var(--soft);color:var(--text);border-color:var(--line)}
.btn-danger{background:var(--red);color:#fff}
.btn-sm{padding:7px 12px;min-height:34px;font-size:13px;border-radius:9px}
.btn-block{width:100%}
.btn-row{display:flex;gap:8px;flex-wrap:wrap}
.linkbtn{background:none;border:0;color:var(--green);font:inherit;font-weight:600;cursor:pointer;padding:0}

/* forms */
label{display:block;font-weight:600;font-size:13.5px;margin-bottom:12px}
label>span.hint,.hint{display:block;font-weight:400;color:var(--muted);font-size:12.5px;margin-top:3px}
input,select,textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line2);border-radius:10px;padding:11px 12px;background:var(--card);color:var(--text);font:inherit;font-size:16px;min-height:44px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:0;border-color:var(--green)}
input[type=checkbox],input[type=radio]{display:inline-block;width:20px;height:20px;min-height:0;margin:0 8px 0 0;vertical-align:-4px;accent-color:var(--green)}
input[type=color]{padding:3px;height:44px}
textarea{min-height:90px;resize:vertical}
.check{display:flex;align-items:flex-start;gap:4px;font-weight:500;margin-bottom:10px}
.check input{flex:none;margin-top:2px}
.form-grid{display:grid;gap:0 14px}
@media (min-width:640px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:1/-1}.form-grid-3{grid-template-columns:repeat(3,1fr)}}
fieldset{border:1px solid var(--line);border-radius:12px;padding:12px 14px 4px;margin:0 0 14px}
legend{font-weight:700;padding:0 6px;font-size:14px}
.inline-form{display:inline}
.search-bar{display:flex;gap:8px;margin-bottom:14px}.search-bar input{margin:0}

/* pills, avatars, badges */
.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 9px;border-radius:20px;background:var(--soft);color:var(--muted);white-space:nowrap}
.pill-live{background:#ffe3e1;color:#b3261e}.pill-live i{width:7px;height:7px;border-radius:50%;background:#e53935;animation:blink 1.2s infinite}
.pill-innings_break{background:#fff2d6;color:#8a5a00}.pill-completed{background:#e4f4ea;color:#0b5a32}.pill-scheduled{background:#e9f0fb;color:#1f4f99}
.pill-lime{background:var(--lime);color:var(--ink)}
@keyframes blink{50%{opacity:.25}}
.avatar{--h:150;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;object-fit:cover;background:hsl(var(--h) 45% 88%);color:hsl(var(--h) 50% 25%);font-weight:700;font-size:14px}
.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:84px;height:84px;font-size:28px}.avatar.xl{width:110px;height:110px;font-size:36px;border:4px solid var(--card)}
.badge-logo{--h:150;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;flex:none;object-fit:cover;background:hsl(var(--h) 45% 35%);color:#fff;font:700 13px 'Oswald',system-ui,sans-serif;letter-spacing:.5px}
.badge-logo.sm{width:28px;height:28px;font-size:10px;border-radius:8px}.badge-logo.lg{width:72px;height:72px;font-size:22px;border-radius:18px}

/* lists */
.list{display:flex;flex-direction:column}
.list-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--text)}
.list-item:last-child{border-bottom:0}
a.list-item:hover{text-decoration:none;background:var(--soft);margin:0 -10px;padding:11px 10px;border-radius:10px}
.list-item .title{font-weight:700}
.empty{padding:26px 14px;text-align:center;color:var(--muted);border:1.5px dashed var(--line2);border-radius:var(--r)}
.empty .btn{margin-top:10px}

/* hero */
.hero{background:var(--ink);color:#fff;border-radius:20px;padding:22px 18px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:28px solid rgba(223,255,88,.08)}
.hero h1{color:#fff;font-size:30px}.hero p{color:#c6d4cb}
.hero .eyebrow{color:var(--lime)}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;position:relative;z-index:1}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;position:relative;z-index:1}
.stat-strip div{background:rgba(255,255,255,.06);border-radius:12px;padding:10px;text-align:center}
.stat-strip strong{display:block;font:600 22px 'Oswald',system-ui,sans-serif;color:var(--lime)}.stat-strip small{font-size:11px;color:#b9c8bf}
@media (min-width:700px){.hero{padding:34px 32px}.hero h1{font-size:44px}}

/* match cards */
.mcards{display:grid;gap:12px}
@media (min-width:700px){.mcards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.mcards.three{grid-template-columns:repeat(3,1fr)}}
.mcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:13px 14px;color:var(--text);box-shadow:var(--shadow)}
.mcard:hover{text-decoration:none;border-color:var(--green)}
.mcard-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:12px;color:var(--muted)}
.mcard-top span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mteam{display:flex;align-items:center;gap:10px;padding:4px 0}
.mteam .name{flex:1;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mteam .sc{font:600 17px 'Oswald',system-ui,sans-serif;white-space:nowrap}
.mteam.win .name::after{content:" ✓";color:var(--green)}
.mcard-foot{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--green)}
.mcard-foot.live{color:#b3261e}

/* tabs */
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 -14px 14px;padding:0 14px;position:sticky;top:56px;background:var(--bg);z-index:20}
.tabs::-webkit-scrollbar{display:none}
.tabs a,.tabs button{flex:none;padding:12px 12px;font-weight:700;font-size:14px;color:var(--muted);border:0;border-bottom:3px solid transparent;background:none;cursor:pointer;font-family:inherit}
.tabs a.on,.tabs button.on{color:var(--text);border-bottom-color:var(--green)}
.tabs a:hover{text-decoration:none;color:var(--text)}
@media (min-width:700px){.tabs{margin:0 0 16px;padding:0}}

/* tables */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;text-align:right;padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:9px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
th:first-child,td:first-child{text-align:left}
td.how{text-align:left;color:var(--muted);font-size:12.5px;white-space:normal;min-width:110px}
th.l,td.l{text-align:left}
tr.on-strike td:first-child{font-weight:700}
td strong{font-weight:700}
.sc-name{font-weight:600;color:var(--text)}
.sc-name small{color:var(--muted);font-weight:500}
.sc-batting td:first-child{max-width:150px;white-space:normal}
.sc-total td{font-weight:700;background:var(--soft)}

/* stat tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (min-width:700px){.tiles{grid-template-columns:repeat(6,1fr)}}
.tile{background:var(--soft);border-radius:12px;padding:11px 8px;text-align:center}
.tile strong{display:block;font:600 22px 'Oswald',system-ui,sans-serif}
.tile small{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}

/* profile header */
.profile-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.profile-head h1{margin:0}
.facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.fact{background:var(--soft);border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}

/* share box */
.share-box{background:var(--soft);border:1px dashed var(--line2);border-radius:12px;padding:12px}
.share-box .link{display:block;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;word-break:break-all;background:var(--card);border:1px solid var(--line);padding:9px 10px;border-radius:9px;margin:8px 0;user-select:all}

/* leaderboard */
.lb-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.lb-row:last-child{border:0}
.lb-rank{width:22px;font:600 15px 'Oswald',system-ui,sans-serif;color:var(--muted);text-align:center}
.lb-row:first-child .lb-rank{color:var(--green)}
.lb-val{font:600 19px 'Oswald',system-ui,sans-serif}

/* ===== live match page ===== */
.live-hero{background:var(--ink);color:#fff;border-radius:18px;padding:16px;margin-bottom:12px}
.live-hero .meta{font-size:12px;color:#b9c8bf;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lh-teams{display:grid;gap:8px;margin:12px 0 8px}
.lh-team{display:flex;align-items:center;gap:10px}
.lh-team .nm{flex:1;font-weight:700;font-size:16px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lh-team .sc{font:600 26px 'Oswald',system-ui,sans-serif;white-space:nowrap}.lh-team .sc small{font-size:14px;color:#b9c8bf;margin-left:4px}
.lh-team.batting .nm::before{content:"";display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:7px;vertical-align:2px}
.lh-team.dim{opacity:.75}
.lh-line{font-weight:600;color:var(--lime);font-size:14.5px;margin-top:6px}
.lh-rates{display:flex;gap:16px;margin-top:8px;font-size:12.5px;color:#c6d4cb;flex-wrap:wrap}.lh-rates b{color:#fff;font-family:'Oswald',system-ui,sans-serif;font-size:15px;font-weight:600}
.now-card{display:grid;gap:10px}
@media (min-width:700px){.now-card{grid-template-columns:1fr 1fr}}
.batter-row{display:flex;align-items:center;gap:8px;padding:6px 0}
.batter-row .nm{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.batter-row .nm.strike::after{content:" *";color:var(--green);font-weight:800}
.batter-row .fig{font:600 16px 'Oswald',system-ui,sans-serif}
.batter-row .sub{color:var(--muted);font-size:12px;width:92px;text-align:right}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{min-width:32px;height:32px;padding:0 7px;border-radius:16px;display:inline-grid;place-items:center;background:var(--soft);font:600 13px 'Oswald',system-ui,sans-serif;border:1px solid var(--line)}
.chip.c4{background:#dbeafe;color:#1d4ed8;border-color:#bcd3fb}.chip.c6{background:#ede4ff;color:#6a2bd9;border-color:#d8c6ff}
.chip.cW{background:#fde2df;color:#b3261e;border-color:#f6c1bb}.chip.cx{background:#fff2d6;color:#8a5a00;border-color:#f3dfb0}
.chip.c0{color:var(--muted)}
:root[data-theme="dark"] .chip.c4{background:#18325a;color:#9cc2ff}:root[data-theme="dark"] .chip.c6{background:#2e2150;color:#c9b3ff}:root[data-theme="dark"] .chip.cW{background:#4a1f1b;color:#ffb4ab}:root[data-theme="dark"] .chip.cx{background:#3e3216;color:#f4cf7a}
.comm{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.comm .b{flex:none;width:44px;font:600 13px 'Oswald',system-ui,sans-serif;color:var(--muted);padding-top:6px}
.comm .chip{flex:none}
.comm p{margin:0;font-size:14px}
.comm.over-end{border-bottom:2px solid var(--line2)}
.chart{width:100%;height:auto;display:block}
.chart text{font:11px 'DM Sans',system-ui,sans-serif;fill:var(--muted)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;margin-top:6px}.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.wagon-wrap{max-width:360px;margin:auto}
.updated{font-size:11.5px;color:var(--muted);text-align:center;margin-top:10px}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}

/* ===== scorer ===== */
.sc-top{background:var(--ink);color:#fff;padding:10px 12px calc(10px);position:sticky;top:56px;z-index:30}
.sc-top .r1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sc-top .score{font:600 32px 'Oswald',system-ui,sans-serif;line-height:1}.sc-top .score small{font-size:16px;color:#b9c8bf;margin-left:6px}
.sc-top .tm{font-weight:700;font-size:14px;color:#cfdcd4;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-top .r2{display:flex;gap:12px;font-size:12.5px;color:#c6d4cb;margin-top:6px;flex-wrap:wrap}.sc-top .r2 b{color:var(--lime)}
.fh-banner{background:var(--lime);color:var(--ink);font-weight:800;text-align:center;padding:5px;border-radius:8px;margin-top:8px;font-size:13px;letter-spacing:1px}
.scorer{max-width:640px;margin:auto}
.crease{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 12px;margin:10px 0}
.crease .batter-row{cursor:pointer}
.crease .bowl{border-top:1px solid var(--line);padding-top:6px;margin-top:2px}
.over-strip{display:flex;align-items:center;gap:8px;margin:6px 0 10px;overflow-x:auto}
.over-strip .lbl{font-size:12px;font-weight:700;color:var(--muted);flex:none}
.pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pad button{height:62px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);font:600 24px 'Oswald',system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 0 var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none}
.pad button:active{transform:translateY(1px);box-shadow:none}
.pad button.b4{background:#dcf5e5;color:#12893f;border-color:#b3e6c6}.pad button.b6{background:#ede4ff;color:#6a2bd9;border-color:#d8c6ff}
.pad button.ext{font-size:17px;background:#fff7e3;color:#8a5a00;border-color:#f3dfb0}
.pad button.out{background:#c73932;color:#fff;border-color:#a92d27;font-size:20px;grid-column:span 2}
.pad button.undo{font-size:16px;background:var(--soft)}
.pad button.more{font-size:15px;background:var(--soft)}
:root[data-theme="dark"] .pad button.b4{background:#123a24;color:#8ee6b0;border-color:#1e5a37}:root[data-theme="dark"] .pad button.b6{background:#2e2150;color:#c9b3ff;border-color:#43307a}:root[data-theme="dark"] .pad button.ext{background:#3e3216;color:#f4cf7a;border-color:#5a4920}
.pad .busy{opacity:.5;pointer-events:none}
.opts{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}
.opts label{margin:0;display:flex;align-items:center;font-size:13px;font-weight:600;background:var(--soft);border-radius:20px;padding:6px 12px}
.opts input{margin-right:6px}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.quick button{min-height:44px;font-size:13px}
.prompt{background:var(--card);border:2px solid var(--green);border-radius:16px;padding:14px;margin:10px 0}
.prompt h3{margin:0 0 8px}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pick button{text-align:left;padding:12px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--text);font:600 14px 'DM Sans',system-ui,sans-serif;cursor:pointer;min-height:48px}
.pick button small{display:block;color:var(--muted);font-weight:500;font-size:11.5px;margin-top:2px}
.pick button.sel{border:2px solid var(--green);background:var(--soft)}
.pick button:disabled{opacity:.45;cursor:not-allowed}
.seg{display:flex;background:var(--soft);border-radius:12px;padding:4px;gap:4px;margin:6px 0 12px}
.seg button{flex:1;border:0;background:none;padding:10px 6px;border-radius:9px;font:700 13.5px 'DM Sans',system-ui,sans-serif;color:var(--muted);cursor:pointer;min-height:42px}
.seg button.sel{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.numrow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:6px 0 12px}
.numrow button{height:48px;border-radius:11px;border:1px solid var(--line2);background:var(--card);font:600 19px 'Oswald',system-ui,sans-serif;color:var(--text);cursor:pointer}
.numrow button.sel{background:var(--green);color:#fff;border-color:var(--green)}

/* bottom sheet */
.sheet-bg{position:fixed;inset:0;background:rgba(5,12,9,.55);z-index:80;opacity:0;pointer-events:none;transition:.2s}
.sheet-bg.open{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--card);border-radius:20px 20px 0 0;max-height:88vh;overflow-y:auto;padding:8px 16px calc(20px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease;max-width:640px;margin:auto}
.sheet.open{transform:none}
.sheet .grab{width:44px;height:5px;border-radius:3px;background:var(--line2);margin:4px auto 12px}
.sheet h3{font-family:'Oswald',system-ui,sans-serif;font-size:20px;font-weight:600;margin-bottom:12px}
.sheet .sub{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:12px 0 6px}
.sheet-actions{display:flex;gap:8px;margin-top:14px;position:sticky;bottom:-20px;background:var(--card);padding:10px 0}
.sheet-actions .btn{flex:1}
.wagon-pick{display:block;margin:auto;max-width:300px;touch-action:none;cursor:crosshair}
.balls-list .bl{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);cursor:pointer}
.balls-list .bl .b{width:42px;font:600 13px 'Oswald',system-ui,sans-serif;color:var(--muted)}
.balls-list .bl p{margin:0;font-size:13.5px;flex:1}

/* admin */
.admin-nav{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px}
.admin-nav a{flex:none;padding:8px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-weight:600;font-size:13.5px;color:var(--text)}
.admin-nav a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.danger-zone{border-color:#f3bcb5}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}

/* print */
@media print{.top,.tabbar,.foot,.tabs,.btn,.share-row,.no-print{display:none!important}body{background:#fff;color:#000}.card{border:0;box-shadow:none;padding:0}}
#sc-root.busy .pad,#sc-root.busy .pick{opacity:.55;pointer-events:none}
.lh-team.won .nm::after{content:" ✓";color:var(--lime)}
svg.chart,svg.wagon-pick{stroke:none;stroke-width:1}
.chart text{font-size:14px}
.wagon-wrap .chart text,.wagon-pick text{font-size:8px}
svg.wagon-pick{width:100%;height:auto;max-width:320px;display:block;margin:0 auto 8px}

.mvp-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--text)}
.mvp-row:last-child{border-bottom:0}.mvp-row:hover{text-decoration:none;background:var(--soft)}
.mvp-row .grow{display:flex;flex-direction:column;gap:1px}.mvp-name{font-weight:700}
.mvp-split b{font-weight:700;color:var(--muted);margin-left:6px}.mvp-split b:first-child{margin-left:0}

.shot-maps{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start;margin-top:8px}
.shot-maps svg{width:100%;height:auto}
.zones .z-run{font:700 13px 'Oswald',system-ui,sans-serif;fill:var(--text)}
.zones .z-lbl{font-size:7.5px!important;fill:var(--muted)}
.wagon-wrap .chart text.z-lbl{font-size:7.5px}
.bd-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--soft)}
.bd-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px}.bd-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}
.g-target{font-weight:700;fill:#c73932!important}.g-end{font:700 15px 'Oswald',system-ui,sans-serif}
.shot-card .lb-val{white-space:nowrap}

.bw-row{padding:8px 0;border-bottom:1px solid var(--line)}.bw-row:last-of-type{border-bottom:0}
.bw-track{position:relative;height:10px;background:var(--soft);border-radius:5px;margin-top:5px}
.bw-track span{display:block;height:100%;background:linear-gradient(90deg,#0b7a4f,#d98a00);border-radius:5px}
.bw-track em{position:absolute;right:0;top:-6px;font-style:normal;color:#c73932;font-size:12px;letter-spacing:1px}
.chart.spell{width:auto;max-width:none;height:110px}
.spell text.sp-v{font:700 11px 'Oswald',system-ui,sans-serif;fill:var(--text)}.spell text.sp-o{font-size:10px}
.shot-maps .chart text{font-size:8px}.shot-maps .zones text.z-run{font-size:13px}

/* ducks, moments, insights, extras */
.duck{font-size:15px;line-height:1;display:inline-block;transform:translateY(1px)}
.insights{display:grid;gap:8px}@media(min-width:700px){.insights{grid-template-columns:1fr 1fr}}
.ins{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:12px;padding:10px 12px;font-size:14px}
.ins-i{font-size:18px;line-height:1.2;flex:none;width:24px;text-align:center}
.timeline{position:relative;padding-left:4px}
.tl{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.tl:last-child{border-bottom:0}
.tl-i{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:18px}
.tl-t{font-weight:700;font-size:14.5px}.tl-b{text-align:right;flex:none;font-size:12px;display:flex;flex-direction:column}.tl-b b{font-family:'Oswald',system-ui,sans-serif;font-weight:600;font-size:14px}.tl-b small{color:var(--muted)}
.tl.k-wkt .tl-i{background:#fde2df}.tl.k-duck .tl-i{background:#fff2c4}.tl.k-big .tl-i{background:var(--lime)}.tl.k-good .tl-i{background:#dcf2e5}.tl.k-tense .tl-i{background:#ffe7c2}
:root[data-theme="dark"] .tl.k-wkt .tl-i{background:#4a1f1b}:root[data-theme="dark"] .tl.k-good .tl-i{background:#173b29}:root[data-theme="dark"] .tl.k-duck .tl-i,:root[data-theme="dark"] .tl.k-tense .tl-i{background:#3e3216}:root[data-theme="dark"] .tl.k-big .tl-i{background:#4c5a14}
.result-moment{display:flex;gap:12px;align-items:center;background:var(--ink);color:#fff}.result-moment .tl-i{background:var(--lime)}.result-moment .tiny{color:#c6d4cb!important}
.ex-list{display:grid;grid-template-columns:1fr;gap:4px;margin-top:8px;font-size:13px}
.ex-list div{display:flex;align-items:center;gap:8px}.ex-list i{width:10px;height:10px;border-radius:3px;flex:none}.ex-list b{margin-left:auto}.ex-list small{color:var(--muted);width:60px;text-align:right}
.ex-track{display:flex}.ex-track span{border-radius:0}.ex-track span:first-child{border-radius:5px 0 0 5px}
/* celebrations */
.celebrate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(5,12,9,.55);animation:celIn .25s ease-out;cursor:pointer;overflow:hidden}
.celebrate.out{animation:celOut .45s ease-in forwards}
.cel-card{text-align:center;color:#fff;animation:celPop .6s cubic-bezier(.2,1.6,.4,1) both}
.cel-icon{width:140px;height:140px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font:700 92px/1 'Oswald',system-ui,sans-serif;box-shadow:0 0 0 10px rgba(255,255,255,.12),0 20px 60px rgba(0,0,0,.4)}
.cel-title{font:700 54px/1 'Oswald',system-ui,sans-serif;letter-spacing:2px;text-shadow:0 4px 20px rgba(0,0,0,.4)}
.cel-sub{font-weight:600;font-size:16px;margin-top:8px;max-width:86vw;opacity:.95}
.cel-six .cel-icon{background:linear-gradient(135deg,#6a2bd9,#a46bff);animation:celSpin 1s ease-out}
.cel-four .cel-icon{background:linear-gradient(135deg,#1d4ed8,#5b8cff)}
.cel-wicket .cel-icon{background:linear-gradient(135deg,#c73932,#ff6b5e);font-size:76px;animation:celShake .5s .2s}
.cel-wicket{background:rgba(70,8,6,.6)}
.cel-duck .cel-icon{background:linear-gradient(135deg,#ffd84d,#ffb300);font-size:84px;animation:celWaddle .9s ease-in-out 2}
.cel-duck .cel-title{color:#ffd84d}
.cel-burst i{position:absolute;left:50%;top:60%;width:10px;height:14px;background:var(--c);border-radius:2px;animation:celBit 1.6s var(--d) cubic-bezier(.1,.7,.3,1) both}
@keyframes celIn{from{opacity:0}}@keyframes celOut{to{opacity:0}}
@keyframes celPop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes celSpin{from{transform:rotate(-200deg) scale(.4)}}
@keyframes celShake{25%{transform:translateX(-12px) rotate(-6deg)}50%{transform:translateX(10px) rotate(5deg)}75%{transform:translateX(-6px)}}
@keyframes celWaddle{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg) translateX(-8px)}75%{transform:rotate(12deg) translateX(8px)}}
@keyframes celBit{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(540deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.celebrate,.cel-card,.cel-icon,.cel-burst i{animation:none!important}}

.ins-head{grid-column:1/-1;margin:8px 0 0}.ins-head:first-child{margin-top:0}
th.ph-team{white-space:normal;max-width:120px}

/* player analysis */
.pa-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pa-chart{display:block;max-width:none;overflow:visible}
.pa-chart text.pa-v{font:700 12px 'Oswald',system-ui,sans-serif;fill:var(--text)}
.pa-chart text.pa-l{font-size:10.5px}
.pa-chart text{font-size:11px}
.phase-box{background:var(--soft);border-radius:12px;padding:12px}
.phase-box .bw-track{margin:6px 0}
.hb{padding:6px 0}
.pa-good{border-left:4px solid #0b7a4f}.pa-work{border-left:4px solid #d98a00}
.pa-good ul,.pa-work ul{margin:0;padding-left:18px}.pa-good li,.pa-work li{margin:6px 0;font-size:14px}

/* cricket-ball chips */
.chip.ball{position:relative;isolation:isolate;overflow:hidden;width:34px;height:34px;min-width:34px;padding:0;border:0;border-radius:50%;
  color:#13231c;background:radial-gradient(circle at 32% 26%,#ffffff 0,#f6f5ef 28%,#dcdad0 70%,#b9b6aa 100%);
  box-shadow:inset -3px -4px 7px rgba(0,0,0,.20),inset 2px 2px 3px rgba(255,255,255,.6),0 1px 3px rgba(0,0,0,.25)}
.chip.ball::before{content:"";position:absolute;z-index:-1;top:-12%;bottom:-12%;left:29%;right:29%;border-radius:50%;
  border-left:1.6px dashed rgba(196,30,45,.85);border-right:1.6px dashed rgba(196,30,45,.85);transform:rotate(-28deg)}
.chip.ball::after{content:"";position:absolute;z-index:-1;top:-12%;bottom:-12%;left:44%;right:44%;border-radius:50%;
  border-left:1px solid rgba(196,30,45,.45);border-right:1px solid rgba(196,30,45,.45);transform:rotate(-28deg)}
.chip.ball b{font:700 13px 'Oswald',system-ui,sans-serif;text-shadow:0 0 3px rgba(255,255,255,.95),0 0 1px rgba(255,255,255,1)}
.chip.ball.mid b{font-size:11.5px}.chip.ball.long b{font-size:9.5px;letter-spacing:-.2px}
:root .chip.ball.c0 b{color:#66746c}
:root .chip.ball.c4{color:#fff;background:radial-gradient(circle at 32% 26%,#9ff0bf 0,#2fbf6a 32%,#12893f 72%,#07501f 100%)}
:root .chip.ball.c6{color:#fff;background:radial-gradient(circle at 32% 26%,#d4b8ff 0,#8a4ff0 32%,#6a2bd9 72%,#3f1588 100%)}
:root .chip.ball.cW{color:#fff;background:radial-gradient(circle at 32% 26%,#ff9a8f 0,#d42a2a 32%,#a3121f 72%,#5e0710 100%)}
:root .chip.ball.cx{color:#5a1236;background:radial-gradient(circle at 32% 26%,#ffe1ee 0,#ff9cc5 34%,#f2689f 75%,#b83b6f 100%)}
:root :root .chip.ball.c4::before,:root .chip.ball.c6::before,:root .chip.ball.cW::before{border-color:rgba(255,255,255,.8)}
:root .chip.ball.c4::after,.chip.ball.c6::after,.chip.ball.cW::after{border-color:rgba(255,255,255,.4)}
:root .chip.ball.c4 b,.chip.ball.c6 b,.chip.ball.cW b{text-shadow:0 1px 2px rgba(0,0,0,.55)}
:root .chip.ball.cx b{text-shadow:0 0 3px rgba(255,255,255,.8)}
:root[data-theme="dark"] .chip.ball{color:#13231c}
:root[data-theme="dark"] .chip.ball.c4,:root[data-theme="dark"] .chip.ball.c6,:root[data-theme="dark"] .chip.ball.cW{color:#fff}
:root[data-theme="dark"] .chip.ball.cx{color:#5a1236}
:root .chip.ball.cRH{overflow:visible;border-radius:0;box-shadow:none;color:#5a3a00;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='g' cx='38%25' cy='30%25' r='75%25'%3E%3Cstop offset='0' stop-color='%23fff6c4'/%3E%3Cstop offset='.35' stop-color='%23ffd34d'/%3E%3Cstop offset='.75' stop-color='%23e0a00e'/%3E%3Cstop offset='1' stop-color='%23a86b00'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpolygon points='50,3 63.5,33.5 96.5,36.5 71.5,58.5 79,91 50,74 21,91 28.5,58.5 3.5,36.5 36.5,33.5' fill='url(%23g)' stroke='%238a5a00' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 1px 2px rgba(120,80,0,.45))}
:root .chip.ball.cRH::before,:root .chip.ball.cRH::after{display:none}
:root .chip.ball.cRH b{font-size:9.5px;margin-top:3px;text-shadow:0 0 2px rgba(255,240,180,.9)}
:root[data-theme="dark"] .chip.ball.cRH{color:#5a3a00}

/* expandable overs */
.ov-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.ov-inn{width:auto;max-width:60%;margin:0;min-height:36px;padding:6px 10px;font-size:14px}
details.ov{border-bottom:1px solid var(--line)}details.ov:last-of-type{border-bottom:0}
details.ov summary{list-style:none;cursor:pointer;padding:10px 0;display:block}
details.ov summary::-webkit-details-marker{display:none}
.ov-top{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;margin-bottom:7px}
.ov-bowler{color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}
.ov-chips{gap:5px}
.ov-more{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--green)}
details.ov[open] .ov-more{font-size:0}details.ov[open] .ov-more::after{content:"Hide ▴";font-size:12px}
.ov-body{padding:0 0 8px}
.ov-ball{display:flex;gap:10px;align-items:center;padding:7px 0;border-top:1px dashed var(--line)}
.ov-ball .b{width:36px;font:600 12.5px 'Oswald',system-ui,sans-serif;color:var(--muted);flex:none}
.ov-ball p{margin:0;font-size:13.5px}
@media (max-width:600px){
  .chip.ball{width:30px;height:30px;min-width:30px}
  .chip.ball b{font-size:12px}.chip.ball.mid b{font-size:10.5px}.chip.ball.long b{font-size:8.5px}
  .comm{gap:9px}.comm .b{width:34px;font-size:12px}
  .ov-top{font-size:13px}
}

/* floating mini scorecard */
.mini{font-family:'DM Sans',system-ui,sans-serif;color:#e9efe9}
.mini-body{margin:0;background:#13231c;padding:10px 12px}
.mini-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.mini-brand{font:700 13px 'Oswald',system-ui,sans-serif;letter-spacing:1px;color:#fff}.mini-brand b{color:#dfff58;font-weight:700}
.mini-team{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding:2px 0;color:#c6d4cb}
.mini-team span{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-team b{font:600 19px 'Oswald',system-ui,sans-serif;color:#fff;white-space:nowrap}
.mini-team.bat span{color:#dfff58}.mini-team.bat span::before{content:"● ";font-size:10px}
.mini-line{color:#dfff58;font-weight:700;font-size:13px;margin:4px 0}
.mini-sub{font-size:12px;color:#c6d4cb;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-over{margin-top:6px;gap:4px}.mini-over .chip.ball{width:26px;height:26px;min-width:26px}.mini-over .chip.ball b{font-size:11px}.mini-over .chip.ball.mid b,.mini-over .chip.ball.long b{font-size:8.5px}
.mini-float{position:fixed;right:12px;bottom:calc(var(--tab) + 16px + env(safe-area-inset-bottom));z-index:150;width:min(320px,calc(100vw - 24px));background:#13231c;border-radius:16px;padding:10px 12px 12px;box-shadow:0 12px 40px rgba(0,0,0,.45);touch-action:none;cursor:grab;border:1px solid rgba(223,255,88,.25)}
@media (min-width:900px){.mini-float{bottom:20px}}
.mini-x{position:absolute;top:6px;right:8px;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:26px;height:26px;font-size:17px;line-height:1;cursor:pointer;z-index:2}
.mini-float .mini-top{padding-right:30px}
.pip-video{position:fixed;width:2px;height:2px;opacity:0;pointer-events:none;bottom:0;left:0}

.mini-main{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.mini-bt{font-weight:800;color:#dfff58;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-sc{font:600 26px 'Oswald',system-ui,sans-serif;color:#fff;white-space:nowrap}.mini-sc small{font:500 12px 'DM Sans',system-ui,sans-serif;color:#b9c8bf}
.mini-other{font-size:12px;color:#b9c8bf;margin-bottom:6px}
.mini-eq{background:#dfff58;color:#13231c;font-weight:800;font-size:15px;text-align:center;border-radius:8px;padding:6px 8px;margin:4px 0 8px}
.mini-eq.done{background:transparent;color:#dfff58;text-align:left;padding:0}
.mini-rates{display:flex;gap:14px;font-size:11px;color:#9fb0a7;font-weight:700;margin-bottom:6px}.mini-rates b{display:block;font:600 19px 'Oswald',system-ui,sans-serif;color:#fff}
.mini-row{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;padding:2px 0;color:#e9efe9}
.mini-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-row i{color:#dfff58;font-style:normal;font-weight:800}
.mini-row b{font:600 16px 'Oswald',system-ui,sans-serif;white-space:nowrap}.mini-row b small{font:500 11px 'DM Sans',system-ui,sans-serif;color:#9fb0a7}
.mini-row.bowl{color:#9fb0a7;border-top:1px solid rgba(255,255,255,.08);margin-top:3px;padding-top:5px}

.mini-rates span{white-space:nowrap}.mini-rates b{white-space:nowrap}

/* Powerplay */
.pp-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;background:linear-gradient(135deg,#ffe27a,#f5b81c 60%,#d99400);color:#3d2a00!important;font:700 12px 'DM Sans',system-ui,sans-serif;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.pp-tag small{font-weight:600;text-transform:none;letter-spacing:0;opacity:.85}
.pp-tag.sm{font-size:10.5px;padding:1px 7px;margin-left:auto;margin-right:8px}
.pp-mini{display:inline-block;padding:0 6px;border-radius:5px;background:#f5b81c;color:#3d2a00;font:800 10px/16px 'DM Sans',system-ui,sans-serif;letter-spacing:.4px;vertical-align:1px}

/* Offline scoring */
.sync-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#e8f1ff;color:#123;border:1px solid #b9d0f5;font-size:13.5px}
.sync-bar b{font-weight:700}.sync-bar span{flex:1 1 220px}
.sync-bar.off{background:#fff6d6;border-color:#f1d27a;color:#4a3800}
.sync-bar.bad{background:#fde8e6;border-color:#f3b4ad;color:#5e1410}
.sync-bar .btn-row{flex-basis:100%;margin:2px 0 0}
:root[data-theme="dark"] .sync-bar{background:#1d2c44;border-color:#2f4a73;color:#dce8ff}
:root[data-theme="dark"] .sync-bar.off{background:#3a3010;border-color:#6b5717;color:#ffecb0}
:root[data-theme="dark"] .sync-bar.bad{background:#3d1714;border-color:#7a2b24;color:#ffd6d1}
.opts label.on{background:#fff1c9;border-color:#e3b740;color:#5a3d00}

/* Modal (overlay setup, share cards) */
.bl-modal{position:fixed;inset:0;z-index:200;background:rgba(8,16,12,.6);display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;overflow:auto}
.bl-modal-box{position:relative;width:100%;max-width:720px;background:var(--card,#fff);color:var(--text,#13231c);border-radius:20px;padding:22px 20px 20px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.bl-modal-box h2{margin:0 36px 6px 0}
.bl-modal-x{position:absolute;top:10px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:var(--soft,#eef2ee);font-size:24px;line-height:1;cursor:pointer;color:inherit}
.bl-modal-box input[readonly]{font-size:13px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.sc-card{margin:0;background:var(--soft,#eef2ee);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:8px}
.sc-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;display:block}
.sc-card figcaption{display:flex;flex-direction:column;font-size:13px;line-height:1.3;padding:0 4px}
.sc-card figcaption span{color:var(--muted,#66746c)}
.sc-card .btn-row{margin:0;gap:6px}.sc-card .btn-row .btn{flex:1}
/* Fan poll */
.poll-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.poll-btns .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;white-space:normal;text-align:center}
.poll-row{margin-top:10px}.poll-row .bw-track{margin-top:4px}
.poll-row.mine .bw-track span{background:linear-gradient(90deg,#0b7a4f,#dfff58)}
/* Edit history */
.log-list{margin-top:8px;display:flex;flex-direction:column;gap:2px;max-height:420px;overflow:auto}
.log-row{padding:8px 0;border-bottom:1px solid var(--line,#e3e8e4)}
.log-row:last-child{border-bottom:0}
.drop-txt{color:#b3261e}
.best-fielder h3{margin-bottom:4px}
/* Achievements */
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.bdg{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:12px 8px;border-radius:14px;background:linear-gradient(160deg,#fff8dc,#ffe9a6);border:1px solid #f1d27a;color:#3d2a00}
.bdg-ic{font-size:30px;line-height:1.1}
.bdg-t{font-weight:700;font-size:13.5px}
.bdg-d{font-size:11.5px;opacity:.8}.bdg-d a{color:inherit}
.bdg.locked{background:var(--soft);border-color:var(--line);color:var(--muted);filter:grayscale(1);opacity:.7}
:root[data-theme="dark"] .bdg:not(.locked){background:linear-gradient(160deg,#3a3010,#4a3a0c);border-color:#6b5717;color:#ffecb0}
.miles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 18px;margin-top:14px}
.mile .bw-track{margin-top:4px}
.mu-hl .mvp-name{margin:2px 0}

/* =====================================================================
   Depth skin (4.2): floodlit-stadium look. Surfaces are lit from above,
   cards sit on layered shadows, buttons press down like keys, and the
   scoreboards glow like LED boards at a night match.
   ===================================================================== */
:root{
  --bg:#e7eee9;--card:#fff;--soft:#eff4f0;--line:#dbe4dd;--line2:#c7d3ca;--ink:#0e1f18;--ink2:#17302a;--green:#0a6a44;--green2:#0f8a58;--lime:#d8ff3e;
  --e1:inset 0 1px 0 rgba(255,255,255,.9),0 1px 1px rgba(14,31,24,.05),0 8px 18px -8px rgba(14,31,24,.18);
  --e2:inset 0 1px 0 rgba(255,255,255,.9),0 2px 3px rgba(14,31,24,.06),0 22px 40px -16px rgba(14,31,24,.32);
  --e-in:inset 0 2px 5px rgba(14,31,24,.10),inset 0 -1px 0 rgba(255,255,255,.75);
  --board:radial-gradient(120% 90% at 50% -30%,rgba(216,255,62,.20),rgba(216,255,62,0) 55%),linear-gradient(165deg,#173f2e 0%,#0c2119 55%,#071510 100%);
  --board-edge:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(216,255,62,.14),0 2px 0 #04100b,0 26px 46px -22px rgba(4,16,11,.75);
  --leds:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1.3px) 0 0/7px 7px;
  --r:18px;
}
:root[data-theme="dark"]{
  --bg:#07110d;--card:#11201a;--soft:#172a21;--line:#22382d;--line2:#2c4638;--muted:#93a69b;
  --e1:inset 0 1px 0 rgba(255,255,255,.05),0 1px 0 rgba(0,0,0,.45),0 12px 26px -12px rgba(0,0,0,.75);
  --e2:inset 0 1px 0 rgba(255,255,255,.06),0 2px 0 rgba(0,0,0,.5),0 26px 46px -18px rgba(0,0,0,.85);
  --e-in:inset 0 2px 6px rgba(0,0,0,.45),inset 0 -1px 0 rgba(255,255,255,.04);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#07110d;--card:#11201a;--soft:#172a21;--line:#22382d;--line2:#2c4638;--muted:#93a69b;
  --e1:inset 0 1px 0 rgba(255,255,255,.05),0 1px 0 rgba(0,0,0,.45),0 12px 26px -12px rgba(0,0,0,.75);
  --e2:inset 0 1px 0 rgba(255,255,255,.06),0 2px 0 rgba(0,0,0,.5),0 26px 46px -18px rgba(0,0,0,.85);
  --e-in:inset 0 2px 6px rgba(0,0,0,.45),inset 0 -1px 0 rgba(255,255,255,.04);
}}
body{background-color:var(--bg);background-image:radial-gradient(900px 420px at 50% -160px,rgba(216,255,62,.16),rgba(216,255,62,0) 70%),radial-gradient(700px 380px at 105% 10%,rgba(10,106,68,.10),rgba(10,106,68,0) 70%);background-repeat:no-repeat}
:focus-visible{outline:3px solid #2563eb;outline-offset:2px;border-radius:6px}

/* top bar: dark glass with a lime hairline */
.top{background:rgba(9,22,16,.92);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 rgba(216,255,62,.18),0 10px 24px -14px rgba(0,0,0,.6)}
.brand{text-shadow:0 2px 0 rgba(0,0,0,.35)}
.desk-nav a.on{background:rgba(216,255,62,.12);color:var(--lime);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}

/* cards */
.card,.mcard,.crease,.prompt,.bl-modal-box{border-color:var(--line);box-shadow:var(--e1)}
.card{border-radius:var(--r);padding:18px}
.mcard{border-radius:var(--r);transition:transform .18s ease,box-shadow .18s ease}
.mcard:hover{transform:translateY(-2px);box-shadow:var(--e2);border-color:var(--line2)}
.prompt{border:1px solid var(--line);border-top:4px solid var(--green2)}
.page-head h1,.bc-head h1{letter-spacing:.3px}

/* buttons: keys you press */
.btn{--face1:#14935f;--face2:#0a6a44;--edge:#064a2f;--txt:#fff;background:linear-gradient(180deg,var(--face1),var(--face2));color:var(--txt);border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 3px 0 var(--edge),0 8px 16px -8px rgba(4,30,18,.55);transform:translateY(0);transition:transform .07s ease,box-shadow .07s ease,filter .15s;margin-bottom:3px}
.btn:hover{filter:brightness(1.06)}
.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 var(--edge),0 2px 4px -2px rgba(4,30,18,.5)}
.btn-lime{--face1:#e6ff7a;--face2:#c9f21c;--edge:#8fb40b;--txt:#0e1f18}
.btn-dark{--face1:#21423a;--face2:#10261d;--edge:#030a07;--txt:#fff}
.btn-soft{--face1:#ffffff;--face2:#eef3ef;--edge:#c5d1c8;--txt:var(--text);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--line) inset,0 3px 0 var(--edge),0 8px 14px -10px rgba(14,31,24,.35)}
.btn-danger{--face1:#e2463c;--face2:#b8241c;--edge:#7e140e;--txt:#fff}
.btn-ghost{background:transparent;color:var(--green);box-shadow:inset 0 0 0 1.5px var(--line2);margin-bottom:0}
.btn-ghost:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 0 0 1.5px var(--line2)}
:root[data-theme="dark"] .btn-soft{--face1:#22392f;--face2:#1a2e25;--edge:#0a1510;--txt:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 0 var(--edge),0 8px 14px -10px #000}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-soft{--face1:#22392f;--face2:#1a2e25;--edge:#0a1510;--txt:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 0 var(--edge),0 8px 14px -10px #000}}
.btn-sm{border-radius:10px}

/* inputs sit slightly into the page */
input,select,textarea{box-shadow:var(--e-in);border-color:var(--line2);border-radius:12px}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,138,88,.35);border-color:var(--green2)}

/* hero + live scoreboard + scorer header: the floodlit LED board */
.hero,.live-hero,.sc-top,.result-moment{background:var(--leds),var(--board);box-shadow:var(--board-edge)}
.hero{border-radius:24px}
.hero::after{border-color:rgba(216,255,62,.10);filter:blur(.5px)}
.hero h1{text-shadow:0 3px 0 rgba(0,0,0,.35)}
.stat-strip div{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 14px -8px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.06)}
.stat-strip strong{text-shadow:0 0 18px rgba(216,255,62,.35),0 2px 0 rgba(0,0,0,.35)}
.live-hero{border-radius:22px;padding:18px}
.lh-team .sc{font-size:30px;text-shadow:0 0 22px rgba(216,255,62,.18),0 2px 0 rgba(0,0,0,.4)}
.lh-team.batting .nm::before{box-shadow:0 0 10px var(--lime)}
.lh-line{text-shadow:0 0 16px rgba(216,255,62,.25)}
.lh-rates span{background:rgba(255,255,255,.06);border-radius:10px;padding:4px 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.sc-top{border-radius:0 0 20px 20px}
.sc-top .score{text-shadow:0 0 20px rgba(216,255,62,.2),0 2px 0 rgba(0,0,0,.4)}

/* team badges and avatars: little 3D discs */
.badge-logo{background-image:radial-gradient(circle at 35% 25%,rgba(255,255,255,.35),rgba(255,255,255,0) 50%);box-shadow:inset 0 -3px 6px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.3),0 3px 8px -2px rgba(0,0,0,.35)}
.avatar{background-image:radial-gradient(circle at 35% 28%,rgba(255,255,255,.65),rgba(255,255,255,0) 55%);box-shadow:inset 0 -3px 6px rgba(0,0,0,.12),0 3px 8px -3px rgba(0,0,0,.3)}
.avatar.xl{box-shadow:inset 0 -6px 12px rgba(0,0,0,.12),0 0 0 4px var(--card),0 14px 28px -12px rgba(0,0,0,.45)}

/* tabs: an inset rail with a raised selected key */
.tabs{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:5px;gap:4px;box-shadow:var(--e-in);margin:0 0 16px;position:sticky;top:62px}
.tabs a,.tabs button{border:0;border-radius:11px;padding:9px 14px;font-size:13.5px}
.tabs a.on,.tabs button.on{background:var(--card);color:var(--text);box-shadow:var(--e1);border:0}
@media (max-width:699px){.tabs{margin:0 0 14px}}
.seg{box-shadow:var(--e-in);border:1px solid var(--line);border-radius:14px}
.seg button.sel{box-shadow:var(--e1)}

/* tiles and boxes */
.tile,.phase-box,.ins{background:linear-gradient(180deg,var(--card),var(--soft));border:1px solid var(--line);box-shadow:var(--e1)}
.tile{border-radius:16px;padding:13px 8px}
.tile strong{font-size:26px;text-shadow:0 2px 0 rgba(14,31,24,.08)}
.fact{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(14,31,24,.12)}
.pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(14,31,24,.12)}
.empty{background:var(--soft);box-shadow:var(--e-in);border-style:dashed}

/* tables */
th{background:var(--soft)}
th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}
tbody tr:hover td{background:color-mix(in srgb,var(--soft) 60%,transparent)}
.sc-total td{background:linear-gradient(180deg,var(--soft),var(--card))}

/* progress bars: rounded rods with a highlight */
.bw-track,.bd-bar{box-shadow:var(--e-in);height:12px;border-radius:999px}
.bw-track span,.bd-bar span{box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.18);border-radius:999px}
.bd-bar span{border-radius:0}

/* lists */
.mvp-row,.lb-row{border-radius:12px}
.mvp-row:hover{box-shadow:var(--e1);background:var(--card);text-decoration:none}
.lb-row:first-child .lb-rank,.mvp-row .lb-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,var(--card),var(--soft));box-shadow:var(--e1);font-size:14px}

/* match page action bar */
.actions{display:flex;flex-direction:column;gap:12px;margin:14px 0 16px}
.act-main{display:flex;gap:10px}.act-main .btn{flex:1}
.toolbar{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:6px;box-shadow:var(--e1)}
.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;padding:8px 2px;border:0;border-radius:13px;background:none;color:var(--text);font:600 11.5px 'DM Sans',system-ui,sans-serif;cursor:pointer;text-align:center;line-height:1.15}
.tool svg{width:22px;height:22px;color:var(--green2)}
.tool:hover{background:var(--soft);text-decoration:none}
.tool:active{box-shadow:var(--e-in);background:var(--soft)}
.tool.on{background:var(--ink);color:var(--lime)}.tool.on svg{color:var(--lime)}
@media (min-width:760px){.actions{flex-direction:row;align-items:stretch}.act-main{flex:0 0 auto}.act-main .btn{flex:none;min-height:62px;padding:0 20px}.toolbar{flex:1}.tool{flex-direction:row;gap:8px;font-size:13px}}

/* scorer pad: chunky keys */
.pad{gap:10px}
.pad button{--k1:#ffffff;--k2:#eef3ef;--ke:#c3cfc6;border:0;border-radius:16px;background:linear-gradient(180deg,var(--k1),var(--k2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px var(--line) inset,0 5px 0 var(--ke),0 10px 16px -8px rgba(14,31,24,.4);transition:transform .06s ease,box-shadow .06s ease;margin-bottom:5px}
.pad button:active{transform:translateY(5px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px var(--line) inset,0 0 0 var(--ke),0 2px 4px -2px rgba(14,31,24,.4)}
.pad button.b4{--k1:#e9fbef;--k2:#c9f0d6;--ke:#7fcf9d;color:#0f7a39}
.pad button.b6{--k1:#f3ecff;--k2:#ddcdff;--ke:#a98ae8;color:#5b22c4}
.pad button.ext{--k1:#fff8e6;--k2:#ffe9b8;--ke:#e2bd62;color:#7a4f00}
.pad button.out{--k1:#ec5147;--k2:#c22b22;--ke:#7e140e;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 5px 0 var(--ke),0 12px 18px -8px rgba(126,20,14,.6)}
.pad button.undo,.pad button.more{--k1:#f7faf8;--k2:#e6ede8;--ke:#bfcbc2}
:root[data-theme="dark"] .pad button{--k1:#203a2f;--k2:#172c23;--ke:#08120d;color:#e9efe9}
:root[data-theme="dark"] .pad button.b4{--k1:#1d5236;--k2:#143d28;--ke:#06180e;color:#9ff0bf}
:root[data-theme="dark"] .pad button.b6{--k1:#3a2a66;--k2:#2b1f4d;--ke:#110a22;color:#d4b8ff}
:root[data-theme="dark"] .pad button.ext{--k1:#4a3b16;--k2:#3a2e11;--ke:#140f04;color:#f4cf7a}
.pick button{box-shadow:var(--e1);border-color:var(--line)}
.pick button.sel{box-shadow:inset 0 0 0 2px var(--green2),var(--e1)}
.numrow button{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 0 var(--line2);margin-bottom:3px}
.numrow button.sel{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 0 #064a2f}
.crease{border-radius:18px}
.opts label{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(14,31,24,.15)}

/* bottom bar: glass, with a raised + key */
.tabbar{background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -10px 24px -14px rgba(14,31,24,.35)}
.tabbar .tab-plus{background:linear-gradient(180deg,#21423a,#0e1f18);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 4px 0 #030a07,0 12px 22px -8px rgba(0,0,0,.55)}
.tabbar a.on{color:var(--green2)}

/* charts */
.chart3d{overflow:visible}
.wagon3d .w-lbl{fill:#fff;opacity:.8;font-size:7px!important;font-weight:700}
.wp-lbl{font:700 8px 'DM Sans',system-ui,sans-serif;fill:#fff;opacity:.85;letter-spacing:.5px}
.zones .z-base{fill:var(--soft)}
.legend i{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.25)}

/* sheets, modals, toast */
.sheet{box-shadow:0 -20px 50px -10px rgba(0,0,0,.45)}
.sheet .grab{box-shadow:var(--e-in)}
.toast{box-shadow:0 14px 30px -10px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1);border-radius:14px}
.flash{box-shadow:var(--e1)}

/* broadcast studio */
.bc-head{margin-bottom:14px}.bc-head p{max-width:68ch}
.bc-back{display:inline-block;font-weight:600;font-size:14px;margin-bottom:6px}
.bc-opts{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:flex-end}
.bc-opt{flex:1 1 200px}.bc-opt .seg{margin:4px 0 0}
.bc-demo{flex:1 1 200px;align-self:flex-end;margin-bottom:3px}
.sub-label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:0 0 4px}
.bc-formats{display:grid;gap:16px;margin-top:16px}
@media (min-width:900px){.bc-formats{grid-template-columns:1.7fr 1fr;align-items:start}}
.bc-ft{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.bc-ft h2{margin:0}.bc-ft p{margin:2px 0 0}
.bc-ratio{font:700 13px 'Oswald',system-ui,sans-serif;background:var(--soft);border-radius:8px;padding:4px 9px;box-shadow:var(--e-in)}
.bc-screen{position:relative;overflow:hidden;border-radius:14px;margin:12px 0;background:#0b1510;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 18px 34px -18px rgba(0,0,0,.7)}
.bc-screen iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:transparent;pointer-events:none}
.bc-cam{position:absolute;inset:0;background:radial-gradient(60% 40% at 18% 0,rgba(255,255,230,.45),transparent 60%),radial-gradient(60% 40% at 82% 0,rgba(255,255,230,.4),transparent 60%),
  linear-gradient(180deg,#22382f 0%,#1d5a3a 38%,#2c8a54 62%,#256f45 100%)}
.bc-cam::after{content:"";position:absolute;left:42%;right:42%;top:46%;bottom:6%;background:linear-gradient(90deg,#b99a5c,#e3cf9a,#b99a5c);transform:perspective(300px) rotateX(55deg);border-radius:4px;opacity:.9}
#bc.bg-green .bc-cam{background:#00b140}#bc.bg-green .bc-cam::after{display:none}
.bc-phone{max-width:300px;margin:12px auto;padding:10px;border-radius:38px;background:linear-gradient(160deg,#2b2f2d,#0d0f0e);box-shadow:inset 0 0 0 2px #3c423f,0 24px 44px -18px rgba(0,0,0,.75)}
.bc-phone .bc-screen{margin:0;border-radius:28px}
.ig-safe{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 6px,rgba(255,255,255,0) 6px 12px);border:1px dashed rgba(255,255,255,.35)}
.ig-safe span{font-size:10px;font-weight:700;color:rgba(255,255,255,.75);background:rgba(0,0,0,.35);padding:2px 6px;border-radius:6px}
.ig-safe.top{top:0;height:10%}.ig-safe.bottom{bottom:0;height:24%}
.bc-link{display:flex;gap:8px;align-items:center}.bc-link input{margin:0;font-size:12.5px;min-height:40px}.bc-link .btn{flex:none}
.bc-guide{margin-top:16px}
.steps{padding-left:22px;margin:8px 0 0}.steps li{margin:8px 0;padding-left:4px}
.steps li::marker{font:700 14px 'Oswald',system-ui,sans-serif;color:var(--green2)}

/* notifications */
.ch-grid{display:grid;gap:14px}@media (min-width:640px){.ch-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.ch-grid{grid-template-columns:repeat(4,1fr)}}
.ch-card{position:relative;overflow:hidden}
.ch-card h3{margin:6px 0 4px}
.ch-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:linear-gradient(180deg,var(--card),var(--soft));box-shadow:var(--e1)}
.ch-card.ok::before,.ch-card.off::before{content:"";position:absolute;top:16px;right:16px;width:12px;height:12px;border-radius:50%;background:#1fbf6b;box-shadow:0 0 0 4px rgba(31,191,107,.18)}
.ch-card.off::before{background:#c9d3cd;box-shadow:0 0 0 4px rgba(150,160,155,.18)}
.ch-num{font-size:13.5px;margin:6px 0}.ch-num b{font:600 22px 'Oswald',system-ui,sans-serif}
.pill-check{background:var(--soft);border-radius:999px;padding:8px 12px;box-shadow:var(--e1)}
.link-inline{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;word-break:break-all}
.push-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--soft);border-radius:16px;padding:12px 14px;box-shadow:var(--e-in)}
.push-box .grow{flex:1 1 200px}
.remind-card{border-left:5px solid var(--lime)}

@media (prefers-reduced-motion:reduce){.btn,.pad button,.mcard{transition:none}}
.hero .eyebrow{text-transform:none;letter-spacing:.2px;font-size:14px;font-weight:600}
.hero .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);background:rgba(255,255,255,.04)}
.bc-opt{flex:1 1 150px}.bc-opt .seg button{white-space:nowrap;padding:9px 8px}
@media (max-width:640px){.bc-opts{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.bc-demo{grid-column:1/-1}}
[hidden]{display:none!important}
.grid>.card+.card,.ch-grid>.card+.card,.bc-formats>.card+.card{margin-top:0}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .pad button{--k1:#203a2f;--k2:#172c23;--ke:#08120d;color:#e9efe9}
:root:not([data-theme="light"]) .pad button.b4{--k1:#1d5236;--k2:#143d28;--ke:#06180e;color:#9ff0bf}
:root:not([data-theme="light"]) .pad button.b6{--k1:#3a2a66;--k2:#2b1f4d;--ke:#110a22;color:#d4b8ff}
:root:not([data-theme="light"]) .pad button.ext{--k1:#4a3b16;--k2:#3a2e11;--ke:#140f04;color:#f4cf7a}
:root:not([data-theme="light"]) .pad button.undo,:root:not([data-theme="light"]) .pad button.more{--k1:#203a2f;--k2:#172c23;--ke:#08120d}
}
:root[data-theme="dark"] .pad button.undo,:root[data-theme="dark"] .pad button.more{--k1:#203a2f;--k2:#172c23;--ke:#08120d}
.pad button.b4,.pad button.b6,.pad button.ext,.pad button.out,.pad button.undo,.pad button.more{background:linear-gradient(180deg,var(--k1),var(--k2));border:0}
:root[data-theme="dark"] .pad button.out{--k1:#ec5147;--k2:#c22b22;--ke:#5e0b07;color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pad button.out{--k1:#ec5147;--k2:#c22b22;--ke:#5e0b07;color:#fff}}
/* Win predictor */
.wp-teams{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:12px 0 8px}
.wp-t{display:flex;flex-direction:column;gap:2px;min-width:0}.wp-t.r{align-items:flex-end;text-align:right}
.wp-t span{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14px;min-width:0}
.wp-t b{font:700 36px/1 'Oswald',system-ui,sans-serif;text-shadow:0 2px 0 rgba(14,31,24,.08)}
.wp-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;box-shadow:var(--e-in);gap:3px;background:var(--soft)}
.wp-bar span{display:block;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.2);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.wp-why{margin:12px 0 0;padding-left:18px;font-size:13.5px}.wp-why li{margin:4px 0}
.wp-graph{margin-top:10px;display:grid;gap:2px}.wp-graph span:last-child{text-align:right}
.wp-chart{color:var(--text)}
.lh-wp{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;color:#c6d4cb}
.lh-wp b{color:#fff;font-weight:700;white-space:nowrap}
.lh-wpbar{flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.lh-wpbar i{display:block;height:100%;background:linear-gradient(90deg,#d8ff3e,#9fdc28);box-shadow:0 0 10px rgba(216,255,62,.5)}
@media (prefers-reduced-motion:reduce){.wp-bar span{transition:none}}
.wp-t span em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-t{flex:1 1 0}.wp-t span{max-width:100%}
.wp-teams{align-items:flex-start}
.lh-wp b{max-width:50%;overflow:hidden;text-overflow:ellipsis}
/* Dream 11 */
.d11{border-radius:24px;overflow:hidden;box-shadow:var(--e2);background:var(--card);border:1px solid var(--line)}
.d11-field{position:relative;padding:18px 14px 22px;color:#fff;overflow:hidden;
  background:radial-gradient(70% 55% at 50% 58%,rgba(255,255,255,.10),rgba(255,255,255,0) 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 44px,rgba(255,255,255,0) 44px 88px),radial-gradient(120% 70% at 50% -10%,rgba(216,255,62,.22),rgba(216,255,62,0) 60%),linear-gradient(170deg,#1c5a3c,#0d2f20 70%,#08180f)}
.d11-field::after{content:"";position:absolute;inset:12px;border:2px solid rgba(255,255,255,.18);border-radius:50%/40%;pointer-events:none}
.d11-pitch{position:absolute;left:50%;top:44%;width:44px;height:120px;margin-left:-22px;border-radius:6px;background:linear-gradient(90deg,#b99a5c,#e3cf9a,#b99a5c);opacity:.35;transform:perspective(400px) rotateX(45deg)}
.d11-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.d11-head h2{margin:0;color:#fff;font-size:24px;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.d11-head p{margin:2px 0 0;color:#c6d4cb;font-size:13px}
.d11-row{position:relative;z-index:2;display:flex;justify-content:center;gap:6px;margin-top:14px}
.d11-p{flex:0 1 25%;max-width:110px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;min-width:0}
.d11-p:hover{text-decoration:none}.d11-p:hover .avatar{transform:translateY(-3px)}
.d11-av{position:relative;display:block}
.d11-p .avatar{width:58px;height:58px;font-size:19px;border:3px solid rgba(255,255,255,.9);box-shadow:0 6px 0 rgba(0,0,0,.25),0 14px 20px -8px rgba(0,0,0,.6);transition:transform .15s}
.d11-cap{position:absolute;right:-6px;top:-4px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;display:grid;place-items:center;font:800 11px 'DM Sans',sans-serif;font-style:normal;color:#3d2a00;background:linear-gradient(180deg,#ffe27a,#f5b81c);box-shadow:0 2px 0 #a86b00,0 4px 8px rgba(0,0,0,.35)}
.d11-p b{margin-top:6px;font-size:12.5px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(6,20,13,.55);padding:2px 7px;border-radius:7px}
.d11-p small{font-size:10.5px;color:#d8ff3e;margin-top:3px;white-space:nowrap}
.d11-why{padding:14px 16px}
.d11-why.short p{margin:4px 0}
.d11-w{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.d11-w:last-of-type{border-bottom:0}
.d11-w .grow>div:first-child{margin-bottom:2px}
@media (min-width:700px){.d11-row{gap:18px}.d11-p .avatar{width:70px;height:70px;font-size:22px}.d11-p b{font-size:13.5px}.d11-field{padding:24px 24px 30px}}
.d11-role{position:absolute;left:-6px;bottom:-2px;font:800 9.5px 'DM Sans',sans-serif;font-style:normal;letter-spacing:.4px;padding:2px 5px;border-radius:8px;background:#0b1a13;color:#d8ff3e;box-shadow:0 2px 4px rgba(0,0,0,.4)}
.d11-p{position:relative}.d11-p small{font-weight:700}
/* Dream 11 batting order */
.d11-no{position:absolute;left:-6px;top:-4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 11px 'DM Sans',sans-serif;font-style:normal;color:#fff;background:linear-gradient(180deg,#2b3a4e,#141d29);box-shadow:0 2px 0 #05080c,0 3px 6px rgba(0,0,0,.35);z-index:2}
.d11-ord{flex:0 0 28px;height:28px;border-radius:8px;display:grid;place-items:center;font:800 13px 'DM Sans',sans-serif;background:var(--surface-2,#eef2f0);box-shadow:var(--e1);margin-top:2px}
.d11-slot{font-weight:700}
.d11-order{margin-bottom:8px}
/* Dream 11: full names on the cards (wrap onto two lines instead of cutting off) */
.d11-p{max-width:128px}
.d11-p b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;hyphens:auto;line-height:1.15;padding:3px 7px;font-size:12px}
@media (min-width:700px){.d11-p{max-width:175px}.d11-p b{font-size:13px}}
@media (max-width:420px){.d11-row{gap:4px}.d11-p b{font-size:10.5px;padding:2px 5px}.d11-p .avatar{width:50px;height:50px;font-size:17px}}
/* Complete your profile */
.cp{max-width:480px;margin:8px auto}
.cp-card h1{margin:0 0 6px}
.cp-photo{display:flex;align-items:center;gap:16px;margin:18px 0 16px;padding:14px;border-radius:18px;background:var(--surface-2,#eef2f0);box-shadow:var(--e-in,inset 0 1px 3px rgba(0,0,0,.08));cursor:pointer;position:relative}
.cp-photo input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.cp-ring{flex:0 0 96px;height:96px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(160deg,#d8ff3e,#7bd389);box-shadow:0 0 0 4px #fff,0 6px 0 rgba(0,0,0,.12),0 12px 24px -10px rgba(6,20,13,.45)}
.cp-ring img{width:100%;height:100%;object-fit:cover}
.cp-ph{color:#0b3a26}
.cp-photo-t{display:flex;flex-direction:column;gap:3px}
.cp-photo-t b{font-size:16px}.cp-photo-t small{color:var(--muted);font-size:12.5px;line-height:1.35}
.cp-photo:focus-within{outline:3px solid #9fd54a;outline-offset:2px}
.cp-wa{align-items:flex-start;margin:6px 0 16px}.cp-wa small{font-size:12px}
.comm.jump{background:rgba(216,255,62,.22);box-shadow:inset 3px 0 0 #9fd54a;border-radius:8px}

/* ================= Home: engagement ================= */
/* live ticker: an LED board strip */
.tk{display:flex;align-items:stretch;margin:-4px 0 16px;border-radius:14px;overflow:hidden;background:var(--leds,none),var(--board,#0c2119);box-shadow:var(--board-edge,none);color:#e8f5ec;min-height:44px}
.tk-tag{flex:none;display:flex;align-items:center;gap:7px;padding:0 14px;font:600 13px 'Oswald',system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#0b1a13;background:linear-gradient(180deg,#e9ff7a,#c5ec2c);box-shadow:inset -1px 0 0 rgba(0,0,0,.15)}
.tk-dot{width:8px;height:8px;border-radius:50%;background:#d1261d;box-shadow:0 0 0 3px rgba(209,38,29,.25);animation:tkp 1.4s infinite}
@keyframes tkp{50%{box-shadow:0 0 0 7px rgba(209,38,29,0)}}
.tk-view{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.tk-track{display:flex;width:max-content;height:100%;animation:tks 40s linear infinite}
.tk:hover .tk-track,.tk:focus-within .tk-track{animation-play-state:paused}
.tk-set{display:flex;align-items:center}
@keyframes tks{to{transform:translateX(-50%)}}
.tk-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:0 22px;color:#dbe8df;font-size:13.5px;border-right:1px solid rgba(216,255,62,.14);height:100%}
.tk-item b{color:#fff}.tk-item:hover{text-decoration:none;color:#fff}
.tk-live b{color:var(--lime);font-family:'Oswald',system-ui,sans-serif;font-weight:600;letter-spacing:.4px}
.tk-v{opacity:.5}.tk-item em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:9px;background:rgba(255,255,255,.12)}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none}.tk-view{overflow-x:auto}.tk-set+.tk-set{display:none}}

/* your week */
.yw{position:relative;border-radius:20px;padding:20px 18px;color:#fff;background:var(--leds,none),var(--board,#0c2119);box-shadow:var(--board-edge,none);overflow:hidden}
.yw-top{display:flex;align-items:center;gap:14px}
.yw-av .avatar{width:64px;height:64px;border:3px solid rgba(255,255,255,.85);box-shadow:0 6px 0 rgba(0,0,0,.25)}
.yw h1{color:#fff;margin:0;font-size:28px}
.yw-sub{margin:2px 0 0;color:#c6d4cb;font-size:14px}.yw-sub b{color:var(--lime)}
.yw-me{flex:none;background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}
.yw-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.yw-tiles div{text-align:center;padding:10px 4px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.yw-tiles strong{display:block;font:600 26px 'Oswald',system-ui,sans-serif;color:var(--lime);line-height:1.1}.yw-tiles small{font-size:11px;color:#b9c8bf}
.yw-foot{display:grid;gap:12px;margin-top:16px}
@media (min-width:700px){.yw-foot{grid-template-columns:1fr 1fr 1.1fr;align-items:end}}
.yw-mile .small{color:#dbe8df}.yw-mile b{color:#fff}
.yw-bar{display:block;height:7px;border-radius:5px;background:rgba(127,140,133,.25);overflow:hidden;margin-top:5px}
.yw-bar span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#9fd54a,#dfff58)}
.yw-next{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:rgba(216,255,62,.1);border:1px solid rgba(216,255,62,.22);color:#fff}
.yw-next:hover{text-decoration:none;background:rgba(216,255,62,.16)}
.yw-next small{font-size:11px;color:var(--lime);font-weight:700}.yw-next span{font-size:12.5px;color:#c6d4cb}
.yw-share{position:static;display:inline-flex;margin-top:14px;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:20px;padding:6px 14px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.yw-share:hover{background:rgba(255,255,255,.1)}
.hero.compact{padding:16px 18px}.hero.compact p:not(.eyebrow),.hero.compact .stat-strip{display:none}.hero.compact h1{font-size:22px;margin-bottom:0}

/* moments */
.mo-grid{display:grid;gap:12px}
@media (min-width:700px){.mo-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.mo-grid{grid-template-columns:repeat(3,1fr)}}
.mo{--mc:#0b7a4f;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--e1,var(--shadow));overflow:hidden;position:relative}
.mo::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--mc)}
.mo.t-big_over,.mo.t-sixes{--mc:#e0761a}.mo.t-hattrick,.mo.t-haul,.mo.t-killer_over{--mc:#c73932}.mo.t-thriller{--mc:#7a3fd1}.mo.t-hundred,.mo.t-fifty{--mc:#c79a00}
.mo-main{display:flex;gap:12px;padding:14px 14px 8px 16px;color:inherit;flex:1}
.mo-main:hover{text-decoration:none}.mo-main:hover b{text-decoration:underline}
.mo-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--mc) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc) 30%,transparent)}
.mo-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.mo-tx b{font:600 18px/1.2 'Oswald',system-ui,sans-serif;letter-spacing:.2px}
.mo-tx>span{font-size:13.5px;color:var(--muted);line-height:1.4}
.mo-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.mo-chips .c{font-style:normal;min-width:24px;height:24px;padding:0 5px;border-radius:12px;display:inline-grid;place-items:center;font:700 11.5px 'DM Sans',sans-serif;background:var(--soft);color:var(--text);box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.mo-chips .s4{background:#1f6fd1;color:#fff}.mo-chips .s6{background:#7a3fd1;color:#fff}.mo-chips .w{background:#c73932;color:#fff}
.mo-foot{display:flex;align-items:center;gap:8px;padding:6px 10px 10px 16px}
.mo-re{display:flex;gap:4px;margin-left:auto}
.mo-re button{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:3px 8px;font-size:14px;cursor:pointer;color:var(--text);min-height:30px}
.mo-re button span{font:700 12px 'DM Sans',sans-serif;color:var(--muted)}
.mo-re button.on{border-color:var(--mc);background:color-mix(in srgb,var(--mc) 12%,var(--card))}.mo-re button.on span{color:var(--text)}
.mo-re button.pop{animation:pop .35s}
@keyframes pop{40%{transform:scale(1.25)}}
.mo-share{border:0;background:none;color:var(--muted);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer}
.mo-share:hover{background:var(--soft);color:var(--text)}.mo-share svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.mo-re button.pop{animation:none}}

/* predictions */
.pr-grid{display:grid;gap:12px}@media (min-width:700px){.pr-grid{grid-template-columns:repeat(2,1fr)}}
.pr-grid>.card+.card{margin-top:0}
.pr{padding:14px}
.pr-when{display:block;margin-bottom:10px}
.pr-teams{display:flex;align-items:stretch;gap:8px}
.pr-vs{align-self:center;font:600 13px 'Oswald',sans-serif;color:var(--muted)}
.pr-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border-radius:14px;border:1px solid var(--line);cursor:pointer;color:var(--text);
  background:linear-gradient(180deg,var(--card),var(--soft));box-shadow:0 3px 0 var(--line2),0 8px 16px -12px rgba(0,0,0,.4);transition:transform .1s}
.pr-t:hover:not(:disabled){transform:translateY(-1px)}
.pr-t:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line2)}
.pr-t b{font-size:13.5px;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.pr-t.on{border-color:#9fd54a;background:linear-gradient(180deg,#f4ffd0,#e3f7a8);color:#13231c;box-shadow:0 3px 0 #8cbc2c}
.pr-pct{font:600 15px 'Oswald',sans-serif;color:var(--green)}.pr-t.on .pr-pct{color:#2f5a0a}
.pr-meter{height:8px;border-radius:5px;background:#e0761a;overflow:hidden;margin-top:12px}
.pr-meter span{display:block;height:100%;background:var(--green2);border-right:2px solid var(--card)}
.pr-note{margin:8px 0 0}

/* team form */
.tf{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory}
.tf-c{flex:0 0 210px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--e1,var(--shadow));color:inherit}
.tf-c:hover{text-decoration:none;border-color:var(--line2)}
.tf-c b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tf-c .badge-logo{width:32px;height:32px;font-size:11px}
.tf-dots{display:flex;gap:5px}
.tf-dots i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 11px 'DM Sans',sans-serif;color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.tf-dots .r-W{background:#0b7a4f}.tf-dots .r-L{background:#c73932}.tf-dots .r-T{background:#d98a00}.tf-dots .r-N{background:#8a978f}
.tf-c.hot{border-color:#e0761a;box-shadow:0 0 0 1px #e0761a inset,var(--e1,var(--shadow))}
.tf-hot{color:#c25e0a;font-weight:700}

/* side column */
.home-side>*+*{margin-top:14px}
.fact-t{display:block;margin-top:8px;font:500 18px/1.35 'Oswald',system-ui,sans-serif;color:var(--text);letter-spacing:.2px}
.fact-t.in{animation:fin .35s}@keyframes fin{from{opacity:0;transform:translateY(4px)}}
.otd{display:flex;flex-direction:column;gap:4px;color:inherit;border-left:4px solid #c79a00}
.otd:hover{text-decoration:none;border-color:#c79a00}
.otd-h{font-size:11.5px;font-weight:700;color:#a07c00}.otd b{font:600 17px/1.25 'Oswald',sans-serif}
.rw{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);color:inherit}.rw:last-child{border:0}
.rw:hover{text-decoration:none}.rw small{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.rw .yw-bar{background:var(--soft)}
.lb-row.me{background:color-mix(in srgb,#dfff58 25%,transparent);border-radius:8px;padding-left:6px;padding-right:6px}

/* fans' vote */
.fv-list{display:grid;gap:8px}
.fv-c{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;text-align:left;overflow:hidden;font:inherit}
.fv-c:hover{border-color:var(--line2)}
.fv-c>*{position:relative}
.fv-bar{position:absolute!important;inset:0 auto 0 0;background:color-mix(in srgb,var(--green2) 13%,transparent);transition:width .5s}
.fv-c b{display:block;font-size:14px}.fv-c small{font-size:11.5px;color:var(--muted)}
.fv-c.on{border-color:var(--green2);box-shadow:inset 0 0 0 1px var(--green2)}
.fv-pct{font:600 15px 'Oswald',sans-serif;color:var(--green)}
.fv-last{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border-radius:12px;background:linear-gradient(180deg,#fff6d6,#ffe9a6);color:#4a3600}
.fv-last:hover{text-decoration:none}.fv-last small{display:block;font-size:11px;font-weight:700}.fv-last span{flex:1}
.fv-star{flex:none!important;font-size:20px;color:#d99a00}
/* social share bar */
.sb{display:flex;flex-wrap:wrap;gap:6px}
.sb-b{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:18px;font:700 13px 'DM Sans',sans-serif;color:#fff;border:0;cursor:pointer;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.sb-b:hover{text-decoration:none;filter:brightness(1.08)}
.sb-wa{background:#1f9d55}.sb-fb{background:#1b5fd1}.sb-x{background:#111}.sb-tg{background:#1d8fd6}
.sb-copy,.sb-more{background:var(--soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
:root[data-theme="dark"] .sb-x{background:#000;box-shadow:inset 0 0 0 1px #333}
/* team overview */
.to-next{display:flex;flex-direction:column;gap:2px;margin-bottom:14px;color:inherit;border-left:4px solid var(--green2)}
.to-next:hover{text-decoration:none}.to-next small{font-size:11.5px;font-weight:700;color:var(--green)}.to-next b{font:600 18px 'Oswald',sans-serif}
.to-next.live{border-color:#d1261d}.to-next.live small{color:#d1261d}
.to-form{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.to-form a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 12px 'DM Sans',sans-serif;color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 3px 8px -4px rgba(0,0,0,.4)}
.to-form a:hover{text-decoration:none;transform:translateY(-1px)}
.to-form .r-W{background:#0b7a4f}.to-form .r-L{background:#c73932}.to-form .r-T{background:#d98a00}.to-form .r-N{background:#8a978f}
.to-say ul{margin:0;padding-left:18px}.to-say li{margin:4px 0}
.to-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:700px){.to-tiles{grid-template-columns:repeat(3,1fr)}}
.to-tile{display:flex;flex-direction:column;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--e1,var(--shadow))}
.to-tile small{font-size:11.5px;color:var(--muted);font-weight:600}.to-tile strong{font:600 28px/1.1 'Oswald',sans-serif;color:var(--green)}.to-tile span{font-size:12px;color:var(--muted)}
.to-recs{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
@media (min-width:700px){.to-recs{grid-template-columns:repeat(3,1fr)}}
.to-recs a{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:var(--soft);color:inherit}
.to-recs a:hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--line2)}
.to-recs small{font-size:11px;font-weight:700;color:var(--muted)}.to-recs b{font:600 22px 'Oswald',sans-serif}.to-recs b em{font-size:14px;font-style:normal;color:var(--muted)}.to-recs span{font-size:12px;color:var(--muted)}
.to-h2h{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);color:inherit}.to-h2h:last-child{border:0}
.to-h2h:hover{text-decoration:none}.to-h2h small{display:block;font-size:11.5px;color:var(--muted)}
.to-h2h-bar{flex:0 0 70px;height:8px;border-radius:5px;background:#c73932;overflow:hidden}.to-h2h-bar i{display:block;height:100%;background:#0b7a4f}