:root{--bg:#0e1013;--surface:#171a1f;--surface-2:#20242b;--line:#262a31;--text:#eceae4;--muted:#8b8f97;--accent:#e8ff5a;--accent-bg:#e8ff5a;--live:#ff6a4d;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior-y:none;font:15px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.topbar{z-index:10;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:6px;font-size:20px;font-weight:800;display:flex}.brand-mark{border-radius:8px;width:28px;height:28px;display:block}.topnav{gap:4px;display:flex}.topnav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-weight:600}.topnav a:hover{background:var(--surface-2);color:var(--text)}.wrap{max-width:680px;padding:12px 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.datenav{scrollbar-width:none;gap:6px;padding:4px 0 12px;display:flex;overflow-x:auto}.datenav::-webkit-scrollbar{display:none}.datenav a{background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:7px 12px;font-size:13px;font-weight:600}.datenav a.on{background:var(--text);color:var(--bg);border-color:var(--text)}.datenav .live-toggle{color:var(--live)}.datenav .live-toggle.on{background:var(--live);border-color:var(--live);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.card-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.card-head .country{color:var(--muted);font-weight:500}.card-head .more{color:var(--muted);margin-left:auto;font-weight:500}.card-head a:hover .more{color:var(--text)}.match{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 14px;display:flex}.card-head+.match{border-top:0}.match:hover{background:var(--surface-2)}.status{width:46px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.status.live{color:var(--live);font-weight:700}.status.live:before{content:"";background:var(--live);border-radius:50%;width:6px;height:6px;margin:0 auto 3px;animation:1.4s infinite pulse;display:block}@keyframes pulse{50%{opacity:.25}}.teams{flex:1;gap:5px;min-width:0;display:grid}.team-line{align-items:center;gap:8px;display:flex}.team-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.team-line.win .team-name,.team-line.win .score{font-weight:700}.team-line.dim{color:var(--muted)}.score{font-variant-numeric:tabular-nums;text-align:right;min-width:18px;font-weight:600}.is-live .score{color:var(--live)}.logo{object-fit:contain;flex:none}.logo-fallback{background:var(--surface-2);color:var(--muted);letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.empty,.notice{text-align:center;color:var(--muted);padding:28px 16px}.notice.error{color:var(--live)}.foot{text-align:center;color:var(--muted);margin-top:24px;font-size:12px}.hero{text-align:center;padding:20px 14px 18px}.hero-meta{color:var(--muted);margin-bottom:14px;font-size:12px}.hero-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.hero-team{justify-items:center;gap:8px;font-size:14px;font-weight:700;display:grid}.hero-score{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:38px;font-weight:800}.hero-status{color:var(--muted);margin-top:2px;font-size:13px}.hero-status.live{color:var(--live);font-weight:700}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 14px 6px;font-size:12px;font-weight:700}.events{margin:0;padding:0 0 8px;list-style:none}.event{grid-template-columns:1fr 44px 1fr;align-items:center;padding:6px 14px;font-size:14px;display:grid}.event .min{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.event .home{text-align:right}.ev-icon{text-align:center;width:18px;display:inline-block}.card-y,.card-r{vertical-align:-1px;border-radius:2px;width:9px;height:12px;display:inline-block}.card-y{background:#f5c518}.card-r{background:#e0262b}.stat-row{justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.stat-row span:nth-child(2){color:var(--muted)}.bars{gap:4px;height:6px;display:flex}.bars div{background:var(--surface-2);border-radius:3px}.bars .h{background:var(--text)}.bars .a{background:var(--accent)}table.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.table th{color:var(--muted);text-align:center;padding:8px 4px;font-size:11px;font-weight:600}.table td{text-align:center;border-top:1px solid var(--line);padding:8px 4px}.table td.t{text-align:left}.table .t a,.table .t div{align-items:center;gap:8px;min-width:0;display:flex}.table .t span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table .pts{font-weight:800}.table th:first-child,.table td:first-child{width:28px;padding-left:14px}@media (max-width:420px){.table .wide{display:none}}.league-list a{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.league-list a:first-child{border-top:0}.league-list a:hover{background:var(--surface-2)}.league-list .flag{font-size:20px}.league-list small{color:var(--muted);display:block}.back{color:var(--muted);margin-bottom:10px;font-size:13px;display:inline-block}.page-title{letter-spacing:-.02em;margin:4px 0 12px;font-size:22px;font-weight:800}.tabbar{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{letter-spacing:-.01em;min-width:0;max-width:120px;color:var(--muted);-webkit-tap-highlight-color:transparent;flex:1;justify-items:center;gap:2px;padding:4px 0;font-size:10px;font-weight:600;display:grid}.tab-ico{border-radius:999px;place-items:center;width:52px;height:30px;transition:background .15s,color .15s,transform .15s;display:grid}.tabbar a:active .tab-ico{transform:scale(.92)}.tabbar a.on{color:var(--text);font-weight:800}.tabbar a.on .tab-ico{background:var(--accent-bg);color:#16181c}.tabbar a.on svg{color:#16181c;stroke-width:2.2px}.topbar,.tabbar,.datenav,.match,.back{-webkit-user-select:none;user-select:none}.tabs{background:var(--surface-2);border-radius:12px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.tabs a{text-align:center;color:var(--muted);border-radius:9px;flex:1;padding:8px 6px;font-size:13px;font-weight:600}.tabs a.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.res{color:#fff;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:inline-grid}.res-W{background:#2f9e5b}.res-D{background:#8b8f97}.res-L{background:#d64532}.form{gap:4px;margin-top:8px;display:inline-flex}.status-date{color:var(--muted);font-size:11px;font-weight:500;display:block}.comp-tag{color:var(--accent,#c6f432);white-space:nowrap;font-size:10px;font-weight:700;display:block}.team-line.me .team-name{font-weight:700}.match .res{margin-left:2px}.team-hero{align-items:center;gap:16px;padding:18px 16px;display:flex}.team-hero h1{letter-spacing:-.02em;margin:0;font-size:22px}.team-meta{color:var(--muted);margin-top:2px;font-size:13px}.hero-team:hover{opacity:.85}.next-match{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 14px 16px;font-weight:700;display:grid}.next-match span{text-align:center;justify-items:center;gap:6px;display:grid}.next-match b{font-variant-numeric:tabular-nums;font-size:22px}.stat-grid{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.tile{background:var(--surface);text-align:center;padding:12px 8px}.tile b{font-variant-numeric:tabular-nums;font-size:20px;display:block}.tile small,.split small,.h2h small{color:var(--muted);font-size:11px}.split{text-align:center;grid-template-columns:1fr 1fr;padding:12px 8px;display:grid}.split b{margin-top:2px;font-size:15px;display:block}.card-link{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:10px 14px;font-size:13px;display:block}.table tr.hl td{background:color-mix(in srgb, var(--accent-bg) 18%, transparent);font-weight:700}.rank.noted{background:color-mix(in srgb, var(--accent-bg) 35%, transparent);border-radius:6px;place-items:center;min-width:20px;height:20px;display:inline-grid}.legend{color:var(--muted);border-top:1px solid var(--line);margin:0;padding:10px 14px;font-size:12px}.player,.lp{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex}.section-title+.player{border-top:0}.num{text-align:center;width:24px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.pname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pname small{color:var(--muted);font-size:11px;display:block}.age{color:var(--muted);font-size:12px}.lineup-head{justify-content:space-between;padding:12px 14px 0;font-size:14px;font-weight:700;display:flex}.lineup-head small{color:var(--muted);font-weight:500}.lineup{grid-template-columns:1fr 1fr;display:grid}.lineup>div+div{border-left:1px solid var(--line)}.lp{gap:6px;padding:7px 10px;font-size:13px}.sub-out{color:#d64532;font-weight:800}.sub-in{color:#2f9e5b;font-weight:800}.h2h{text-align:center;grid-template-columns:repeat(3,1fr);padding:4px 8px 12px;display:grid}.h2h b{font-size:24px;display:block}.weeknav{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.weeknav a{background:var(--surface);border:1px solid var(--line);border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.league-logo{flex:none;display:inline-flex}.league-logo img{object-fit:contain;width:100%;height:100%}.page-title.with-logo{align-items:center;gap:10px;display:flex}.league-list .flag{place-items:center;width:28px;display:inline-grid}.hero-rail{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;gap:10px;margin:0 -16px 12px;padding:0 16px;display:grid;overflow-x:auto}.hero-rail::-webkit-scrollbar{display:none}.hero-card{scroll-snap-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 16px 20px;display:block}.hero-card.live{background:linear-gradient(160deg, color-mix(in srgb, var(--live) 14%, var(--surface)) 0%, var(--surface) 55%)}.hc-top{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.hc-badge{letter-spacing:.08em;background:var(--surface-2);color:var(--muted);border-radius:999px;margin-left:auto;padding:4px 8px;font-size:10px;font-weight:800}.hc-badge.on{background:var(--live);color:#fff;animation:1.6s infinite pulse}.hc-grid{grid-template-columns:1fr auto 1fr;align-items:center;margin-top:18px;display:grid}.hc-team{text-align:center;justify-items:center;gap:10px;font-size:15px;font-weight:700;display:grid}.hc-mid{justify-items:center;gap:4px;padding:0 6px;display:grid}.hc-score{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.hero-card.live .hc-score,.hero-card.live .hc-clock{color:var(--live)}.hc-time{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.hc-clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.btn{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}.btn.primary{background:var(--accent-bg);color:#16181c;border-color:#0000}.btn:disabled{opacity:.5}.link-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px}.tabs button{font:inherit;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 6px;font-size:13px;font-weight:600}.tabs button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.auth{padding:18px 16px}.auth h2{margin:0 0 14px;font-size:20px}.auth form{gap:12px;display:grid}.auth label{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.auth input,.composer input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:12px 14px;font-size:16px}.auth input:focus,.composer input:focus{border-color:var(--accent)}.form-error{color:var(--live);margin:0;font-size:13px}.or{text-align:center;color:var(--muted);margin:14px 0;font-size:12px}.chat-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.chat-head b{color:var(--text)}.msgs{gap:2px;padding-bottom:72px;display:grid}.day-sep{text-align:center;color:var(--muted);margin:14px 0 8px;font-size:11px}.msg{justify-items:start;margin-top:8px;display:grid}.msg.cont{margin-top:0}.msg.mine{justify-items:end}.who{color:var(--accent);margin:0 0 3px 10px;font-size:12px;font-weight:700}.bubble{background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;max-width:80%;padding:8px 12px 6px;font-size:15px}.msg.mine .bubble{background:var(--accent-bg);color:#16181c;border-color:#0000}.bubble .t{opacity:.6;vertical-align:bottom;margin-left:8px;font-size:10px;display:inline-block}.composer{z-index:15;left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);gap:8px;max-width:680px;margin:0 auto;padding:8px 16px;display:flex;position:fixed}.composer .btn{flex:none;width:48px;padding:0;font-size:18px}.poll{padding:16px}.poll-head{justify-content:space-between;align-items:start;margin-bottom:14px;display:flex}.poll h3{margin:0;font-size:18px}.poll small{color:var(--muted)}.trophy{font-size:22px}.poll-opts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.opt{border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.opt:before{content:"";width:var(--p,0%);background:color-mix(in srgb, var(--accent-bg) 22%, transparent);transition:width .4s;position:absolute;inset:0}.opt>*{position:relative}.opt.on{border-color:var(--accent)}.opt:disabled{cursor:default}.opt img{object-fit:contain}.pct{font-variant-numeric:tabular-nums;font-weight:800}.opt:not(:has(.pct)){justify-content:center}.push-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;padding:10px 14px;font-size:13px;display:flex}.push-row .form-error{flex-basis:100%}.push-hint{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:12px;margin:0 0 8px;padding:10px 14px;font-size:13px}.link-btn.strong{color:var(--accent);font-weight:700}.tz-switch{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex;position:relative}.tz-switch button{z-index:1;cursor:pointer;opacity:.45;background:0 0;border:0;width:34px;height:26px;padding:0;font-size:17px;line-height:1;transition:opacity .2s;position:relative}.tz-switch button[aria-checked=true]{opacity:1}.tz-thumb{background:var(--surface);border-radius:999px;width:34px;height:26px;transition:transform .25s cubic-bezier(.3,.7,.4,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.tz-switch.us .tz-thumb{transform:translate(34px)}.tz-switch.pending{opacity:.7}.ticker{scrollbar-width:none;border-bottom:1px solid var(--line);background:var(--bg);padding:8px 0;overflow-x:auto}.ticker.moving{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.ticker-track{width:max-content;display:flex}.ticker.moving .ticker-track{animation:linear infinite ticker-run}.ticker.paused .ticker-track,.ticker.moving:hover .ticker-track{animation-play-state:paused}.ticker-half{align-items:center;gap:8px;padding:0 8px 0 16px;display:flex}.ticker.moving .ticker-half{padding:0 8px 0 0}@keyframes ticker-run{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker.moving{overflow-x:auto}.ticker.moving .ticker-track{animation:none}}.ticker::-webkit-scrollbar{display:none}.ticker-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex:none;font-size:11px;font-weight:800}.chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 10px 5px 6px;display:inline-flex}.chip-st{color:var(--muted);text-align:center;background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:999px;min-width:30px;padding:2px 5px;font-size:11px;font-weight:700}.chip.live .chip-st{color:#fff;background:var(--live)}.chip-sc{font-variant-numeric:tabular-nums;text-align:center;min-width:26px;font-size:14px;font-weight:800}.news{border-top:1px solid var(--line);gap:12px;padding:12px 14px;display:flex}.news:first-child{border-top:0}.news-body{flex:1;min-width:0}.news-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;display:flex}.news-meta b{color:var(--text);font-weight:700}.news-tag{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-bg);color:#16181c;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.news-tag.inj{background:var(--live);color:#fff}.news-title{margin-top:3px;font-size:15px;font-weight:700;line-height:1.3}.news-sum{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:13px;display:-webkit-box;overflow:hidden}.news-img{object-fit:cover;background:var(--surface-2);border-radius:10px;flex:none;width:84px;height:64px}.foot-note{color:var(--muted);text-align:center;padding:4px 16px 16px;font-size:12px}.pphoto{background:var(--surface-2);color:var(--muted);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.pphoto img{object-fit:cover;object-position:top;width:100%;height:100%}.phero{align-items:center;gap:14px;padding:16px 14px;display:flex}.phero-main{flex:1;min-width:0}.phero h1{letter-spacing:-.02em;margin:0;font-size:21px;line-height:1.2}.phero-team{align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;display:inline-flex}.phero-sub{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.phero-sub img{border-radius:2px}.facts{grid-template-columns:1fr 1fr;margin:0;display:grid}.facts div{border-top:1px solid var(--line);padding:8px 14px}.facts dt{color:var(--muted);font-size:11px}.facts dd{margin:0;font-weight:600}.pstats{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.pstats div{text-align:center;box-shadow:inset -1px -1px 0 var(--line);padding:10px 6px}.pstats b{font-variant-numeric:tabular-nums;font-size:18px;display:block}.pstats span{color:var(--muted);font-size:11px}a.player:hover,a.lp:hover{background:var(--surface-2)}.chev{color:var(--muted);margin-left:auto}.fav{border:1px solid var(--line);background:var(--surface-2);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .15s;display:grid}.fav:active{transform:scale(.9)}.fav.on{color:#f5b301;border-color:color-mix(in srgb, #f5b301 40%, var(--line));background:color-mix(in srgb, #f5b301 12%, var(--surface))}.team-hero>div{flex:1;min-width:0}.page-title.with-logo .fav{margin-left:auto}.fav-star{color:#f5b301;font-size:18px;line-height:1}.stepper{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{width:30px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;font-size:18px;font-weight:700}.stepper button:disabled{color:var(--muted);opacity:.5}.stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:22px;font-size:18px}.pred-input{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.pred-dash{color:var(--muted);font-weight:700}.pred-save{background:var(--accent-bg);color:#16181c;height:34px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 12px;font-size:13px;font-weight:800}.pred-save.done{background:var(--surface-2);color:var(--accent)}.pred-err{text-align:center;color:var(--live);flex-basis:100%;font-size:12px}.pred-card .pred-teams{margin-top:0}.pred-link{color:var(--muted);font-size:13px}.pred-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}.pred-item .pred-row{margin-top:6px}.pred-team{text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:700;display:flex;overflow:hidden}.pred-team.r{text-align:right;justify-content:flex-end}.pred-item{padding:10px 12px 12px}.pred-meta{color:var(--muted);font-size:12px;display:block}.pred-progress{color:var(--muted);text-align:center;margin:0 0 4px;font-size:13px}.day-title{padding-left:4px}.pred-picks{background:var(--line);border-radius:10px;gap:1px;margin-top:10px;display:grid;overflow:hidden}.pred-pick{background:var(--surface-2);align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.pred-pick span:first-child{flex:1}.pred-pick.me{font-weight:700}.pts{text-align:center;background:var(--surface);min-width:30px;color:var(--muted);border-radius:999px;padding:2px 6px;font-size:12px;font-weight:800}.pts.p3{background:var(--accent-bg);color:#16181c}.pts.p1{background:color-mix(in srgb, var(--accent-bg) 35%, var(--surface));color:var(--text)}.pred-result{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-weight:700;display:grid}.pred-result span:last-child{text-align:right}.pred-result b{font-variant-numeric:tabular-nums;font-size:18px}.table.lb tr.hl td{background:color-mix(in srgb, var(--accent-bg) 18%, transparent)}.pred-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:8px 0 10px;display:grid}.pred-team{white-space:normal;overflow:visible}.pred-vs{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.table.lb td.team-col,.table.lb th.team-col{text-align:left}.unread-sep{text-transform:uppercase;letter-spacing:.05em;color:var(--live);align-items:center;gap:10px;margin:14px 0 6px;font-size:11px;font-weight:800;display:flex}.unread-sep:before,.unread-sep:after{content:"";background:color-mix(in srgb, var(--live) 50%, transparent);flex:1;height:1px}.new-below{left:50%;bottom:calc(140px + env(safe-area-inset-bottom));z-index:25;background:var(--accent-bg);color:#16181c;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}.ls-head{border-bottom:1px solid var(--line);align-items:stretch;transition:border-color .3s;display:flex}.ls-head .card-head{border-bottom:0;flex:1;min-width:0;padding-left:4px}.ls-toggle{width:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0 0 0 6px;display:grid}.ls-toggle svg{transition:transform .3s}.league-sec.closed .ls-toggle svg{transform:rotate(-90deg)}.league-sec.closed .ls-head{border-bottom-color:#0000}.ls-body{grid-template-rows:1fr;transition:grid-template-rows .32s;display:grid}.league-sec.closed .ls-body{grid-template-rows:0fr}.ls-inner{min-height:0;overflow:hidden}.ls-inner>.match:first-child{border-top:0}.card-head .count{display:none}.league-sec.closed .card-head .count{background:var(--surface-2);min-width:20px;height:20px;color:var(--muted);border-radius:999px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.pred-league .card-head img{border-radius:4px}.pline{border-top:1px solid var(--line);grid-template-columns:46px 1fr auto 1fr;align-items:center;gap:6px;padding:8px 10px;display:grid}.pred-league .card-head+.pline{border-top:0}.pline-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;line-height:1.15;display:grid}.pline-time small{font-size:10px;font-weight:600}.pline-team{align-items:center;gap:5px;min-width:0;font-size:13px;display:flex}.pline-team.r{justify-content:flex-end}.pline-team img{flex:none}.pred-input.compact{flex-wrap:nowrap;gap:3px}.pred-input.compact .stepper button{width:22px;height:30px;font-size:16px}.pred-input.compact .stepper b{min-width:16px;font-size:16px}.pred-input.compact .pred-dash{display:none}.pred-input.compact .pred-save{height:30px;padding:0 9px}.pline{position:relative}.pred-input.compact .pred-err{font-size:10px;position:absolute;bottom:0;left:0;right:0}.pline.done .pline-time{color:var(--accent)}.ls-head.tap{cursor:pointer}.ls-inner>.pline:first-child{border-top:0}.datenav .done-toggle.on{background:var(--accent-bg);border-color:var(--accent-bg);color:#16181c}.card-head .count.live{background:var(--live);color:#fff;border-radius:999px;place-items:center;height:20px;padding:0 7px;font-size:11px;font-weight:700;display:inline-grid}.league-sec.closed .card-head .count.live{background:var(--live);color:#fff}.group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 4px 8px;font-size:12px;font-weight:800}.notif .push-row,.notif .push-hint{background:0 0;border:0;border-radius:0;margin:0}.notif .push-hint a{color:var(--accent);font-weight:700}.notif-rows{display:grid}.notif-rows.off{opacity:.55}.notif-row{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:11px 14px;display:flex}.notif-row span{flex:1;gap:2px;display:grid}.notif-row b{font-size:14px}.notif-row small{color:var(--muted);font-size:12px;line-height:1.35}.switch{appearance:none;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:none;width:44px;height:26px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--accent-bg);border-color:#0000}.switch:checked:after{transform:translate(18px)}.phero2{text-align:center;border-radius:var(--radius);color:var(--ink);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--tc) 85%, #fff) 0%, var(--tc) 45%, color-mix(in srgb, var(--tc) 60%, #000) 100%);flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;padding:22px 16px 18px;display:flex;position:relative;overflow:hidden}.phero2 .pphoto{border:3px solid color-mix(in srgb, var(--ink) 85%, transparent);background:color-mix(in srgb, var(--tc) 70%, #000);color:var(--ink);box-shadow:0 8px 24px #00000040}.phero2 h1{letter-spacing:-.02em;z-index:1;margin:4px 0 0;font-size:24px;line-height:1.15}.phero2-num{letter-spacing:-.06em;opacity:.14;pointer-events:none;font-variant-numeric:tabular-nums;font-size:150px;font-weight:900;line-height:1;position:absolute;top:-18px;right:-6px}.phero2-fav{z-index:1;position:absolute;top:8px;right:8px}.phero2-fav .fav{color:var(--ink)}.phero2-tags{z-index:1;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.phero2-nat{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.phero2-nat img{border-radius:2px}.phero2-team{color:#16181c;z-index:1;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.pos-badge{color:#16181c;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.pos-G{background:#f5c542}.pos-D{background:#6fb3ff}.pos-M{background:#7be08f}.pos-F{background:#ff8a7a}.pos-\?{background:#d8d4cc}.ptiles{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.ptiles div{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px 4px}.ptiles b{font-variant-numeric:tabular-nums;font-size:17px;display:block}.ptiles span{color:var(--muted);font-size:11px}.psum{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;padding:4px 12px 14px;display:grid}.psum div{text-align:center;background:var(--surface-2);border-radius:12px;padding:12px 6px}.psum b{font-variant-numeric:tabular-nums;color:var(--accent);font-size:24px;font-weight:800;display:block}.psum span{color:var(--muted);font-size:11px}.ptable-wrap{padding-bottom:6px;overflow-x:auto}.ptable{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.ptable th{color:var(--muted);text-align:center;white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:600}.ptable th:first-child,.ptable td:first-child{text-align:left;background:var(--surface);min-width:130px;padding-left:14px;position:sticky;left:0}.ptable td{border-top:1px solid var(--line);text-align:center;padding:9px 8px}.ptable td:first-child{font-weight:600}.ptable td small{color:var(--muted);font-size:11px;font-weight:500;display:block}.ptable td.hl{color:var(--accent);font-weight:800}.coach{align-items:center;gap:12px;padding:10px 14px;display:flex}.coach-txt{flex:1;min-width:0;display:grid}.coach small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.coach b{font-size:15px}.coach-meta{color:var(--muted);text-align:right;font-size:12px}.lineup-coach{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.lineup-coach div{align-items:center;gap:8px;min-width:0;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.lineup-coach div:last-child{text-align:right;flex-direction:row-reverse}.lineup-coach small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700;display:block}:root{--mom-h:#2f7cf6;--mom-a:#f08a24}.momentum{padding:4px 14px 12px;position:relative}.momentum svg{width:100%;height:96px;display:block}.momentum.compact{padding:6px 0 0}.momentum.compact svg{height:34px}.mom-h{fill:var(--mom-h)}.mom-a{fill:var(--mom-a)}.mom-axis{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.mom-ht{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3;opacity:.5;vector-effect:non-scaling-stroke}.mom-legend{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.mom-legend .mh{color:var(--mom-h)}.mom-legend .ma{color:var(--mom-a)}.mom-plot{position:relative}.mom-goal{font-size:11px;line-height:1;position:absolute;transform:translate(-50%)}.mom-goal.home{top:-2px}.mom-goal.away{bottom:-2px}.mom-axis-labels{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.hero-card .momentum.compact .mom-axis{stroke:currentColor;opacity:.25}.comm{margin:0;padding:0;list-style:none}.comm-item{border-top:1px solid var(--line);grid-template-columns:44px 24px 1fr;align-items:start;gap:6px;padding:10px 14px 10px 10px;font-size:14px;line-height:1.4;display:grid}.comm-item:first-child{border-top:0}.comm-min{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;padding-top:1px;font-size:13px;font-weight:800}.comm-ico{text-align:center}.comm-text small{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700;display:block}.comm-item.s-home .comm-text small{color:var(--mom-h)}.comm-item.s-away .comm-text small{color:var(--mom-a)}.comm-item.k-foul,.comm-item.k-offside,.comm-item.k-other{color:var(--muted)}.comm-item.big{background:color-mix(in srgb, var(--accent-bg) 14%, transparent);font-weight:700}.comm-item.k-period{background:var(--surface-2);font-weight:600}.skel{background:var(--surface-2);border-radius:8px;animation:1.2s ease-in-out infinite pulse}.skel-title{width:40%;height:26px;margin:6px 0 14px}.skel-row-chips{background:0 0;gap:6px;margin-bottom:12px;animation:none;display:flex}.skel-row-chips span{border-radius:999px;width:70px;height:32px}.skel-card{padding:12px 14px}.skel-head{width:55%;height:16px;margin-bottom:12px}.skel-line{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.skel-dot{border-radius:50%;flex:none;width:28px;height:28px}.skel-bar{flex:1;height:14px}.skel-line:nth-child(odd) .skel-bar{max-width:70%}:root{--radius:10px}body{font-size:14px}.topbar{padding:calc(6px + env(safe-area-inset-top)) 12px 6px}.brand{font-size:17px}.brand-mark{border-radius:6px;width:24px;height:24px}.wrap{padding:8px 10px calc(84px + env(safe-area-inset-bottom))}.ticker{padding:5px 0}.chip{gap:4px;padding:3px 8px 3px 4px}.chip-sc{font-size:13px}.chip .logo,.chip .logo-fallback{width:16px!important;height:16px!important}.datenav{gap:4px;padding:2px 0 8px}.datenav a{padding:5px 10px;font-size:12px}.card{margin-bottom:8px}.card-head{gap:6px;padding:7px 10px;font-size:12px}.card-head .league-logo,.card-head picture{width:16px!important;height:16px!important}.section-title{padding:9px 10px 4px;font-size:11px}.page-title{margin:2px 0 8px;font-size:19px}.match{grid-template-columns:38px 1fr 54px 1fr auto;align-items:center;gap:6px;min-height:38px;padding:7px 10px;font-size:13px;display:grid}.match .status{width:auto;font-size:11px}.status.live:before{width:5px;height:5px;margin-bottom:2px}.status-date{font-size:10px}.match .side{align-items:center;gap:6px;min-width:0;display:flex}.match .side.home{text-align:right;justify-content:flex-end}.match .side .team-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.match .side.win .team-name{font-weight:700}.match .side.dim{color:var(--muted)}.match .side.me .team-name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent-bg);text-decoration-color:var(--accent-bg)}.match .sc{text-align:center;background:var(--surface-2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;justify-self:center;min-width:50px;padding:3px 6px;font-size:13px;font-weight:800}.match .sc.pre{color:var(--muted);background:0 0;font-weight:600}.match.is-live .sc{background:var(--live);color:#fff}.match .result-badge,.match>:last-child:not(.side){justify-self:end}.tabs{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none;border-radius:0;gap:0;margin:0 -10px 8px;padding:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a,.tabs button{white-space:nowrap;border-bottom:2px solid #0000;border-radius:0;flex:1 0 auto;padding:10px 12px;font-size:13px;box-shadow:none!important;background:0 0!important}.tabs a.on,.tabs button.on{color:var(--text);border-bottom-color:var(--accent-bg);font-weight:800}.hero-rail{gap:8px;margin:0 -10px 8px;padding:0 10px}.hero-rail.multi{grid-auto-columns:78%}.hero-card{padding:10px 12px!important}.hc-top{font-size:12px}.hc-grid{margin-top:6px}.hc-team .logo,.hc-team .logo-fallback{width:38px!important;height:38px!important}.hc-team{gap:4px;font-size:12px}.hc-score,.hc-time{font-size:24px!important}.hc-clock{font-size:11px}.hero{padding:12px 10px}.hero-score{font-size:30px}.hero-team{gap:6px;font-size:13px}.hero-team .logo,.hero-team .logo-fallback{width:40px!important;height:40px!important}.team-hero{gap:12px;padding:12px}.team-hero h1{font-size:18px}.player,.lp{padding:6px 10px;font-size:13px}.table th,.table td{padding:6px 3px}.table th:first-child,.table td:first-child{padding-left:10px}.table th:last-child,.table td:last-child{padding-right:10px}.table .logo,.table .logo-fallback{width:18px!important;height:18px!important}.league-list a{gap:10px;padding:8px 10px}.event{padding:5px 10px;font-size:13px}.stat{padding:6px 10px}.tabbar{padding:4px 6px calc(4px + env(safe-area-inset-bottom))}.tab-ico{width:46px;height:26px}.tab-ico svg{width:21px;height:21px}.hero-card{border-radius:14px}.mini-tiles{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.mini-tiles .tile{padding:8px 2px}.mini-tiles .tile b{font-size:16px}.next-match{padding:4px 10px 10px;font-size:13px}.next-match b{font-size:18px}.transfers{margin:0;padding:0;list-style:none}.transfers li{border-top:1px solid var(--line);align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.transfers li:first-child{border-top:0}.tr-dir{border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid}.tr-in .tr-dir{color:#2fbf71;background:#2fbf7138}.tr-out .tr-dir{background:color-mix(in srgb, var(--live) 18%, transparent);color:var(--live)}.tr-main{flex:1;gap:2px;min-width:0;display:grid}.tr-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tr-route{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.tr-arrow{margin:0 2px}.tr-side{text-align:right;flex:none;gap:1px;display:grid}.tr-fee{font-size:12px;font-weight:700}.tr-side small{color:var(--muted);font-size:11px}.leaders{counter-reset:l;margin:0;padding:0;list-style:none}.leaders li{border-top:1px solid var(--line);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.leaders li:first-child{border-top:0}.leaders .rk{text-align:center;width:20px;color:var(--muted);font-size:12px;font-weight:700}.leaders .nm{flex:1;min-width:0;display:grid}.leaders .nm a,.leaders .nm span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaders .nm small{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.leaders .val{font-variant-numeric:tabular-nums;text-align:right;min-width:26px;font-size:15px;font-weight:800}.leaders li:nth-child(-n+3) .rk{color:#16181c;background:var(--accent-bg);border-radius:6px}.rating{text-align:center;color:#fff;font-variant-numeric:tabular-nums;border-radius:6px;flex:none;min-width:30px;margin-left:auto;padding:2px 5px;font-size:12px;font-weight:800}.rating.big{border-radius:9px;min-width:44px;padding:6px 8px;font-size:18px}.rating.r1{background:#d93a3a}.rating.r2{background:#ec7a2c}.rating.r3{color:#16181c;background:#d9b52c}.rating.r4{color:#16181c;background:#7ac74f}.rating.r5{background:#22a45d}.rating.r6{background:#0b7a3e}.lineup>div{min-width:0}.lp .pname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lp .pphoto{font-size:10px!important}.best-player{color:inherit;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.best-txt{flex:1;min-width:0;display:grid}.best-txt small{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.best-txt b{font-size:15px}.best-txt span{color:var(--muted);font-size:12px}.others-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 4px 6px;font-size:11px;font-weight:800}.search-box{background:var(--surface);border:1px solid var(--line);height:40px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin:2px 0 10px;padding:0 12px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}a.search-box{font-size:14px;text-decoration:none}.search-row{border-top:1px solid var(--line);color:inherit;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.search-row .sr-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-row small{color:var(--muted);font-size:12px;font-weight:500}a.search-row:hover{background:var(--surface-2)}.top-search{background:var(--surface);border:1px solid var(--line);width:34px;height:34px;color:var(--text);border-radius:50%;place-items:center;margin-left:auto;margin-right:8px;display:grid}.lp .num{min-width:14px;font-size:11px}.lp{gap:5px;padding:6px 8px}.country-list details+details{border-top:1px solid var(--line)}.country-list summary{cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;list-style:none;display:flex}.country-list summary::-webkit-details-marker{display:none}.country-list summary:after{content:"›";color:var(--muted);margin-left:4px;transition:transform .15s}.country-list details[open]>summary:after{transform:rotate(90deg)}.country-list .cflag{text-align:center;width:24px;font-size:18px;line-height:1}.country-list .cname{flex:1}.country-list summary small{color:var(--muted);font-size:12px;font-weight:500}.country-list .league-list{background:var(--surface-2)}.country-list .league-list a{padding-left:22px}.country-list .league-list a:first-child{border-top:1px solid var(--line)}.datenav a.today:not(.on){box-shadow:inset 0 0 0 1.5px var(--accent)}.datenav a{font-variant-numeric:tabular-nums}.top-search+.top-search{margin-left:0}.settings-row{align-items:center;gap:12px;padding:10px 12px;display:flex}.settings-row>span{flex:1;min-width:0;display:grid}.settings-row small{color:var(--muted);font-size:12px}.composer{flex-direction:column;gap:6px}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);background:var(--bg);min-width:0;max-height:140px;color:var(--text);font:inherit;border-radius:18px;outline:none;flex:1;padding:11px 14px;font-size:16px;line-height:1.35}.composer textarea:focus{border-color:var(--accent)}.composer .btn{border-radius:22px;height:44px}.editing-bar{color:var(--accent);justify-content:space-between;align-items:center;padding:0 4px;font-size:12px;font-weight:700;display:flex}.msg.mine .bubble{cursor:pointer;-webkit-user-select:text;user-select:text}.bubble.picked{outline:2px solid var(--accent);outline-offset:2px}.msg-actions{gap:6px;margin-top:4px;display:flex}.msg-actions button{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.msg-actions .danger{color:var(--live)}.msgs{padding-bottom:96px}.announce form{gap:8px;padding:0 12px 12px;display:grid}.announce input,.announce textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:10px;outline:none;padding:10px 12px;font-size:16px}.announce input:focus,.announce textarea:focus{border-color:var(--accent)}.notif-prompt{left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:60;background:var(--surface);border:1px solid var(--accent);border-radius:14px;align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:10px 12px;font-size:13px;display:flex;position:fixed;box-shadow:0 6px 24px #00000080}.notif-prompt span{flex:1}.notif-prompt .np-on{background:var(--accent);color:#0e1013;border:0;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:800}.notif-prompt .np-x{color:var(--muted);background:0 0;border:0;padding:4px;font-size:16px}button.top-search{font:inherit;cursor:pointer;padding:0}button.top-search:disabled{opacity:1;color:var(--accent)}.top-refresh svg{display:block}.top-refresh.spin{color:var(--accent)}.top-refresh.spin svg{animation:.8s linear infinite refresh-spin}@keyframes refresh-spin{to{transform:rotate(360deg)}}.err-why{color:var(--muted);margin-top:6px;font-size:12px;display:block}.hl-frame{aspect-ratio:16/9;background:#000;position:relative}.hl-frame iframe,.hl-thumb{border:0;width:100%;height:100%;position:absolute;inset:0}.hl-thumb{cursor:pointer;background:#000;padding:0}.hl-thumb img{object-fit:cover;opacity:.85;width:100%;height:100%}.hl-play{background:var(--accent);color:#111;border-radius:50%;place-items:center;width:56px;height:56px;padding-left:3px;font-size:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0006}.hl-meta{gap:3px;padding:8px 12px 10px;display:grid}.hl-title{font-size:13px;font-weight:600;line-height:1.3}.hl-sub{color:var(--muted);font-size:12px}.hl-sub a{color:var(--accent)}.hl-switch{flex-wrap:wrap;gap:6px;padding:0 12px 10px;display:flex}.hl-switch button{font:inherit;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.hl-switch button.on{border-color:var(--accent);color:var(--text)}