/* A consistent diagram: home goal at the left, away goal at the right. */
.pitch,.compact-pitch{background:repeating-linear-gradient(90deg,#19412b 0,#19412b 8.333%,#1d4931 8.333%,#1d4931 16.666%)}.pitch:before,.pitch:after{display:none}
.pitch-home,.pitch-away{writing-mode:horizontal-tb;transform:none;background:linear-gradient(180deg,color-mix(in srgb,var(--team-color,#163546) 80%,#101820),var(--team-color,#163546));flex-direction:column;gap:12px;z-index:1;letter-spacing:1px;transition:box-shadow .5s}.endzone-logo{display:block;width:88%;height:auto;max-height:45%;object-fit:contain;filter:drop-shadow(0 4px 5px #0007)}.endzone-code{font:800 clamp(12px,1.4vw,24px) 'Barlow Condensed',Arial;color:white;text-shadow:0 2px 3px #0008}.target-endzone{box-shadow:inset 0 0 0 2px #c9ff4a99,inset 0 0 35px #c9ff4a20}
.field-markings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pitch-nfl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(48px,8vw,110px);height:34%;display:grid;place-items:center;opacity:.6;pointer-events:none}.pitch-nfl img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #0005)}
.pitch-marker{top:50%}.pitch-marker[hidden]{display:none}.pitch .football-icon{width:50px;height:36px;background:none;border:none;border-radius:0;transform:none;box-shadow:none;line-height:normal;display:grid;place-items:center}.football-icon .possession-ball{width:48px;height:32px;filter:drop-shadow(0 0 8px #c9ff4a) drop-shadow(0 5px 3px #0009)}.pitch-marker>span{top:49px}.pitch-trail{top:calc(50% - 3px)}
.attack-arrow{position:absolute;display:block;top:50%;height:4px;width:clamp(30px,6vw,90px);transform:translateY(-50%);background:linear-gradient(90deg,#c9ff4a50,#c9ff4a);border-radius:3px;filter:drop-shadow(0 0 5px #c9ff4a60);pointer-events:none}.attack-arrow:after{content:'';position:absolute;right:-1px;top:-5px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--lime)}.attack-arrow.right{left:calc(100% + 7px)}.attack-arrow.left{right:calc(100% + 7px);transform:translateY(-50%) rotate(180deg)}.attack-arrow[hidden]{display:none}.pitch .line-of-scrimmage{position:absolute;top:0;bottom:0;width:2px;background:#77d8ff99;box-shadow:0 0 8px #77d8ff40;pointer-events:none}.line-of-scrimmage[hidden]{display:none}
.pitch-legend{flex-wrap:wrap;row-gap:2px}#match-attack{font-size:11px;color:var(--lime)}
.compact-pitch{height:clamp(42px,6.5vh,70px);border-color:#739b7770;overflow:hidden}.compact-pitch .pitch-home,.compact-pitch .pitch-away{width:8.333%;gap:0}.compact-pitch .endzone-logo{width:80%;height:80%;max-height:40px}.compact-pitch .endzone-code{display:none}.compact-pitch .pitch-nfl{width:25px;height:75%;opacity:.45}.compact-yard-lines{position:absolute;inset:0}.compact-yard-lines i{position:absolute;top:0;bottom:0;border-left:1px solid #ffffff40}.compact-yard-lines span{position:absolute;top:1px;left:3px;font:700 8px Arial;color:#ffffff80}.compact-ball{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3;line-height:0}.compact-ball .possession-ball{width:24px;height:16px;filter:drop-shadow(0 0 5px #c9ff4a)}.compact-ball .attack-arrow{width:clamp(16px,3vw,40px);height:2px}.compact-ball .attack-arrow:after{top:-3px;border-top-width:4px;border-bottom-width:4px;border-left-width:7px}.compact-ball .attack-arrow.right{left:calc(100% + 3px)}.compact-ball .attack-arrow.left{right:calc(100% + 3px)}.compact-pitch .field-caption{inset:auto 9% 1px;height:auto;z-index:4;font-size:9px;letter-spacing:.5px;pointer-events:none;text-shadow:0 1px 3px #000;background:#10271fb0;border-radius:2px}
@media(max-width:700px){.pitch-nfl{width:55px}.pitch-marker>span{font-size:10px;top:42px}.pitch .football-icon{width:38px;height:30px}.football-icon .possession-ball{width:36px;height:24px}.pitch .attack-arrow{width:34px}#match-attack{font-size:9px}.pitch-home,.pitch-away{gap:6px}.endzone-code{font-size:11px}}
@media(min-width:960px) and (min-aspect-ratio:7/5) and (max-height:650px){.compact-pitch{height:38px}.compact-pitch .field-caption{font-size:8px}.compact-yard-lines span{font-size:7px}}

.compact-ball{transition:left 1.6s cubic-bezier(.22,.7,.3,1);will-change:left}
@media(prefers-reduced-motion:reduce){.compact-ball{transition:none;will-change:auto}}