.soccer-intro[hidden],.soccer-replay[hidden]{display:none!important}
.soccer-intro{position:fixed;inset:0;z-index:10000;background:#071013;color:#eef6f3;overflow:hidden;font-family:Arial,Helvetica,sans-serif;opacity:1;transition:opacity .8s ease;isolation:isolate}
.soccer-intro.is-leaving{opacity:0;pointer-events:none}.soccer-intro canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.soccer-top,.soccer-bottom{position:absolute;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:16px}.soccer-top{top:32px}.soccer-brand{color:#fff!important;font-size:22px;font-weight:800;text-decoration:none!important;letter-spacing:-1px}.soccer-brand span{font-size:10px;letter-spacing:2px;margin-left:14px;color:#91aaa7;font-weight:400}.soccer-top button{background:transparent;border:1px solid #506663;border-radius:30px;padding:10px 18px;color:#dce9e5;font:12px Arial;cursor:pointer}.soccer-top button:hover,.soccer-top button:focus-visible{background:#c8ff79;color:#071013;outline:2px solid #c8ff79;outline-offset:4px}.soccer-kicker{position:absolute;left:6%;top:22%;font:10px monospace;letter-spacing:3px;color:#c8ff79}.soccer-copy{position:absolute;left:6%;top:31%;max-width:52%;pointer-events:none}.soccer-copy>p:first-child{font:11px monospace;letter-spacing:2px;color:#a8c4bc;margin:0 0 22px}.soccer-copy h2{font-size:clamp(42px,6.7vw,104px);font-weight:500;line-height:1.02;letter-spacing:-.065em;color:#eff5ef;margin:0;border:0;max-width:850px}.soccer-copy>p:last-child{font-size:clamp(13px,1.3vw,19px);color:#9ab2ad;line-height:1.6;max-width:420px;margin-top:26px}.soccer-copy.hit{animation:soccer-reveal .65s both}.soccer-bottom{bottom:32px;font:10px monospace;letter-spacing:2px;color:#95aaa4}.soccer-count{display:flex;gap:8px;align-items:center}.soccer-count i{height:5px;width:28px;background:#29413b;transition:background .3s,box-shadow .3s}.soccer-count i.on{background:#c8ff79;box-shadow:0 0 14px #c8ff7955}.soccer-count span{margin-left:12px;color:#dfeadf}.soccer-replay{position:fixed;bottom:22px;right:24px;z-index:40;background:#101f20;color:#d5f7b6;border:1px solid #698074;border-radius:30px;font:12px Arial;padding:12px 18px;cursor:pointer;box-shadow:0 4px 24px #0002}.soccer-replay:hover{background:#284039}.soccer-enter{animation:soccer-page-enter 1s both}@keyframes soccer-page-enter{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes soccer-reveal{from{opacity:.15;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:650px){.soccer-top{top:22px}.soccer-brand span{display:none}.soccer-kicker{top:19%;font-size:9px}.soccer-copy{top:25%;max-width:88%}.soccer-copy h2{font-size:clamp(42px,11vw,65px)}.soccer-copy>p:last-child{max-width:85%;font-size:13px;margin-top:16px}.soccer-bottom-note{display:none}.soccer-bottom{bottom:24px;font-size:8px}.soccer-count i{width:20px}.soccer-replay{bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){.soccer-intro{display:none!important}.soccer-replay{display:none!important}.soccer-enter{animation:none}}
