:root{--blue:#0b75ff;--blue2:#00a8ff;--ink:#070b10;--panel:#0b1017;--line:#3b424a;--white:#f4f7fb;--muted:#aab4c0;--green:#20d55d;--red:#ff3545}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;color:var(--white)}
.overlay-stage{position:relative;width:1920px;height:1080px;transform-origin:top left;background:transparent}
.hidden{opacity:0!important;pointer-events:none!important}.transition{transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
.brand-tab{position:absolute;left:50%;transform:translateX(-50%);min-width:270px;text-align:center;padding:9px 30px 8px;background:linear-gradient(180deg,#171c22,#0a0e13);border:2px solid #3c444d;border-bottom-color:#1d232b;border-radius:16px 16px 6px 6px;box-shadow:0 4px 12px #0008,0 0 0 1px #000 inset;font-weight:900;font-style:italic;font-size:34px;letter-spacing:1px;white-space:nowrap}
.brand-tab b{color:var(--blue)}
.pixel{position:absolute;inset:0;opacity:.78;pointer-events:none;background-image:radial-gradient(circle,var(--blue) 2px,transparent 2.3px);background-size:10px 10px;mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 76%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 76%,#000)}
.scoreboard{position:absolute;left:75px;top:55px;width:1770px;height:185px;display:grid;grid-template-columns:1fr 350px 1fr 220px;border:2px solid #3b424a;border-radius:22px;background:linear-gradient(180deg,#11171f,#090d12);box-shadow:0 16px 40px #0008;overflow:visible}
.scoreboard::after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 -3px 0 #091d39,inset 0 1px 0 #ffffff18;pointer-events:none}
.scoreboard .brand-tab{top:-47px}.team{position:relative;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:50px;letter-spacing:1px;white-space:nowrap;overflow:hidden}.team span{position:relative;z-index:2}.team.home{border-right:1px solid #252b31}.team.away{border-left:1px solid #252b31}.scorebox{display:flex;align-items:center;justify-content:center;font-size:94px;font-weight:900;letter-spacing:14px;background:linear-gradient(180deg,#15191f,#0d0f12);border-left:1px solid #30363d;border-right:1px solid #30363d}.clockbox{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:2px solid #1e6ee6;background:linear-gradient(180deg,#11161d,#080c11);border-radius:0 20px 20px 0}.clock{font-size:52px;font-weight:900}.period{margin-top:12px;color:var(--blue);font-size:38px;font-weight:900}
.goal{position:absolute;left:75px;top:55px;width:1770px;height:185px;border:2px solid #3b424a;border-radius:22px;background:linear-gradient(180deg,#11171f,#090d12);box-shadow:0 16px 40px #0008;display:flex;align-items:center;justify-content:center;overflow:visible}.goal .brand-tab{top:-47px}.goal-word{font-size:122px;font-weight:1000;font-style:italic;letter-spacing:5px;text-shadow:0 0 18px #0a7fffaa;position:relative;z-index:2}.goal .pixel{opacity:.9;background-size:9px 9px}.goal.flash{animation:goalPulse .55s ease-in-out 0s 4 alternate}@keyframes goalPulse{from{filter:brightness(1)}to{filter:brightness(1.7) drop-shadow(0 0 18px #0b75ff);transform:scale(1.012)}}
.lower-card{position:absolute;left:70px;bottom:70px;width:1060px;border:2px solid #3b424a;border-radius:18px;background:linear-gradient(180deg,#11171f,#080c11);box-shadow:0 14px 34px #0009;overflow:visible}.lower-card .brand-tab{top:-45px;left:300px;font-size:27px;min-width:245px;padding:8px 22px}.lower-card .pixel{opacity:.62;background-size:9px 9px}
.substitution{height:255px}.sub-row{height:50%;display:grid;grid-template-columns:120px 190px 135px 1fr;align-items:center;border-bottom:1px solid #394049;position:relative;z-index:2}.sub-row:last-child{border-bottom:0}.arrow{font-size:68px;text-align:center;font-weight:900}.arrow.in{color:var(--green)}.arrow.out{color:var(--red)}.sub-label{font-size:34px;font-weight:900}.sub-number{font-size:62px;font-weight:900;text-align:center;border-left:1px solid #434a52;border-right:1px solid #434a52}.sub-name{font-size:39px;font-weight:900;padding-left:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-team{position:absolute;right:24px;top:-36px;font-size:22px;color:#a8b2bd;font-weight:700}
.referee{height:310px;width:900px}.official-head{height:82px;display:flex;align-items:center;padding:0 36px;font-size:43px;font-weight:900;border-bottom:1px solid #333b44;position:relative;z-index:2}.official-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;height:224px;position:relative;z-index:2}.official{padding:22px 34px;border-right:1px solid #2f363e;border-bottom:1px solid #2f363e}.official:nth-child(2n){border-right:0}.official:nth-child(n+3){border-bottom:0}.official small{display:block;color:var(--blue);font-size:18px;font-weight:900;margin-bottom:8px}.official strong{font-size:29px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.gc{height:170px;width:920px;padding:32px 40px 24px 50px}.gc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(var(--blue2),var(--blue));border-radius:16px 0 0 16px}.gc-kicker{font-size:20px;color:var(--blue);font-weight:900;letter-spacing:2px}.gc-name{font-size:52px;font-weight:900;line-height:1.05;margin-top:6px}.gc-role{font-size:25px;color:#c0c8d1;margin-top:8px;font-weight:700}
.fixtures{position:absolute;left:115px;right:115px;bottom:70px;height:300px;border:2px solid #3b424a;border-radius:20px;background:linear-gradient(180deg,#11171f,#080c11);box-shadow:0 14px 34px #0009;overflow:visible}.fixtures .brand-tab{top:-46px}.fixtures-title{position:absolute;left:35px;top:25px;font-size:26px;font-weight:900;color:var(--blue);letter-spacing:1px}.fixture-list{position:absolute;left:30px;right:30px;top:75px;bottom:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fixture{position:relative;border:1px solid #343c45;border-radius:13px;background:#0a0f15;padding:20px 24px;overflow:hidden}.fixture::after{content:"";position:absolute;right:-10px;top:0;width:150px;height:100%;background-image:radial-gradient(circle,var(--blue) 2px,transparent 2.2px);background-size:10px 10px;opacity:.38;mask-image:linear-gradient(90deg,transparent,#000)}.fixture-when{color:var(--blue);font-weight:900;font-size:20px}.fixture-row{display:grid;grid-template-columns:1fr 70px;gap:12px;align-items:center;margin-top:16px;font-size:28px;font-weight:900}.fixture-score{text-align:right;font-size:32px}
.lineup{position:absolute;left:80px;top:100px;width:1760px;height:850px;border:2px solid #3b424a;border-radius:22px;background:linear-gradient(180deg,#11171feF,#080c11f2);box-shadow:0 18px 48px #000b;overflow:hidden}.lineup-top{height:120px;border-bottom:1px solid #343b43;display:flex;align-items:center;justify-content:space-between;padding:0 55px}.lineup-title{font-size:52px;font-weight:900}.lineup-team{color:var(--blue);font-size:32px;font-weight:900;margin-top:4px}.formation{font-size:36px;color:var(--blue);font-weight:900}.lineup-body{display:grid;grid-template-columns:520px 1fr;height:730px}.list-pane{padding:35px 50px;border-right:1px solid #333b44;position:relative}.list-pane .pixel{opacity:.35}.player-list{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:11px 28px}.player-list div{font-size:24px;font-weight:800}.player-list span{color:var(--blue);display:inline-block;width:45px}.coach{position:absolute;left:50px;right:50px;bottom:38px;padding-top:22px;border-top:1px solid #343b43}.coach small{display:block;color:var(--blue);font-size:18px;font-weight:900}.coach strong{font-size:25px}.pitch{position:relative;margin:34px 45px 42px;border:2px solid #ffffff2c;border-radius:8px;background:linear-gradient(180deg,#0b1117dd,#080c11dd)}.pitch::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #ffffff20}.pitch::after{content:"";position:absolute;left:50%;top:50%;width:150px;height:150px;border:2px solid #ffffff20;border-radius:50%;transform:translate(-50%,-50%)}.player-marker{position:absolute;transform:translate(-50%,-50%);min-width:105px;text-align:center}.player-marker b{display:inline-flex;align-items:center;justify-content:center;width:58px;height:48px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#1a2028,#0b0f14);border:1px solid #3e4650;font-size:31px;box-shadow:0 5px 14px #0008}.player-marker small{display:block;margin-top:4px;font-size:14px;font-weight:900;background:#0a0f15cc;padding:4px 6px;border-bottom:2px solid var(--blue);white-space:nowrap}
@media (max-width:1919px),(max-height:1079px){.overlay-stage{transform:scale(var(--scale,1))}}