*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:#0f1117;color:#e8e9ea;font-family:system-ui,-apple-system,sans-serif}.match-frame{background:#1a6e3d;padding:18px 70px;border-radius:8px}.match-outer{position:relative;height:480px}.match-pitch{background:linear-gradient(180deg,#6ad88f,#4fbf72);height:100%;border:2px solid #fff;border-radius:6px;position:relative;overflow:visible}.match-goal{position:absolute;top:38%;bottom:38%;width:50px;z-index:25;pointer-events:none}.match-goal--left{left:-50px}.match-goal--right{right:-50px}.match-goal__mesh{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff2e;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.7) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,rgba(255,255,255,.7) 0 1px,transparent 1px 7px)}.match-goal--left .match-goal__mesh{border-left:3px solid #fff;border-radius:4px 0 0 4px}.match-goal--right .match-goal__mesh{border-right:3px solid #fff;border-radius:0 4px 4px 0}.match-goal__post{position:absolute;height:4px;background:#fff;box-shadow:0 1px 2px #0006;z-index:26;width:50px}.match-goal__post--top{top:-4px}.match-goal__post--bottom{bottom:-4px}.match-goal--left .match-goal__post{left:0}.match-goal--right .match-goal__post{right:0}.match-pitch__centerline{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:2px dashed rgba(255,255,255,.55)}.match-pitch__center-circle{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:2px dashed rgba(255,255,255,.55);border-radius:50%}.match-pitch__penalty-box{position:absolute;top:20%;bottom:20%;width:52px;border:2px dashed rgba(255,255,255,.55)}.match-pitch__penalty-box--left{left:0;border-left:none;border-radius:0 4px 4px 0}.match-pitch__penalty-box--right{right:0;border-right:none;border-radius:4px 0 0 4px}.match-pitch__six-yard{position:absolute;top:38%;bottom:38%;width:22px;border:2px solid rgba(255,255,255,.7)}.match-pitch__six-yard--left{left:0;border-left:none;border-radius:0 4px 4px 0}.match-pitch__six-yard--right{right:0;border-right:none;border-radius:4px 0 0 4px}.player-token{position:absolute;width:42px;margin-left:-21px;margin-top:-16px;display:flex;flex-direction:column;align-items:center;font-family:monospace;color:#fff;z-index:5}.player-token__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff;box-shadow:0 1px 3px #00000080;border:2px solid}.player-token--home .player-token__avatar{background:#3a7afe;border-color:#8ab4ff}.player-token--away .player-token__avatar{background:#e54a4a;border-color:#ff8a8a}.player-token__stamina{width:36px;height:6px;background:#1a1a1a;border:1px solid #000;border-radius:3px;margin-top:3px;overflow:hidden;box-shadow:0 1px 2px #00000080}.player-token__stamina-fill{height:100%}.player-token__perf{margin-top:3px;background:#0f1117;color:#ffd24a;border:1px solid #000;border-radius:3px;font-size:10px;padding:0 5px;line-height:13px;font-weight:700;box-shadow:0 1px 2px #00000080}.match-ball{position:absolute;z-index:20;transition:left .65s ease-in-out,top .65s ease-in-out;font-size:26px;line-height:1;width:26px;height:26px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6)}.match-state-banner{position:absolute;top:6px;left:50%;transform:translate(-50%);background:#0f1117d9;color:#ffd24a;font-family:monospace;font-size:11px;padding:3px 10px;border-radius:3px;z-index:30;border:1px solid #ffd24a}.match-goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;flex-direction:column;z-index:50;text-align:center;pointer-events:none}.match-goal-overlay--visible{display:flex}.match-goal-overlay__text{font-family:Impact,Arial Black,sans-serif;font-size:140px;line-height:1;color:#ffd24a;letter-spacing:10px;font-weight:900;-webkit-text-stroke:.4px #0f1117;text-shadow:0 0 24px rgba(0,0,0,.6);animation:mmGoalPulse .6s ease-in-out infinite alternate}.match-goal-overlay__box{background:#0f1117eb;border:2px solid #ffd24a;border-radius:8px;padding:14px 22px;margin-top:18px;box-shadow:0 6px 18px #00000080}.match-goal-overlay__score{font-family:monospace;font-size:28px;color:#ffd24a;font-weight:700;letter-spacing:2px}.match-goal-overlay__sub{font-family:monospace;font-size:15px;color:#fff;margin-top:8px;font-style:italic}@keyframes mmGoalPulse{0%{transform:scale(1) rotate(-1deg)}to{transform:scale(1.08) rotate(1deg)}}.match-scoreboard{margin-top:12px;text-align:center;color:#fff;font-family:monospace}.match-scoreboard__clock{opacity:.7;font-size:13px;letter-spacing:1px}.match-scoreboard__score{font-size:16px;margin-top:2px}.match-scoreboard__home{color:#8ab4ff;font-weight:700}.match-scoreboard__away{color:#ff8a8a;font-weight:700}.match-scoreboard__commentary{color:#fff;opacity:.85;font-size:13px;font-family:monospace;margin-top:6px;font-style:italic;text-align:center}