.match-view-modal{width:1200px;max-width:98vw;max-height:96vh;padding:0;border:2px solid #42d8a0;border-radius:0;background:#073825}.match-screen{color:white;text-align:center;min-height:640px;background:repeating-linear-gradient(145deg,#ffffff00 0 160px,#7cefb70b 162px 165px,#ffffff00 167px 235px),radial-gradient(ellipse at top,#1caf7e,#096346 55%,#062a20);position:relative;padding-top:35px;overflow:hidden}.match-screen:before{content:'';position:absolute;inset:6% 5% 10%;border:2px solid #77dfb51a;transform:skewY(-9deg);pointer-events:none}.match-caption{font:700 30px 'Barlow Condensed';background:linear-gradient(90deg,transparent,#81efb923,transparent);max-width:500px;margin:15px auto 40px;color:white}.match-display{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:15px 50px 75px;gap:25px;min-height:455px}.match-side h2{font:700 34px 'Barlow Condensed';color:white;margin:0 0 35px;overflow-wrap:anywhere}.match-emblem{width:185px;height:185px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#afffe1,#38d999 35%,#06693f 75%);border:10px solid #e1ffe9;outline:7px solid #3ab885;box-shadow:0 12px 22px #001b2280,inset 0 0 0 7px #179b6b;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 35px;position:relative}.match-emblem span{font:900 110px 'Barlow Condensed';color:white;text-shadow:0 4px 1px #106442}.match-emblem small{font-size:10px;color:#e2fff1;font-weight:800;letter-spacing:2px}.match-emblem.away{border-radius:6px 6px 70px 70px;background:linear-gradient(140deg,#51e1d8,#108a8b 65%,#135b68);outline-color:#115757;box-shadow:0 12px 22px #001b2280,inset 0 0 0 5px #2dc4bb}.match-side p{font:700 26px 'Barlow Condensed';color:#fff;white-space:nowrap}.match-side .quality-stars{font-size:25px}.match-centre #match-score{font:800 130px 'Barlow Condensed';color:#fff;line-height:1.15;letter-spacing:3px;text-shadow:0 5px 15px #01402a55}.match-centre h3{font:600 25px 'Barlow Condensed';color:white;margin:20px 0 5px}.match-centre p{font:500 24px 'Barlow Condensed';color:#eefff5;margin:0 0 15px}.match-centre small{font-size:11px;color:#b5ead0}.match-status{background:repeating-linear-gradient(155deg,#f0fff4 0 80px,#d0eddd 80px 125px);color:#154c34;padding:12px;font:800 25px 'Barlow Condensed'}.match-timebar{height:4px;background:#0a4932}.match-timebar i{display:block;background:#63f3ab;height:100%;width:0;transition:width .1s linear}#match-goal{height:35px;margin-top:10px;font:800 28px 'Barlow Condensed';color:#c1ff78}#match-result{margin:15px auto;background:#50cf6d;color:white;font:bold 20px 'Barlow Condensed';padding:12px 25px}#match-result[hidden]{display:none}@media(max-width:700px){.match-screen{min-height:490px;padding-top:20px}.match-caption{font-size:24px;margin:10px auto 25px}.match-display{gap:10px;padding:10px 12px 40px;min-height:350px}.match-side h2{font-size:21px;margin:0 0 28px}.match-emblem{width:90px;height:100px;border-width:5px;outline-width:3px;margin-bottom:25px}.match-emblem span{font-size:62px}.match-emblem small{font-size:5px;letter-spacing:.5px}.match-emblem.away{border-radius:4px 4px 35px 35px}.match-side p{font-size:16px;white-space:normal}.match-side .quality-stars{font-size:13px}.match-centre #match-score{font-size:70px}.match-centre h3{font-size:18px}.match-centre p{font-size:16px}.match-centre small{font-size:8px}.match-status{font-size:20px}}