/* Isometric hockey scene: light SVG geometry and one animation loop. */
.match-visual{min-width:0;width:100%;direction:ltr;align-self:center;position:relative;border:1px solid var(--line);border-radius:8px;background:linear-gradient(155deg,#142a4238,#08172920);box-shadow:0 22px 70px #00000012}
.match-heading,.match-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;color:var(--muted);font-size:8px;letter-spacing:.12em;line-height:1.5}
.match-heading{border-bottom:1px solid var(--line)}.match-controls{border-top:1px solid var(--line);letter-spacing:.02em;min-height:55px}
.match-scene{width:100%;aspect-ratio:590/610;position:relative;overflow:hidden}.match-pitch{display:block;width:100%;height:100%;overflow:visible}
.match-controls button{background:none;border:0;padding:8px 0 8px 12px;color:var(--fg);font:inherit;font-size:10px;letter-spacing:0;white-space:nowrap}
.team-key{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.03em}.team-key i{display:inline-block;border-radius:50%;width:7px;height:7px;flex-shrink:0;box-shadow:0 0 8px #9ad4ff25}.key-white{background:#f3f7ff;border:1px solid #7399b7}.key-blue{background:#368fea;border:1px solid #b7deff}.team-divider{opacity:.4;margin-inline:3px}
.identity-section{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding-block:65px;border-bottom:1px solid var(--line)}.identity-section .hero-art{min-height:430px;isolation:isolate;overflow:hidden;border-radius:8px}.identity-section .hero-logo{width:70%;animation:none}.identity-section .art-caption{bottom:15px}.identity-copy h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.04em;line-height:1.12;margin:0 0 25px}.identity-copy p:not(.eyebrow){color:var(--muted);font-size:16px}.identity-copy .text-link{display:inline-block;margin-top:10px}
html[data-theme=light] .match-visual{background:linear-gradient(135deg,#d9e8f4,#eff6fb)}
[lang=ur] .match-heading{font-size:12px;letter-spacing:0}[lang=ur] .match-heading span[dir=ltr]{font:8px system-ui,sans-serif;letter-spacing:.08em}[lang=ur] .team-key,[lang=ur] .match-controls button{font-size:14px}[lang=ur] .identity-copy h2{line-height:1.5;letter-spacing:0}[lang=ur] .identity-copy p:not(.eyebrow){font-size:20px}
@media(max-width:700px){.match-visual{max-width:460px;margin:15px auto 0}.match-heading,.match-controls{padding:13px 15px}.identity-section{grid-template-columns:1fr;gap:22px;padding-block:42px}.identity-section .hero-art{min-height:330px;order:2}.identity-copy h2{font-size:34px}.identity-copy p:not(.eyebrow){font-size:15px}.identity-section .hero-art .district-background{width:110%;height:110%;inset:-5% -5% auto auto}[lang=ur] .identity-copy h2{font-size:32px}}

/* Compact hero, readable venue label, turf branding and end-line advertising. */
.match-visual{max-width:460px;margin-inline:auto}.match-scene{aspect-ratio:590/580}
.match-venue{padding:0 19px 15px;text-align:center;color:var(--fg);line-height:1.45}.match-venue>span{display:block;color:var(--muted);font-size:8px;letter-spacing:.15em;margin-bottom:5px}.match-venue strong{font-size:12px;font-weight:600;letter-spacing:.01em}
[lang=ur] .match-venue{direction:rtl}[lang=ur] .match-venue>span{font-size:12px;letter-spacing:0}[lang=ur] .match-venue strong{font-size:17px;letter-spacing:0;line-height:1.7}
@media(max-width:700px){.match-visual{max-width:360px}.match-venue strong{font-size:12px}.match-venue{padding-bottom:14px}}

/* Geography takes the foreground; the club badge becomes a quiet watermark. */
.district-panel{position:relative;isolation:isolate;min-width:0;overflow:hidden;align-self:center}.map-watermark{position:absolute;z-index:-1;inset:10% 8% auto;width:84%;height:76%;object-fit:contain;opacity:.065;pointer-events:none}.labelled-map{display:block;width:100%;height:auto;overflow:visible}.map-uc{stroke:#80acc8;stroke-width:1.8;opacity:.52}.map-tehsil{stroke:#9ecbe5;stroke-width:3.5;opacity:.85}.map-label{fill:var(--fg);font:600 30px system-ui,sans-serif;stroke:var(--bg);stroke-width:8px;stroke-linejoin:round;paint-order:stroke fill}.main-city{font-size:37px;font-weight:800;fill:var(--accent)}.city-halo{fill:#80c8ff18;stroke:#80c8ff65;stroke-width:1.5}.town-halo{fill:#99d3ff13}.town-dot{fill:#c9e7ff;stroke:#5791b7;stroke-width:2}.map-caption{font-size:10px!important;letter-spacing:.06em;text-align:center;color:var(--muted);margin:10px 0 0}.identity-section{gap:40px}
[lang=ur] .map-label{font-family:Naskh,serif;font-size:36px}[lang=ur] .main-city{font-size:43px}[lang=ur] .map-caption{font-size:15px!important;letter-spacing:0}
@media(max-width:700px){.district-panel{order:2;width:100%;max-width:460px;margin-inline:auto}.map-label{font-size:32px}.main-city{font-size:39px}.map-caption{font-size:9px!important}.identity-section{gap:20px}}

[lang=ur] .turf-venue{font-family:Naskh,serif}[lang=ur] .turf-venue text:first-child{font-size:20px}[lang=ur] .turf-venue text:last-child{font-size:25px}