*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:transparent}.widget{--accent: #62e4c4;--bg: #09131f;--panel: #101e2d;--text: #e7f0f6;--muted: #859ba9;color:var(--text);background:var(--bg);border:1px solid #ffffff18;border-radius:18px;overflow:hidden;max-width:100%;min-width:280px;font-size:13px}.widget.light{--bg: #f5f8fb;--panel: #e8eef4;--text: #172a3c;--muted: #536877}@media(prefers-color-scheme:light){.widget.system{--bg: #f5f8fb;--panel: #e8eef4;--text: #172a3c;--muted: #536877}}header,footer,.spatial{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:10px}.brand{font-weight:800;letter-spacing:2px;font-size:11px}.brand small{display:block;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:5px}.league{color:var(--muted);font-size:10px;letter-spacing:1px}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:15px 20px}.scoreboard>div{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere;font-weight:650}.scoreboard>div:last-child{justify-content:flex-end;text-align:right}.scoreboard .score{flex-direction:column;gap:8px}.score strong{font-size:42px;line-height:1;white-space:nowrap;letter-spacing:2px}.score i{font-style:normal;color:var(--muted);font-weight:300}.score small,.connection{font-size:10px;color:var(--muted)}.lifecycle{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}.team-dot{flex-shrink:0;width:20px;height:24px;background:var(--accent);clip-path:polygon(0 0,100% 0,85% 75%,50% 100%,15% 75%)}.away{background:#b49af1}.connection{text-align:center;padding:5px 12px 10px}.arena{position:relative;background:radial-gradient(ellipse at center,#163647 0,transparent 70%);min-height:175px}.arena canvas{display:block;max-width:100%}.arena svg{display:block;width:100%;padding:18px}.arena-caption{position:absolute;bottom:8px;left:20px;color:var(--muted);font-size:9px;letter-spacing:2px}.spatial{font-size:11px;color:var(--muted);padding-top:10px;padding-bottom:10px;background:var(--panel)}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.spatial button{border:1px solid #8197a650;border-radius:5px;padding:4px 7px}.spatial span{flex:1}.tabs{display:flex;border-bottom:1px solid #8099aa25;padding:0 20px;gap:22px}.tabs button{padding:15px 0;color:var(--muted)}.tabs button[aria-pressed=true]{border-bottom:2px solid var(--accent);color:var(--text)}.tabs small{margin-left:6px}.timeline{list-style:none;padding:0;margin:0;max-height:250px;overflow:auto}.timeline button{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:14px 20px;border-bottom:1px solid #8099aa15}.timeline time{color:var(--muted);font-size:10px}.timeline b{text-transform:capitalize;font-size:11px}.timeline span{color:var(--muted);flex:1}.timeline .selected{background:var(--panel);border-left:3px solid #ffbf69}.empty{padding:35px;text-align:center;color:var(--muted)}.stats{display:flex;gap:25px;padding:20px;justify-content:space-around}.stats p{display:flex;flex-direction:column;gap:10px;color:var(--muted)}.stats b{color:var(--text);font-size:24px}footer{font-size:9px;color:var(--muted);border-top:1px solid #8099aa20}footer span{font-size:8px}@media(max-width:400px){header,footer,.spatial{padding-left:12px;padding-right:12px}.scoreboard{padding:12px;gap:8px;font-size:11px}.score strong{font-size:32px}.team-dot{width:15px;height:18px}.league{max-width:100px;text-align:right}.timeline button{padding:12px;gap:8px}}.context{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:8px 20px;color:var(--muted);font-size:10px}.context b{color:var(--text);margin-left:4px}.stats{flex-wrap:wrap}.stat-group{flex:1;min-width:120px}.stat-group>p{flex-direction:row;align-items:center;justify-content:space-between;font-size:11px}.stat-group>p>b{font-size:16px}.event-context{display:block;font-size:9px;padding-top:5px;color:var(--muted)}.widget{position:relative}.celebration{position:absolute;z-index:2;top:95px;left:8%;right:8%;text-align:center;padding:15px;background:var(--accent);color:#071c1c;font-weight:800;border-radius:10px;box-shadow:0 0 50px #60e5c34d;animation:event-arrival .4s ease-out}@keyframes event-arrival{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.celebration{animation:none}}.bases{display:inline-flex;align-items:center;gap:6px;padding:2px 5px}.bases i{width:10px;height:10px;transform:rotate(45deg);border:1px solid var(--muted);background:transparent}.bases i.occupied{background:var(--accent);border-color:var(--accent)}.stats-table{padding:8px 20px 16px;max-height:320px;overflow:auto}.stat-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;text-align:center;align-items:center;padding:12px 0;border-bottom:1px solid #8099aa20}.stat-row span{font-size:11px;color:var(--muted)}.stat-row b{font-size:14px}.stat-heading b{font-size:10px}.stat-heading span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.fixture-picker{display:flex;gap:8px;padding:0 20px 10px}.fixture-picker select{min-width:0;flex:1;max-width:100%;font:inherit;font-size:10px;background:var(--panel);color:var(--text);border:1px solid #8099aa40;border-radius:5px;padding:7px}