body.match-open{overflow:hidden}#match-view[hidden]{display:none}#match-view{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 30% 40%,#193b37,#091119 65%);color:#f1f5f9;display:grid;grid-template-rows:58px minmax(0,1fr) 28px;padding:0 3%;height:100dvh;overflow:hidden}#match-view:fullscreen{width:100%;height:100%}.match-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ffffff20}.match-toolbar>b{font:800 24px 'Barlow Condensed',Arial;letter-spacing:2px}.match-toolbar>b span{color:var(--lime);font-size:12px}.match-toolbar>div{display:flex;align-items:center;gap:15px}.match-toolbar #match-connection{color:var(--lime);font-size:10px}.match-content{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(230px,1fr);gap:25px;min-height:0;padding:20px 0}.match-left{display:grid;grid-template-rows:auto minmax(150px,1fr) 30px auto;gap:15px;min-height:0}#match-score{display:flex;align-items:center;justify-content:space-between;gap:20px}.match-team{display:flex;align-items:center;gap:15px;min-width:0;flex:1}.match-team img{width:clamp(45px,8vh,100px);height:clamp(45px,8vh,100px);object-fit:contain}.match-team b{font:800 clamp(18px,2.4vw,32px) 'Barlow Condensed',Arial;text-transform:uppercase;line-height:1.1}.match-team strong{font:800 clamp(44px,8vh,100px) 'Barlow Condensed',Arial;margin-left:auto}.match-clock{font:700 24px 'Barlow Condensed',Arial;text-align:center;white-space:nowrap}.match-clock small{color:var(--red);letter-spacing:1px;font-size:10px}.pitch{position:relative;overflow:hidden;border:2px solid #87bd9260;border-radius:10px;background:repeating-linear-gradient(90deg,#173f2a 0,#173f2a 8.33%,#1b4931 8.33%,#1b4931 16.66%);box-shadow:inset 0 0 60px #0007,0 20px 50px #0005}.pitch:before,.pitch:after{content:'';position:absolute;left:8.333%;right:8.333%;height:12%;border-top:2px dashed #ffffff65;border-bottom:2px dashed #ffffff65;top:23%}.pitch:after{top:65%}.pitch-home,.pitch-away{position:absolute;width:8.333%;top:0;bottom:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;background:#0c2736;color:#fff;font:900 clamp(24px,4vw,65px) 'Barlow Condensed',Arial;letter-spacing:6px}.pitch-home{left:0;transform:rotate(180deg)}.pitch-away{right:0}.pitch-lines{position:absolute;inset:0}.pitch-lines i{position:absolute;top:0;bottom:0;border-left:2px solid #fff5}.pitch-lines span{position:absolute;top:9%;left:10px;color:#d3e6d5b0;font:700 clamp(20px,3vw,45px) 'Barlow Condensed',Arial}.pitch-marker{position:absolute;top:49%;transform:translate(-50%,-50%);z-index:3;transition:left 1.6s cubic-bezier(.25,.7,.3,1);text-align:center;will-change:left}.football-icon{height:45px;width:29px;background:#a35b2c;border:3px solid #ffdebc;border-radius:50%;transform:rotate(30deg);color:white;font-size:13px;line-height:34px;box-shadow:0 0 0 9px #c9ff4a22,0 0 35px #c9ff4a70}.pitch-marker>span{display:block;position:absolute;top:62px;left:50%;transform:translateX(-50%);font:700 14px Barlow,Arial;white-space:nowrap;background:#061109d9;padding:6px 10px;border:1px solid #9cc97960;border-radius:5px}.pitch-marker.moving .football-icon{animation:ball-flight 1.6s ease-in-out}.pitch-trail{position:absolute;top:calc(49% - 3px);height:6px;border-radius:5px;background:linear-gradient(90deg,#c9ff4a40,#c9ff4a);opacity:0;transition:opacity .5s;z-index:2}.pitch-trail.visible{opacity:1}.pitch-legend{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#a2b7a9}.pitch-legend>span:first-child{color:var(--lime);font-weight:700;font-size:16px}#match-last{padding:15px 18px;border:1px solid #ffffff1b;border-radius:8px;background:#0b1724}#match-last b{font-size:10px;letter-spacing:2px;color:var(--lime)}#match-last p{margin:7px 0 0;line-height:1.4;font-size:clamp(13px,1.3vw,22px)}.match-history{min-height:0;display:grid;grid-template-rows:24px minmax(0,1fr);gap:10px}#match-plays{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}#match-plays article{padding:12px;border:1px solid #ffffff16;border-radius:7px;background:#0d1926;min-height:0}#match-plays article>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8da2b4}#match-plays b{color:var(--lime)}#match-plays p{margin:7px 0 0;font-size:clamp(11px,1vw,16px);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.match-loading{color:var(--muted);font-size:13px}.match-footer{font-size:10px;letter-spacing:.5px;color:#879d90;align-content:center}.night #match-view{filter:brightness(.75)}.match-open .creator-credit{z-index:60}.match-expand{border-color:#c9ff4a60;color:var(--lime);font-size:10px;padding:5px 8px}.game-top{gap:8px}.game-top .clock{margin-left:auto}
@keyframes ball-flight{50%{transform:translateY(-18px) rotate(80deg);box-shadow:0 12px 15px #0007,0 0 30px #c9ff4a70}}
@media(max-width:1100px){.match-team b{font-size:20px}.match-team{gap:8px}.match-clock{font-size:20px}.match-content{gap:15px}.match-toolbar>b span{display:none}#match-plays article{padding:8px}#match-plays article:nth-child(n+7){display:none}}
@media(max-height:700px){#match-view{grid-template-rows:44px minmax(0,1fr) 22px}.match-content{padding:10px 0;gap:15px}.match-left{gap:7px}.match-team img{width:45px;height:45px}.match-team strong{font-size:48px}#match-last{padding:10px}#match-plays{gap:6px}#match-plays article:nth-child(n+6){display:none}#match-plays p{margin-top:4px}.match-toolbar>b{font-size:20px}.match-footer{font-size:8px}}
@media(max-width:700px){#match-view{overflow-y:auto;height:100dvh;padding:0 4%;grid-template-rows:50px auto 30px}.match-content{grid-template-columns:minmax(0,1fr);padding:12px 0}.match-left{grid-template-rows:auto 230px auto auto}.match-team{flex-wrap:wrap;justify-content:center;text-align:center;gap:4px}.match-team img{width:44px;height:44px}.match-team>div{width:100%}.match-team b{font-size:17px}.match-team strong{margin:0;font-size:42px}.match-clock{font-size:17px}.match-toolbar>b{font-size:17px;letter-spacing:.5px}.match-toolbar #match-connection{display:none}.match-toolbar button{font-size:10px}.pitch-legend{font-size:9px;align-items:flex-start}.pitch-legend>span:first-child{font-size:12px}#match-last p{font-size:13px}.match-history{min-height:250px}.pitch-lines span{font-size:20px;left:3px}.pitch-home,.pitch-away{font-size:24px;letter-spacing:2px}.football-icon{width:24px;height:36px;line-height:25px}.pitch-marker>span{top:48px;font-size:11px}.match-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.pitch-marker{transition:none}.pitch-marker.moving .football-icon{animation:none}.pitch-trail{transition:none}}