.match-intro{--intro-ink:#eff7f7;--intro-muted:#95b7c6;--intro-line:#8eb9ce38;position:fixed;inset:0;z-index:800;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:66px minmax(0,1fr) auto;background:#071727;color:var(--intro-ink);font-family:"Segoe UI",Arial,sans-serif;isolation:isolate;overflow:hidden;outline:0}.match-intro[hidden]{display:none}.match-intro *{box-sizing:border-box}.match-intro>header,.match-intro>div,.match-intro>footer{min-width:0}.match-intro-open{overflow:hidden}.intro-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid var(--intro-line);background:linear-gradient(105deg,#173c56,#0c243b)}.intro-wordmark{font-size:19px;font-style:italic;font-weight:900;letter-spacing:1px}.intro-mode{font-size:10px;letter-spacing:2.2px;color:#add1df;font-weight:700}.intro-stage{position:relative;overflow:hidden;min-height:0;background:#15384c}.intro-stage .intro-canvas{width:100%;height:100%;aspect-ratio:auto;image-rendering:pixelated;display:block}.intro-caption{position:absolute;z-index:1;top:clamp(24px,4.5vh,60px);left:clamp(20px,5vw,76px);right:20px;text-shadow:0 2px 24px #020b1acc}.intro-eyebrow{color:#9adbe0;font-size:10px;letter-spacing:2.5px;font-weight:800}.intro-caption h1{font-size:clamp(27px,4.2vw,58px);font-weight:800;letter-spacing:-1.9px;margin:9px 0 0;line-height:1.06;max-width:680px}.intro-scene-tag{position:absolute;right:clamp(20px,5vw,76px);bottom:25px;font-size:11px;font-weight:700;letter-spacing:3px;color:#ceebed}.intro-footer{background:linear-gradient(105deg,#112d43,#0a2035);padding:0 clamp(20px,5vw,76px);border-top:1px solid #6eafc354}.intro-teams{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;max-width:980px;margin:auto;padding:22px 0 20px;gap:20px}.intro-team{display:flex;align-items:center;gap:17px;min-width:0}.intro-team[data-team=orange]{flex-direction:row-reverse;text-align:right}.intro-team img{width:57px;height:60px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 6px #0005)}.intro-team>div{min-width:0}.intro-team small{display:block;color:var(--intro-muted);font-size:8px;font-weight:700;letter-spacing:1.7px;margin-bottom:6px}.intro-team strong{display:block;font-size:clamp(17px,2vw,26px);line-height:1.12;overflow-wrap:anywhere}.intro-versus{font-size:18px;font-weight:800;font-style:italic;text-align:center;color:#87b6c6}.intro-preparation{display:flex;align-items:center;gap:25px;padding:17px 0 21px;border-top:1px solid var(--intro-line);max-width:980px;margin:auto}.intro-preparation>div{min-width:190px}.intro-preparation strong{display:block;font-size:12px;font-weight:700}.intro-subtitle{display:block;font-size:10px;color:var(--intro-muted);margin-top:5px}.intro-progress{display:block;width:0;height:3px;flex:1;min-width:0;appearance:none;border:0;background:#45607360;color:#86ddcf}.intro-progress::-webkit-progress-bar{background:#45607360}.intro-progress::-webkit-progress-value{background:linear-gradient(90deg,#3ea0b3,#a3eee1)}.intro-progress::-moz-progress-bar{background:#8fdecf}.intro-countdown{color:#bee1e5;font-size:11px;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.match-intro:not([data-reduced-motion=true]) .intro-caption{animation:intro-caption-in .45s ease-out both}@keyframes intro-caption-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.match-intro{grid-template-rows:52px minmax(0,1fr) auto}.intro-header{padding:0 17px;gap:10px}.intro-wordmark{font-size:14px;letter-spacing:.5px}.intro-mode{font-size:8px;letter-spacing:1px}.intro-caption{left:19px;top:26px}.intro-eyebrow{font-size:7px;letter-spacing:1.8px}.intro-caption h1{font-size:29px;letter-spacing:-.8px;max-width:240px}.intro-scene-tag{right:20px;bottom:15px;font-size:9px}.intro-footer{padding:0 17px}.intro-teams{gap:9px;grid-template-columns:1fr 25px 1fr;padding:17px 0 16px;align-items:start}.intro-team,.intro-team[data-team=orange]{display:flex;flex-direction:column;text-align:center;gap:9px}.intro-team img{width:40px;height:45px}.intro-team strong{font-size:16px;line-height:1.1}.intro-team small{font-size:6px;letter-spacing:.6px;margin-bottom:4px}.intro-versus{font-size:12px;align-self:center}.intro-preparation{gap:13px;padding:13px 0 16px}.intro-preparation>div{min-width:142px}.intro-preparation strong{font-size:10px}.intro-subtitle{font-size:8px;margin-top:4px}.intro-countdown{font-size:9px;min-width:18px}.intro-progress{height:3px}}
@media(max-height:450px) and (min-width:601px){.match-intro{grid-template-rows:42px minmax(0,1fr) auto}.intro-header{padding:0 25px}.intro-wordmark{font-size:14px}.intro-mode{font-size:8px}.intro-caption{top:17px;left:25px}.intro-eyebrow{font-size:7px}.intro-caption h1{font-size:29px;letter-spacing:-1px;margin-top:5px}.intro-footer{padding:0 25px}.intro-teams{padding:10px 0;max-width:760px}.intro-team img{width:31px;height:33px}.intro-team strong{font-size:17px}.intro-team small{font-size:6px;margin-bottom:4px}.intro-preparation{padding:8px 0;gap:18px;max-width:760px}.intro-preparation strong{font-size:9px}.intro-subtitle{display:none}.intro-preparation>div{min-width:145px}.intro-scene-tag{bottom:12px}}
@media(prefers-reduced-motion:reduce){.match-intro .intro-caption{animation:none}}