.mcard{border:1px solid var(--rule);background:var(--board);box-shadow:var(--card-lift);border-radius:12px;flex-direction:column;display:flex;position:relative;top:0}.mcard:before{content:"";z-index:-1;border-radius:inherit;box-shadow:0 20px 40px -18px #11200d73, -28px 16px 48px -20px var(--l), 28px 16px 48px -20px var(--r);opacity:0;pointer-events:none;position:absolute;inset:-1px}.mcard:has(.mband[href]):is(:hover,:active,:focus-within){border-color:#11200d4d}.mcard:has(.mband[href]):is(:hover,:active,:focus-within):before{opacity:1}.mcard h3{margin:0}.mband{grid-template-columns:clamp(96px, calc(var(--s,.5) * 100%), 100% - 96px) minmax(0, 1fr);min-height:88px;color:inherit;border-radius:11px 11px 0 0;text-decoration:none;display:grid;overflow:clip}a.mband:after{content:"";z-index:1;position:absolute;inset:0}a.mband:focus-visible{outline:none}.mcard:has(a.mband:focus-visible){outline:3px solid var(--lead);outline-offset:3px}.mband .side{background:linear-gradient(#ffffff29, #fff0 55%), var(--team);min-width:0;color:var(--team-on);flex-direction:column;grid-row:1;justify-content:space-between;gap:6px;padding:11px 16px 10px;display:flex;container-type:inline-size}.mband .side.right{text-align:right;grid-column:2;align-items:flex-end}.mband .nm{font:900 clamp(1rem,16cqi,1.65rem)/.9 sans-serif;font-family:var(--display);font-size:min(clamp(1rem, 16cqi, 1.65rem), 100cqi / (var(--w,1) * .52));text-transform:uppercase;overflow-wrap:break-word;font-stretch:68%}.mband .fig{font:900 clamp(1.5rem,24cqi,2.4rem)/.8 sans-serif;font-family:var(--display);letter-spacing:-.03em;align-items:flex-start;gap:.08em;font-stretch:112%;display:flex}.mband .fig small{letter-spacing:0;margin-top:.06em;font-size:.42em}.mband .v{z-index:1;aspect-ratio:1;background:var(--board);width:28px;color:var(--field);font:700 .95rem/1 sans-serif;font-family:var(--display);border-radius:50%;grid-area:1/2;place-self:center start;place-items:center;margin-left:-14px;font-stretch:60%;display:grid}.mcard.waiting .mband .side{justify-content:flex-end}.live .mband .fig{flex-direction:column;gap:4px;font-size:clamp(1.3rem,20cqi,2rem)}.live .mband .side.right .fig{align-items:flex-end}.live .mband .fig small{opacity:.85;font-size:.5em;font-stretch:90%}.live .mband:has(.batting) .side:not(.batting){filter:saturate(.55)brightness(.92)}.minfo{flex-direction:column;flex:1;gap:3px;padding:10px 16px 12px;display:flex}.mwhen{font:750 .88rem/1.2 sans-serif;font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;flex-wrap:wrap;align-items:center;gap:2px 12px;font-stretch:85%;display:flex}.mwhen b{color:var(--lead)}.mwhere{-webkit-line-clamp:2;line-clamp:2;color:var(--dim);-webkit-box-orient:vertical;font-size:.87rem;display:-webkit-box;overflow:hidden}.mchance{font-variant-numeric:tabular-nums;grid-template-columns:auto auto auto;justify-content:start;align-items:baseline;gap:2px 10px;font-size:.87rem;display:grid}.mchance span{color:var(--dim);white-space:nowrap;grid-row:span 2}.mchance b{font-weight:750;display:contents}.mchance i{font-style:normal}.mfoot{border-top:1px solid var(--rule);font:800 .88rem/1 sans-serif;font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:9px;font-stretch:85%;display:flex}.mfoot .go{aspect-ratio:1;width:30px;color:var(--field);background:#091b060d;border:1px solid #091b0642;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.mcard:has(.mband[href]):is(:hover,:focus-within) .go{border-color:var(--bulb);background:var(--bulb);color:var(--on-bulb)}.mcard .on{color:#b3201a;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.mcard .dot{background:#d7261e;border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.mcard{transition:top .2s,border-color .2s}.mcard:before{transition:opacity .2s}.mcard:has(.mband[href]):is(:hover,:focus-within){top:-3px}.mcard:active{top:-1px}.mband .side{transition:filter .15s}.mcard:has(.mband[href]):hover .mband .side{filter:brightness(1.07)}.mfoot .go,.mfoot .go svg{transition:background-color .2s,border-color .2s,color .2s,translate .2s}.mcard:has(.mband[href]):is(:hover,:focus-within) .go svg{translate:2px}}.mcard>astro-island{display:contents}
