.wt-sport-app{padding:0!important;border:0!important;background:transparent!important}.sport-hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel),var(--panel2))}.sport-hero h2{margin:3px 0 4px!important}.sport-hero p{font-size:12px!important}.sport-kicker{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.sport-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.sport-tab{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);padding:10px 5px;font-weight:800}.sport-tab.active{background:var(--accent);color:#17130a}.sport-tab b{font-size:10px}.sport-list{display:grid;gap:8px}.sport-item,.sport-search-result{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-align:left;width:100%;font:inherit}.sport-search-result:active{transform:scale(.99);background:var(--panel2)}.sport-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;background:var(--panel2);font-size:18px}.sport-item-main{min-width:0;flex:1}.sport-item-main b,.sport-item-main small{display:block}.sport-item-main b{font-size:13px}.sport-item-main small{color:var(--muted);font-size:10px;margin-top:3px}.sport-bell,.sport-remove{border:0;background:transparent;padding:7px;color:var(--muted);font-size:16px}.sport-bell.on{color:var(--accent)}.sport-remove{font-size:22px}.sport-date{min-width:46px;text-align:center}.sport-date b,.sport-date small{display:block}.sport-date small{font-size:9px;color:var(--muted)}.sport-empty{padding:26px 16px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}.sport-empty b,.sport-empty span{display:block}.sport-empty b{color:var(--text);margin-bottom:6px}.sport-empty span{font-size:12px;line-height:1.45}.sport-add-event{width:100%;margin-bottom:9px;border:1px dashed var(--line);border-radius:13px;background:transparent;color:var(--accent);padding:11px;font-weight:800}.sport-alert-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--panel)}.sport-alert-card h3{margin:0 0 5px}.sport-alert-card p{font-size:12px;color:var(--muted)}.sport-toggle{display:flex!important;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.sport-toggle input{width:20px;height:20px;accent-color:var(--accent)}#sportPushPermission{margin-top:10px;width:100%}.sport-event-card.expandable{cursor:pointer;align-items:flex-start}.sport-fightcard{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.sport-fightcard strong{display:block;color:var(--accent);font-size:11px;margin-bottom:6px}.sport-fightcard span{display:block;font-size:11px;line-height:1.45;padding:4px 0;color:var(--text)}.sport-fightcard a{display:inline-block;margin-top:8px;font-size:10px;color:var(--accent);text-decoration:none}.sport-expand-hint{color:var(--accent)!important;margin-top:8px!important;font-weight:800}
.sport-badge{font-size:10px!important;font-weight:950;letter-spacing:-.03em;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.sport-badge.red,.sport-event-visual.red{background:linear-gradient(145deg,#8f1720,#3b0c10);color:#fff}
.sport-badge.yellow,.sport-event-visual.yellow{background:linear-gradient(145deg,#f2d21b,#8d7400);color:#16130a}
.sport-badge.green,.sport-event-visual.green{background:linear-gradient(145deg,#147044,#083a25);color:#fff}
.sport-badge.blue,.sport-event-visual.blue{background:linear-gradient(145deg,#175a9d,#0b294b);color:#fff}
.sport-badge.black,.sport-event-visual.black{background:linear-gradient(145deg,#333,#080808);color:#fff}
.sport-event-card{position:relative;overflow:hidden;padding:10px!important;background:linear-gradient(110deg,var(--panel),var(--panel2))!important}
.sport-event-visual{width:52px;height:58px;flex:0 0 52px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line)}
.sport-event-visual span{font-size:11px;font-weight:950;letter-spacing:-.03em}
.sport-event-card .sport-date{padding-top:5px}
.sport-event-card .sport-item-main>b{font-size:14px;line-height:1.25}
.sport-event-card .sport-item-main>small:first-of-type{line-height:1.35}

.sport-badge img{width:30px;height:30px;object-fit:contain;display:block}
.sport-versus{width:78px;min-width:78px;display:grid;grid-template-columns:30px 14px 30px;gap:2px;align-items:center;justify-content:center;padding:8px 3px;border-radius:14px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line)}
.sport-versus span{width:30px;height:38px;display:grid;place-items:center}
.sport-versus img{max-width:29px;max-height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.sport-versus em{font-size:8px;font-style:normal;font-weight:950;color:var(--muted);text-align:center}
@media(max-width:390px){.sport-versus{width:68px;min-width:68px;grid-template-columns:26px 12px 26px}.sport-versus span{width:26px}.sport-versus img{max-width:25px}}

.sport-versus span{font-size:25px;line-height:1}
.sport-poster{width:78px;min-width:78px;height:72px;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:var(--panel2)}
.sport-poster img{width:100%;height:100%;display:block;object-fit:cover}
.sport-event-bell{align-self:flex-start;width:28px;height:28px;padding:0!important;display:grid;place-items:center;border:1px solid var(--line)!important;border-radius:50%;font-size:12px!important;opacity:.58}
.sport-event-bell.on{background:color-mix(in srgb,var(--accent) 12%,transparent);opacity:.78}
.sport-event-bell.off{filter:grayscale(1);opacity:.35}

/* Hard containment for remote event artwork: never let a poster resize the card/app. */
.sport-event-card .sport-poster{width:78px!important;min-width:78px!important;max-width:78px!important;height:72px!important;min-height:72px!important;max-height:72px!important;overflow:hidden!important;align-self:flex-start!important}
.sport-event-card .sport-poster img{display:block!important;width:78px!important;height:72px!important;max-width:78px!important;max-height:72px!important;object-fit:cover!important;object-position:center!important}