.event-overlay.compact-event{inset:auto 24px 42px auto;width:min(380px,calc(100vw - 32px));padding:20px;border:1px solid var(--accent);border-radius:15px;gap:8px;align-items:flex-start;box-shadow:0 15px 65px #0008}
.compact-event img{position:absolute;right:18px;top:18px;width:42px;height:42px}.compact-event h2{font-size:40px;letter-spacing:1px}.compact-event p{font-size:13px;text-align:left;padding:0 40px 0 0}.compact-event .event-score{font-size:27px;letter-spacing:3px}.compact-event small{font-size:8px;letter-spacing:1px}.sports-motion{height:min(28vh,200px);width:min(55vw,400px);overflow:visible}.compact-event .sports-motion{display:none}.motion-ball{animation:shot-flight 1.4s .25s cubic-bezier(.1,.2,.35,1) both;transform-box:fill-box;transform-origin:center}.motion-net{animation:net-hit .6s 1.5s ease-out both;transform-origin:center}.motion-ring{stroke:var(--accent);fill:none;animation:ring-expand 1.5s .8s ease-out infinite;transform-origin:center}.motion-bases{stroke:var(--accent);stroke-width:4;fill:none;stroke-dasharray:450;stroke-dashoffset:450;animation:bases-run 2s .3s ease-out forwards}@keyframes shot-flight{0%{translate:-170px 60px;rotate:-120deg;scale:1.5;opacity:0}15%{opacity:1}50%{translate:-75px -45px;rotate:20deg;scale:1}100%{translate:0 0;rotate:180deg;scale:.7}}@keyframes net-hit{0%,100%{translate:0 0}30%{translate:7px 0}60%{translate:-3px 0}}@keyframes ring-expand{from{r:5;opacity:.8}to{r:45;opacity:0}}@keyframes bases-run{to{stroke-dashoffset:0}}@media(max-width:900px){.event-overlay.compact-event{right:12px;bottom:38px}.sports-motion{width:70vw;height:20vh}.event-overlay p{font-size:15px}.event-overlay .event-score{font-size:45px}}@media(prefers-reduced-motion:reduce){.motion-ball,.motion-net,.motion-ring,.motion-bases{animation:none}}
.surface-actor{position:absolute;top:9px;left:10px;max-width:85%;padding:7px 10px;background:#071521da;border:1px solid #466054;border-radius:7px;font-size:11px;color:#effaf6}.surface-actor small{display:block;font-size:8px;color:var(--accent);margin-bottom:3px;letter-spacing:.8px}
.team h3{overflow-wrap:anywhere}.long-league .league-title h1{line-height:1.05}@media(max-width:420px){.long-league .league-title h1{font-size:16px;max-width:96px;white-space:normal}.long-league .league-title img{width:22px;height:22px}.feature-tabs{gap:1px}.feature-tabs button{padding:5px 8px;font-size:8px}}
body{grid-template-columns:minmax(0,1fr)}.masthead,.toolbar,#network,main{min-width:0}@media(max-width:375px){.league-title img{display:none}.league-title h1{font-size:17px;white-space:normal;max-width:94px}.masthead{gap:8px}.brand{font-size:11px}.brand-symbol{width:25px;height:25px}}
.formation-compact{display:none}@media(orientation:landscape) and (max-height:500px){.formation-compact{display:block;border:0;background:transparent;color:var(--accent);font-size:8px;padding:0 5px}.feature-bottom{gap:4px}.feature-bottom #feature-note{flex:1}}