/* Vikings Daily scoring animations (shipped 2026-11-12): Modern TD takeover + field-goal scenes, Tecmo 8-bit overlays. Original art; no logos. */
.mf-fieldwrap{position:relative}
.mf-field.sa-on .mf-ball,.mf-field.sa-on .mf-ytg,.mf-field.sa-on .mf-fd,.mf-field.sa-on .mf-dir{opacity:0;transition:opacity .15s}
.sa-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;border-radius:inherit}
/* TOUCHDOWN takeover */
.sa-td{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0}
.sa-td.r{right:0}.sa-td.l{left:0}
.sa-td .sheen{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 14px,transparent 14px 28px)}
.sa-td .band{position:absolute;top:-20%;bottom:-20%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg)}
.sa-td .cap{position:relative;text-align:center;white-space:nowrap;color:#fff;font:900 50px/0.9 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.5px;
 text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 16px rgba(255,255,255,.35)}
.sa-td .cap small{display:block;font-size:12px;letter-spacing:.35em;font-weight:900;margin-bottom:6px;opacity:.95}
.sa-td.ez .cap{font-size:21px;letter-spacing:0;transform-origin:center}
.sa-td.ez .cap small{font-size:9px;letter-spacing:.25em;margin-bottom:3px}
.sa-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#FFC62F;box-shadow:0 0 6px #fff}
/* kick ball + shadow (drawn on the field plane) */
.sa-ball{position:absolute;width:22px;height:13px;margin:-6.5px 0 0 -11px;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,#b0662e,#7a3e1d 60%,#4c240f);box-shadow:0 1px 2px rgba(0,0,0,.5);display:none}
.sa-ball:after{content:"";position:absolute;left:6px;right:6px;top:5.5px;height:1.5px;background:#fff;opacity:.9}
.sa-shd{position:absolute;width:16px;height:6px;margin:-3px 0 0 -8px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(1px);display:none}
.gp.sa-shake{animation:sa-shake .32s linear}
@keyframes sa-shake{0%,100%{transform:none}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,0)}80%{transform:translate(1px,1px)}}
.gp.sa-glow{filter:drop-shadow(0 0 6px #FFE88A) drop-shadow(0 0 2px #fff)}
/* captions (screen plane, same look as the BLOCKED clip caption) */
.sa-cap{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;text-align:center}
.sa-cap b{display:block;font:900 44px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px #4F2683;text-shadow:0 0 18px rgba(0,0,0,.9),0 4px 0 #FFC62F}
.sa-cap i{display:block;font:900 20px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-style:normal;letter-spacing:.12em;color:#fff;margin-top:6px;text-shadow:0 0 10px rgba(0,0,0,.9),0 2px 0 #4F2683}
.sa-cap.miss b{-webkit-text-stroke:2px #7a0000;text-shadow:0 0 18px rgba(0,0,0,.9),0 4px 0 #ff5050}
.sa-cap.miss i{color:#FFE88A}
/* DOINK! comic burst */
.sa-doink{position:absolute;z-index:21;width:150px;height:96px;margin:-48px 0 0 -75px;pointer-events:none;opacity:0}
.sa-doink .s1,.sa-doink .s2{position:absolute;inset:0;clip-path:polygon(50% 0,58% 22%,78% 4%,74% 28%,100% 22%,82% 44%,100% 62%,76% 64%,86% 92%,62% 76%,50% 100%,40% 78%,14% 96%,24% 66%,0 64%,18% 46%,2% 20%,28% 28%,24% 2%,42% 22%)}
.sa-doink .s1{background:#111}
.sa-doink .s2{inset:5px;background:radial-gradient(circle at 50% 45%,#fff59a,#FFE600 55%,#ffb400)}
.sa-doink span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:italic 900 30px/1 "Arial Black",Impact,system-ui,sans-serif;color:#e10600;letter-spacing:.02em;-webkit-text-stroke:1.5px #111;text-shadow:2px 2px 0 #111;transform:rotate(-8deg)}
.sa-doink i{position:absolute;width:3px;height:14px;background:#111;border-radius:2px;left:50%;top:50%;transform-origin:50% 0}
/* Tecmo 8-bit overlays */
.sa-pix{position:absolute;left:0;top:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;z-index:7}
@media (prefers-reduced-motion:reduce){.sa-layer,.sa-doink{display:none}}
.sa-tr{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#FFE88A;box-shadow:0 0 4px #FFC62F;opacity:0}
.sa-mk{position:absolute;width:1px;height:1px}
.gp.sa-glow{filter:drop-shadow(0 0 8px #FFE88A) drop-shadow(0 0 3px #fff) brightness(1.4)}
.mf-fieldwrap.sa-cam{overflow:clip;border-radius:16px}
.mf-field.sa-on .gp{filter:drop-shadow(0 0 3px rgba(255,232,138,.9)) drop-shadow(0 1px 1px #000)}