/* ===============================================================
   SUMQAYIT SUPER LİQA / PRO 2026
   Editorial sports experience. Existing team and league assets kept.
   Colors: original midnight navy, electric blue, signature red.
   =============================================================== */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--b950:#050914;--b900:#081127;--b800:#0b1a3a;--b700:#17346a;--b600:#215adc;--b500:#427aff;--red:#fc344b;--gold:#efc985;--green:#4aeba1;--txt:#f6f7ff;--mut:#a3b0cf;--br:rgba(183,200,245,.13);--r:18px;--font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif}
html{scroll-padding-top:106px}
body{background:#050914;color:var(--txt);font-size:14px;letter-spacing:-.01em}
body::before{background:radial-gradient(ellipse 64% 55% at 90% 0%,#102b5e8f,transparent 70%),linear-gradient(180deg,#050914 0%,#0a1328 60%,#050914 100%)}
body::after{background:linear-gradient(90deg,transparent 0,transparent calc(50% - 1px),#ffffff05 50%,transparent calc(50% + 1px)),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 56px);opacity:.65}
::selection{background:var(--red);color:#fff}
a,button{outline-offset:3px}
:focus-visible{outline:2px solid var(--gold)!important}
.wrap{width:min(1320px,calc(100% - 70px))}
.nav{background:rgba(5,9,20,.94);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 18px 50px #0004}
.nav-in{height:92px;gap:15px}
.brand{font-family:var(--display);font-size:21px;font-weight:900;line-height:.92;letter-spacing:.035em;font-style:normal;flex-shrink:0}
.brand img{width:57px;height:57px;background:radial-gradient(circle at 30% 15%,#284d8c,#080e25 75%);border:1px solid #ffffff25;box-shadow:0 8px 24px #0008;padding:9px;border-radius:16px}
.brand small{font:800 9px/1.6 var(--font);letter-spacing:.24em;color:#f75c6e;margin-top:3px}
.links{gap:2px;margin-left:auto;min-width:0;overflow-x:auto;scrollbar-width:none;align-items:center}
.links::-webkit-scrollbar{display:none}
.links a{font-size:10px;padding:11px 9px;border-radius:6px;color:#c1cde6;font-weight:800;letter-spacing:.025em;white-space:nowrap;position:relative}
.links a:hover{background:#ffffff0a}
.links a.on{background:transparent;box-shadow:none;color:white}
.links a.on::after{content:"";height:2px;position:absolute;bottom:4px;left:9px;right:9px;background:var(--red)}
.header-live{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:9px;border:1px solid #fb506063;background:#ff435c13;border-radius:6px;padding:12px 13px;letter-spacing:.09em;font:800 11px var(--font);white-space:nowrap}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #fc344b29,0 0 18px #fc344b88;flex-shrink:0;animation:heartbeat 2s infinite}
@keyframes heartbeat{50%{box-shadow:0 0 0 7px #fc344b08,0 0 20px #fc344b88}}
.burger{border-radius:7px;background:#ffffff0e}
.tick{background:#0e182e;border-bottom:1px solid #ffffff16;position:relative}
.tick::before{content:"SON NƏTİCƏLƏR";position:absolute;left:0;top:0;bottom:0;background:var(--red);color:#fff;font:900 10px var(--font);padding:9px 14px;letter-spacing:.08em;z-index:2}
.tick div{padding:0 0 0 120px;animation-duration:95s}
.tick span{display:inline-block;padding:8px 20px 8px 4px;font-size:10px;color:#cbd3ea;letter-spacing:.05em}
.tick span b{color:#fff;font-size:12px;padding:0 3px}
.hero{padding:84px 0 88px;min-height:680px;background:radial-gradient(ellipse 50% 90% at 74% 46%,#173a7d90,transparent 75%),radial-gradient(ellipse 30% 65% at 5% 110%,#b8142933,transparent 100%),linear-gradient(110deg,#050914,#0b1530 76%,#071027);border-bottom:1px solid #ffffff1c}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.hero .beams{top:-100%;left:0;right:-40%;height:220%;background:repeating-conic-gradient(from 0deg at 67% 50%,#5e7de615 0 .6deg,transparent .7deg 10deg);mask-image:radial-gradient(ellipse 58% 42% at 60% 58%,black,transparent 86%);opacity:.75;animation-duration:70s}
.hero .wm{width:620px;right:-100px;top:70px;opacity:.065;filter:drop-shadow(0 0 30px #5578de);animation:none}
.hero-in{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:65px}
.hero-in>div:first-child{position:relative;z-index:2}
.eyebrow{font:900 10px var(--font);letter-spacing:.29em;color:#c2cee8}
.eyebrow::before{height:2px;background:var(--red);width:28px}
h1.big{font-family:var(--display);font-style:normal;font-size:clamp(90px,9.6vw,156px);font-weight:900;letter-spacing:-.012em;line-height:.74;margin:35px 0 31px;color:#fff;background:none;-webkit-text-fill-color:initial;filter:none;text-shadow:0 12px 55px #0009}
h1.big::first-line{color:#fff}
.lead{color:#aebbd6;font:500 15px/1.85 var(--font);max-width:490px;margin:0 0 31px}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:15px 20px;border-radius:7px;font:800 11px var(--font);letter-spacing:.04em;text-transform:uppercase;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .2s,background .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn.pri{background:var(--red);color:#fff;box-shadow:0 10px 34px #fc344b38}
.btn.pri:hover{background:#ff5366;box-shadow:0 13px 35px #fc344b77}
.btn.sec{background:#ffffff08;color:#eff5ff;border:1px solid #b0c2ef32}
.btn.sec:hover{background:#ffffff19}
.hero .kpis{display:none}
.nxt{background:radial-gradient(ellipse at 50% 0%,#1b397888,transparent 68%),linear-gradient(160deg,#101f42,#081128);border:1px solid #a3b5ed33;box-shadow:0 25px 70px #0009,0 0 0 8px #ffffff04;border-radius:22px;position:relative;overflow:hidden;padding:32px 34px}
.nxt::before{content:"MATCHDAY / SSL 2026";position:absolute;bottom:-22px;left:-4px;font:900 100px var(--display);white-space:nowrap;color:#ffffff06;pointer-events:none}
.nxt::after{content:"";height:4px;background:linear-gradient(90deg,var(--red),#f8797c,transparent);position:absolute;top:0;left:0;right:0}
.nxt h3{font:900 28px var(--display);letter-spacing:.055em;margin:0 0 8px}
.nxt .sub{font:700 11px/1.6 var(--font);color:#b5c3df;text-transform:uppercase;letter-spacing:.055em}
.nxt .vs{margin:32px 0 28px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.nxt .vs a{width:40%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font:800 13px var(--font)}
.nxt .vs em{font:900 52px var(--display);color:#f7f8ff;opacity:.85;font-style:normal}
.ball{background:linear-gradient(135deg,#ffffff1c,#cdd9ff07);border:1px solid #ffffff26;border-radius:13px;box-shadow:0 6px 22px #0003;flex-shrink:0}
.ball img{object-fit:contain}
.nxt .ball.lg{width:95px;height:95px;padding:10px;border-radius:19px;filter:drop-shadow(0 8px 10px #0006)}
.nxt .cd{border:0;background:#04091666;position:relative;border-radius:12px}
.nxt .cd b{font:900 31px var(--display);color:#fff}
.nxt .cd span{font-size:9px;color:#9aaed2}
.nxt-list{position:relative;border-top:1px solid var(--br);padding-top:12px;margin-top:20px}
.nxt-list a{background:transparent;border:0;border-bottom:1px solid var(--br);padding:12px 3px;font-size:12px}
.nxt-list time{color:var(--gold)}
.pulse{background:#09162f;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}
.pulse-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:100px}
.pulse-title{display:flex;gap:13px;align-items:center;font:900 14px var(--display);letter-spacing:.12em;white-space:nowrap}.pulse-title small{font:700 10px var(--font);color:#829ac5}
.pulse-values{display:flex;gap:0;justify-content:flex-end;flex:1}
.pulse-values a{flex:1;display:flex;justify-content:center;align-items:baseline;gap:11px;border-left:1px solid var(--br);font:900 30px var(--display);transition:color .2s}
.pulse-values a:hover{color:var(--red)}
.pulse-values span{font:800 9px var(--font);color:#94a8cb;letter-spacing:.09em}
section.sec{padding:86px 0}
.sec-h{margin:0 0 29px;padding:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.sec-h h2{font:900 clamp(37px,4.4vw,60px)/.95 var(--display);font-style:normal;letter-spacing:.012em;text-transform:uppercase;margin:0;color:#fff}
.sec-h h2::before{content:"";display:block;width:40px;height:4px;background:var(--red);margin-bottom:19px}
.sec-h p{font:500 13px/1.7 var(--font);color:#a4b1ce;margin:13px 0 0}
.more-link{font:900 11px var(--font);letter-spacing:.06em;border-bottom:1px solid var(--red);padding-bottom:10px;text-transform:uppercase;white-space:nowrap;color:white}
.more-link:hover{color:var(--red)}
.card{background:linear-gradient(155deg,#121f3a,#0c172b);border:1px solid rgba(195,214,255,.13);border-radius:14px;box-shadow:0 12px 28px #0002}
.card:hover{border-color:#88a5f047}
.mgrid{gap:16px}
.mc{padding:20px 21px 14px;transition:transform .2s,border .2s,box-shadow .2s}
.mc:hover{transform:translateY(-3px);box-shadow:0 18px 36px #0004}
.mc-top{font-size:10px;letter-spacing:.025em}
.mc .pill{font-size:10px;border-radius:5px;background:#e9b85a21;color:var(--gold)}
.mc .st{font-size:10px;letter-spacing:.04em}
.mc-main{margin:14px 0}
.mc-sc{font:900 42px var(--display)}
.mt b{font:800 13px/1.4 var(--font)}
.mc-ft{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:13px;border-top:1px solid var(--br);font-size:10px;color:#8999b9}
.mc-ft>span{margin-right:auto}
.match-open{color:#fff;font-weight:800;font-size:10px;border-bottom:1px solid var(--red);padding-bottom:2px}
.match-open:hover{color:var(--red)}
.mc-more{font-size:10px!important;color:var(--gold)!important}
.mc-det{border-top:1px solid var(--br);margin-top:15px}
.grp-h{background:#122348;border-bottom:1px solid var(--br);font:900 26px var(--display);letter-spacing:.03em;padding:19px 21px}
.grp-h span{font:800 9px var(--font);color:#aebfda;letter-spacing:.14em}
.t th{font:800 10px var(--font);color:#8e9ebe;letter-spacing:.045em}
.t td{font-size:12px}
.t td.tm b{font-size:11px}
.t .x{color:#fff;font:900 20px var(--display)}
.t tbody tr:hover{background:#ffffff0b}
.tcard{border-radius:14px;padding:27px 16px;background:linear-gradient(160deg,#142344,#091327);min-height:255px;display:flex;flex-direction:column;align-items:center}
.tcard::before{height:3px}
.tcard .ball.lg{width:89px;height:89px;padding:10px}
.tcard h3{font:900 25px/1 var(--display);font-style:normal;letter-spacing:.025em;margin-top:21px}
.tcard small{font-size:9px;color:#9eaed2;letter-spacing:.11em}
.tcard .pts{margin-top:auto;padding-top:12px;font-size:11px;color:#cfd9f4}
.tcard:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0006}
.sr{min-height:78px}
.sr b{font-size:13px}.sr .g{font:900 32px var(--display)}
.pd h4{font:900 25px var(--display)}.pd .gl{font:900 64px var(--display)}
.kpi b,.sg b{font-family:var(--display);font-style:normal}
.phead{padding:92px 0 90px;border-bottom:1px solid #ffffff21;background:radial-gradient(ellipse 50% 100% at 95% 50%,#173f8280,transparent),linear-gradient(120deg,#071027,#101f40);position:relative;overflow:hidden}
.phead::after{content:"SSL / 2026";position:absolute;right:1%;bottom:-85px;font:900 250px var(--display);letter-spacing:-.07em;color:#ffffff05;white-space:nowrap;pointer-events:none}
.phead .wrap{position:relative;z-index:1}
.phead h1{font:900 clamp(65px,8vw,118px)/.88 var(--display);letter-spacing:.004em;text-transform:uppercase;max-width:950px;margin:28px 0 15px}
.phead p{font:500 14px/1.8 var(--font);max-width:600px;color:#acbcda}
.tab{border-radius:6px;font-size:10px;text-transform:uppercase;padding:12px 16px}
.tab.on{background:var(--red);box-shadow:0 6px 18px #fc344b34}
.ctl input,.ctl select{border-radius:7px;background:#0c1831;border:1px solid #8baddb33;padding:14px 15px;color:white}
.ctl input::placeholder{color:#8da1c3}
.ctl select option{background:#091329;color:white}
.rh{font:900 34px var(--display);font-style:normal;letter-spacing:.04em}
.th h1{font:900 clamp(64px,7vw,98px) var(--display);font-style:normal}
.th{padding:70px 0 58px}
.ros .pl{border-radius:9px;background:#0d1830;border-color:#ffffff14}
.pl b{font-size:12px}.pl .nm{font:900 26px var(--display);border-radius:6px}
.ch{font:800 10px var(--font);letter-spacing:.15em;color:var(--gold)}
footer{margin-top:75px;border-top:1px solid #a6bdeb24;background:#040916;padding:64px 0 32px}
.ft{gap:45px}.ft h4{color:var(--gold);letter-spacing:.19em;font-size:10px}.ft a{font-size:12px;font-weight:700;padding:6px 0}.ft a:hover{color:var(--red)}.ft p{line-height:1.9;font-size:12px}.footer-address{display:block;color:var(--mut);font-size:12px;margin-bottom:10px}
.copy{color:#8495b5;font-size:10px;letter-spacing:.025em}
.totop{border-radius:11px;background:var(--red);width:44px;height:44px}
/* Editorial cards */
.editorial-home{background:linear-gradient(180deg,#0b1630,transparent)}
.news-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.news-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ffffff21;background:linear-gradient(160deg,#101d36,#081328);border-radius:13px;transition:transform .25s,border-color .25s}
.news-card:hover{transform:translateY(-6px);border-color:#fc344b75}
.news-art{min-height:182px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 50%,#3271ba74,transparent 50%),linear-gradient(120deg,#152e63,#071326)}
.news-card:nth-child(2) .news-art{background:radial-gradient(circle at 60% 40%,#ff345452,transparent 50%),linear-gradient(135deg,#2c1735,#0b1328)}
.news-card:nth-child(3) .news-art{background:radial-gradient(circle at 80% 50%,#d59f4c59,transparent 60%),linear-gradient(135deg,#27263f,#0b1227)}
.news-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,#ffffff07 0 1px,transparent 1px 45px)}
.news-art-mark{position:absolute;left:18px;bottom:-20px;font:900 135px var(--display);line-height:1;color:#ffffff0c}
.news-art img{width:126px;height:126px;object-fit:contain;position:absolute;right:18px;bottom:-17px;opacity:.33;transform:rotate(-15deg)}
.news-art-badge{position:absolute;top:15px;left:17px;font:900 9px var(--font);letter-spacing:.13em;background:var(--red);color:white;padding:8px 11px;border-radius:3px}
.news-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.news-meta{font:800 9px var(--font);letter-spacing:.11em;color:#9ab0d2;text-transform:uppercase}.news-meta i{display:inline-block;width:4px;height:4px;background:var(--red);border-radius:50%;margin:0 7px 2px}
.news-copy h3{font:900 31px/1.03 var(--display);text-transform:uppercase;letter-spacing:.008em;margin:13px 0 11px}
.news-copy p{font:500 12px/1.8 var(--font);color:#97a9c7;margin:0 0 21px}
.read-more{margin-top:auto;padding-top:15px;border-top:1px solid var(--br);font:800 10px var(--font);letter-spacing:.04em;text-transform:uppercase;display:flex;justify-content:space-between;color:#fff}.read-more b{color:var(--red);font-size:17px}
.editorial-intro{margin:0 0 32px;max-width:760px}
.editorial-intro h2{font:900 clamp(40px,5vw,72px)/.95 var(--display);margin:20px 0 13px;text-transform:uppercase}
.editorial-intro h2 em,.about-statement h2 em{color:var(--red);font-style:normal}.editorial-intro p{color:var(--mut);font-size:13px}
/* Media */
.pro-media-home{background:linear-gradient(150deg,#091326 0%,#101d3c 100%);border-block:1px solid #ffffff12}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.video-grid-all{grid-template-columns:repeat(3,minmax(0,1fr))}
.video-card{min-width:0;overflow:hidden;border-radius:14px;background:#0c1830;border:1px solid #ffffff23;transition:transform .25s,border-color .25s}
.video-card:hover{transform:translateY(-5px);border-color:#427aff99}
.video-art{height:255px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#274c9d8c,transparent 60%),linear-gradient(120deg,#112950,#070d1c)}
.video-art::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 110%,#fc344b4f,transparent 65%),repeating-linear-gradient(105deg,#ffffff05 0 1px,transparent 1px 50px)}
.video-art-1{background:radial-gradient(circle at 50% 40%,#8a2a5a89,transparent 65%),linear-gradient(135deg,#201938,#081127)}
.video-art-2{background:radial-gradient(circle at 40% 40%,#5e4b8a86,transparent 60%),linear-gradient(125deg,#19213d,#081124)}
.video-air{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:9px;z-index:2;font:800 10px var(--font);letter-spacing:.09em}
.video-duel{position:absolute;inset:20px;display:flex;justify-content:center;align-items:center;gap:30px}
.video-duel .ball.lg{width:120px;height:120px;padding:12px;transform:rotate(-5deg);box-shadow:0 12px 35px #000a;border-radius:22px}
.video-duel .ball:last-child{transform:rotate(5deg)}
.video-duel>span{font:900 60px var(--display);color:#fff9}
.video-watermark{position:absolute;bottom:-32px;left:-6px;color:#ffffff0b;font:900 150px var(--display);line-height:1;white-space:nowrap;pointer-events:none}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--red);box-shadow:0 0 0 8px #fc344b27,0 12px 33px #0009;font-size:24px;transition:transform .2s;background-clip:padding-box}
.video-play:hover{transform:translate(-50%,-50%) scale(1.13)}
.video-content{padding:21px 24px 25px}
.video-overline{font:800 9px var(--font);letter-spacing:.16em;color:var(--gold)}
.video-content h3{font:900 34px/1.08 var(--display);text-transform:uppercase;margin:10px 0 18px}
.video-links{display:flex;gap:12px;flex-wrap:wrap}.video-links a{font-size:11px;font-weight:800;color:#d0dffc}.video-links a:hover{color:var(--red)}
.broadcast-bar{border:1px solid #ffffff25;border-radius:13px;background:linear-gradient(105deg,#132c58,#0a1734);display:flex;align-items:center;gap:25px;justify-content:space-between;padding:34px 42px;margin-bottom:48px}
.broadcast-bar h2{font:900 56px/1 var(--display);margin:14px 0 7px}.broadcast-bar p{color:var(--mut);margin:0;font-size:12px}
.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:65px}
.social-grid>a{border:1px solid #ffffff23;border-radius:12px;background:#0e1a33;min-width:0;display:flex;align-items:center;gap:15px;padding:22px 20px;transition:background .2s}
.social-grid>a:hover{background:#192c53}.social-grid>a>b{font:900 28px var(--display);color:var(--red)}.social-grid>a>span:nth-child(2){flex:1}.social-grid strong{display:block;font-size:13px}.social-grid small{display:block;font-size:10px;color:var(--mut);margin-top:4px}.social-grid>a>span:last-child{font-size:20px;color:var(--red)}
/* About */
.about-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;min-height:400px}
.about-statement h2{font:900 clamp(58px,7vw,102px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:25px 0 20px;max-width:690px}
.about-statement p{max-width:550px;font-size:14px;color:var(--mut);line-height:1.9;margin:0 0 28px}
.about-monogram{height:360px;border:1px solid #ffffff23;border-radius:21px;background:radial-gradient(circle at center,#244981 0,#0e2347 35%,#0b142b 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;position:relative}
.about-monogram::before{content:"";position:absolute;inset:-25%;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 50px #ffffff04,0 0 0 100px #ffffff02}
.about-monogram img{width:180px;height:180px;object-fit:contain;position:relative}.about-monogram span{position:relative;font:900 39px/.9 var(--display);text-align:center;letter-spacing:.06em}.about-monogram strong{color:var(--red)}
.about-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:45px 0 40px}
.about-facts>div{background:linear-gradient(130deg,#14284e,#09182d);border:1px solid #ffffff24;border-radius:12px;padding:24px 22px}
.about-facts b{display:block;font:900 49px/.9 var(--display);margin-bottom:13px;color:white}.about-facts span{font:800 10px var(--font);letter-spacing:.08em;color:#91a8d2}
.about-note{border-left:3px solid var(--red);background:#0d1b34;padding:28px 34px;max-width:900px}.about-note h3{font:900 31px var(--display);margin:0 0 12px}.about-note p{font-size:12px;line-height:1.95;color:var(--mut)}
/* Player directory + detail */
.roster-stat{display:flex;gap:12px;margin-bottom:25px}.roster-stat>span{font:900 44px var(--display);background:#142346;border:1px solid #ffffff21;padding:14px 23px;border-radius:10px;display:flex;align-items:center;gap:15px}.roster-stat small{font:800 9px var(--font);letter-spacing:.11em;color:#9dafd1;max-width:170px}
.pro-ctl{padding:16px 0 7px}.pro-ctl input{min-width:340px}
.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.player-tile{min-width:0;display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #ffffff20;border-radius:11px;background:#111d37;transition:transform .2s,border .2s}
.player-tile:hover{transform:translateY(-3px);border-color:#fc344b70}
.player-number{display:grid;place-items:center;min-width:36px;height:43px;border-right:1px solid var(--br);padding-right:11px;font:900 29px var(--display);color:#7f9acb}
.player-tile .ball.sm{width:43px;height:43px}.player-label{flex:1;min-width:0}.player-label strong{display:block;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-label small{display:block;font-size:10px;color:var(--mut);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{font:900 20px var(--display);color:var(--gold)}
.player-hero{background:radial-gradient(ellipse 40% 140% at 80% 50%,var(--c,#17346a) 0,transparent 80%),linear-gradient(125deg,#0c1428,#152955);padding:72px 0;border-bottom:1px solid var(--br)}
.player-hero-inner{position:relative;display:flex;align-items:center;min-height:300px;overflow:hidden}
.player-back-num{position:absolute;right:2%;bottom:-95px;font:900 480px/.8 var(--display);color:#ffffff12;pointer-events:none}
.player-hero-inner>div:last-child{position:relative;z-index:1}.crumb{font-size:10px;letter-spacing:.09em;font-weight:800;color:#b0bfdf;display:inline-block;margin-bottom:30px}.crumb:hover{color:white}
.player-hero h1{font:900 clamp(62px,9vw,122px)/.82 var(--display);text-transform:uppercase;margin:25px 0 15px;max-width:850px}.player-hero p{color:#b0c2df;font-size:12px;margin-bottom:20px}
.player-club{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:12px}.player-club:hover{color:var(--red)}
.player-note{background:#101d37;border:1px solid var(--br);border-radius:10px;padding:25px;color:var(--mut);font-size:12px}
/* Match center */
.match-hero{padding:48px 0 70px;background:radial-gradient(ellipse at 50% 110%,#2a4a9870,transparent 70%),linear-gradient(125deg,#081329,#152a4e);border-bottom:1px solid #ffffff23}
.match-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px;font:800 11px var(--font);letter-spacing:.1em;color:#c5d2ef}
.match-status{background:#223154;border:1px solid #ffffff2e;color:#ebecff;padding:9px 12px;border-radius:4px;font-size:9px}.match-status.done{background:#16422c;color:#73edaa;border-color:#6ff0a044}
.match-showdown{display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;gap:24px;text-align:center}
.match-showdown>a{display:flex;flex-direction:column;align-items:center;gap:20px}.match-showdown>a .ball.xl{width:150px;height:150px;border-radius:26px;padding:17px;background:#ffffff0e}.match-showdown>a strong{font:900 clamp(28px,3.6vw,49px)/1 var(--display);text-transform:uppercase}
.match-central{display:flex;flex-direction:column;align-items:center;gap:10px}.match-central>span{font-weight:700;font-size:12px;color:#b5c5df}
.match-result{font:900 clamp(80px,9vw,136px)/.8 var(--display);letter-spacing:-.03em;white-space:nowrap}.match-result i{font-size:.6em;font-style:normal;color:var(--red);padding:0 12px}.match-result.upcoming{color:var(--red)}
.match-dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:21px}.match-dashboard>.card{padding:27px}
.dash-title{font:900 35px var(--display);margin:0 0 27px}.events-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}.events-cols>div h3{font:900 22px var(--display);border-bottom:1px solid var(--br);padding:0 0 15px;margin:0 0 7px}
.event{display:flex;align-items:center;gap:13px;border-bottom:1px solid #ffffff11;padding:13px 0}.event>span{font-size:17px}.event b{font-size:12px;font-weight:800}.event small{display:block;color:var(--mut);font-size:9px}
.match-mvp{margin-top:28px;border:1px solid #edc98555;background:#edc98512;border-radius:7px;padding:17px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--gold);font:800 10px var(--font);letter-spacing:.04em}.match-mvp b{font-size:13px;color:#fff}.match-mvp span{font-weight:500;color:var(--mut)}
.match-sidebar{display:flex;flex-direction:column;gap:20px}.match-side-box,.match-video{padding:26px}.match-side-box h3,.match-video h3{font:900 32px var(--display);margin:0 0 18px}.match-side-box>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--br);padding:12px 0;font-size:11px}.match-side-box span{color:var(--mut)}.match-side-box b{text-align:right}.match-video h3{margin:14px 0 6px}.match-video p{font-size:12px;color:var(--mut);margin-bottom:20px}.match-video .btn{width:100%}
/* responsive */
@media(max-width:1240px){.links a{padding:11px 7px;font-size:9px}.hero-in{gap:30px}.hero h1.big{font-size:clamp(80px,9.1vw,124px)}}
@media(max-width:1080px){.nav-in{height:80px}.links{position:fixed;left:0;right:0;top:80px;max-height:calc(100dvh - 80px);overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateY(-160%);background:#070f20fa;border-bottom:1px solid #ffffff28;padding:15px 28px 25px;box-shadow:0 26px 40px #0009;z-index:10;transition:transform .25s}.links.open{transform:translateY(0)}.links a{font-size:12px;padding:13px;border-bottom:1px solid #ffffff16}.links a.on::after{left:0;right:auto;bottom:12px;width:3px;height:22px}.header-live{margin-left:auto}.burger{display:block;margin-left:0}.hero-in{grid-template-columns:1fr 1fr}.hero h1.big{font-size:clamp(66px,8.7vw,118px)}.news-grid{grid-template-columns:repeat(2,1fr)}.video-grid-all{grid-template-columns:repeat(2,1fr)}.player-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.wrap{width:min(100% - 34px,680px)}.hero{min-height:0;padding:67px 0}.hero-in{grid-template-columns:1fr;gap:40px}.hero h1.big{font-size:clamp(87px,17vw,138px)}.hero .wm{top:10px;right:-230px}.pulse-inner{flex-direction:column;align-items:stretch;gap:19px;padding:21px 0}.pulse-values{justify-content:space-between}.pulse-values a:first-child{border-left:0}.pulse-values a{font-size:25px}.sec-h h2{font-size:45px}.news-grid{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}.video-grid-all{grid-template-columns:1fr 1fr}.about-layout{grid-template-columns:1fr}.about-monogram{height:300px}.about-facts{grid-template-columns:repeat(2,1fr)}.match-showdown{grid-template-columns:1fr 175px 1fr;gap:9px}.match-showdown>a .ball.xl{width:100px;height:100px}.match-showdown>a strong{font-size:27px}.match-dashboard{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr}.broadcast-bar{align-items:flex-start;flex-direction:column}.phead{padding:75px 0}.phead h1{font-size:78px}.player-back-num{font-size:360px;bottom:-70px}.player-hero h1{font-size:80px}}
@media(max-width:560px){.wrap{width:calc(100% - 30px)}.nav-in{height:73px;gap:9px}.links{top:73px;max-height:calc(100dvh - 73px)}.brand{font-size:17px;gap:8px}.brand img{width:45px;height:45px;padding:7px;border-radius:11px}.brand small{font-size:7px}.header-live{font-size:9px;padding:10px;gap:6px}.burger{width:40px;height:40px;border-radius:6px}.tick::before{font-size:8px;padding:10px 8px}.tick div{padding-left:86px}.hero{padding:60px 0 65px}.hero h1.big{font-size:clamp(74px,19vw,105px);margin:25px 0 24px}.lead{font-size:13px;line-height:1.85}.btns{gap:8px}.btn{font-size:10px;padding:13px 15px;min-height:42px}.nxt{padding:23px 18px}.nxt .vs a{font-size:11px}.nxt .ball.lg{width:75px;height:75px}.nxt .vs em{font-size:40px}.pulse-values{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.pulse-values a{border-left:0;justify-content:flex-start;gap:8px}section.sec{padding:58px 0}.sec-h{align-items:flex-start;gap:13px;flex-direction:column}.sec-h h2{font-size:43px}.sec-h p{font-size:12px}.more-link{padding:6px 0}.mc{padding:16px 15px}.mc .mc-main{grid-template-columns:1fr 90px 1fr;gap:5px;align-items:center}.mc .mt,.mc .mt.r{flex-direction:column;gap:8px;text-align:center;justify-content:center}.mc .mt .ball.md{height:57px;width:57px}.mc .mt b{font-size:10px}.mc .mc-sc{font-size:37px}.mc .mc-ft{justify-content:space-between}.news-grid{grid-template-columns:1fr}.news-art{min-height:176px}.news-copy h3{font-size:29px}.video-art{height:225px}.video-grid-all{grid-template-columns:1fr}.video-duel .ball.lg{width:85px;height:85px}.video-duel{gap:14px}.video-duel>span{font-size:45px}.broadcast-bar{padding:27px 20px}.broadcast-bar h2{font-size:45px}.about-statement h2{font-size:65px}.about-facts{gap:9px}.about-facts>div{padding:18px}.about-facts b{font-size:37px}.about-facts span{font-size:8px}.player-grid{grid-template-columns:1fr}.pro-ctl input,.pro-ctl select{min-width:0;width:100%}.pro-ctl{display:grid;grid-template-columns:1fr}.roster-stat>span{font-size:36px;padding:13px}.roster-stat small{font-size:8px}.phead{padding:64px 0}.phead h1{font-size:clamp(53px,12vw,75px)}.phead p{font-size:12px}.match-hero{padding:34px 0 55px}.match-heading{font-size:9px}.match-showdown{grid-template-columns:1fr 106px 1fr;gap:4px}.match-showdown>a .ball.xl{width:73px;height:73px;padding:6px;border-radius:13px}.match-showdown>a strong{font-size:22px}.match-result{font-size:67px}.match-result i{padding:0 3px}.match-central>span{font-size:9px}.events-cols{gap:13px}.events-cols>div h3{font-size:18px}.event{gap:6px}.event b{font-size:10px}.player-back-num{font-size:270px;right:-15px}.player-hero h1{font-size:65px}.footer-address{font-size:11px}.ft{gap:22px}.copy{font-size:9px}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}.video-play,.news-card,.video-card,.tcard,.mc{transition:none}}

/* Global cross-section quick search */
.global-search{display:grid;place-items:center;flex-shrink:0;background:#ffffff0a;border:1px solid #ffffff20;color:white;width:36px;height:38px;border-radius:6px;font-size:25px;line-height:1;transition:background .2s}.global-search:hover{background:#ffffff22}
.search-overlay[hidden]{display:none!important}.search-overlay{position:fixed;inset:0;z-index:1000;background:#020610e8;display:flex;align-items:flex-start;justify-content:center;padding:clamp(20px,10vh,110px) 18px 20px;backdrop-filter:blur(10px);overflow:auto}
body.searching{overflow:hidden}.search-box{width:min(690px,100%);max-height:85vh;overflow:auto;border:1px solid #ffffff30;background:linear-gradient(155deg,#142446,#071228);box-shadow:0 30px 120px #000b;border-radius:17px;padding:30px}
.search-title{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:23px}.search-title h2{font:900 clamp(37px,5vw,54px)/1 var(--display);margin:14px 0 0}.search-title button{width:39px;height:39px;background:#ffffff14;border:1px solid #ffffff21;color:white;border-radius:7px;font-size:20px}
.search-box>input{width:100%;border:1px solid #ffffff30;background:#060d1b;color:white;padding:19px;border-radius:8px;font:700 14px var(--font);outline:none}
.search-box>input:focus{border-color:var(--red)}.search-box>input::placeholder{color:#7589aa}.search-results{margin-top:18px;display:grid;gap:7px}.search-results>p{color:var(--mut);font-size:12px;padding:15px 4px}.search-results>a{display:flex;align-items:center;gap:13px;border-radius:7px;border:1px solid #ffffff0e;padding:9px 13px;background:#ffffff05}.search-results>a:hover{background:#ffffff12}.search-results .ball.sm{width:40px;height:40px}.search-results>a span{flex:1;min-width:0}.search-results>a b{display:block;font-size:12px}.search-results>a small{display:block;color:var(--mut);font-size:10px}.search-results>a em{color:var(--red);font-style:normal;font-size:20px}.search-tip{color:#7487a8;font-size:10px;padding-top:21px;text-align:right}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(max-width:560px){.header-live{display:none}.global-search{margin-left:auto}.search-box{padding:22px}.search-overlay{padding-top:30px}}