/* DOUBLE-V 22: Stadium broadcast design system. Dedicated presentation layer only. */
:root{--dv22-light:#e7c1ff;--dv22-accent:#b467ff;--dv22-purple:#7b21ca;--dv22-ink:#05040b}
html{scroll-padding-top:88px}body{background:#06030c!important;overflow-x:hidden}
body::before{display:none!important}
/* full-viewport three-dimensional mood, without overlaying or intercepting clicks */
#dv22-world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 65vw 35vw at 70% 12%,#4a166b62,transparent),radial-gradient(ellipse 55vw 25vw at 4% 90%,#6321a92f,transparent),#05030a}
#dv22-world .dv22-world-grid{position:absolute;left:-40vw;right:-40vw;bottom:-24vh;height:100vh;transform-origin:bottom center;transform:perspective(900px) rotateX(72deg);background:repeating-linear-gradient(90deg,transparent 0 89px,#a34cff21 90px 91px),repeating-linear-gradient(0deg,transparent 0 89px,#a34cff22 90px 91px);mask-image:linear-gradient(transparent 10%,#000 85%);animation:dv22-gridflow 35s linear infinite}
#dv22-world .dv22-world-lights{position:absolute;inset:-20%;background:radial-gradient(ellipse at 26% 15%,#7a28ba39,transparent 29%),radial-gradient(ellipse at 72% 62%,#b13cf324,transparent 27%);animation:dv22-ambient 15s ease-in-out infinite alternate}
#dv22-world .dv22-side-mark{position:absolute;top:22%;right:-.09em;font:900 clamp(180px,30vw,540px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.18em;color:#b675ff08;transform:rotate(-90deg);transform-origin:center;white-space:nowrap}
body>header,body>.hero,body>main,body>footer{position:relative;z-index:1}
header{background:#07050df0!important;border-bottom:1px solid #c486ff4a!important;box-shadow:0 12px 60px #030108c9,inset 0 -2px #8b39de18!important}
header .logo{font-size:clamp(30px,3vw,40px)!important;letter-spacing:-.035em!important;text-shadow:0 0 28px #9c4cdd55}
header .logo::after{content:'';display:block;height:2px;width:43px;margin-top:0;background:linear-gradient(90deg,#fff,#b251ff,transparent);box-shadow:0 0 15px #a947ff}
header nav a{transition:color .2s,text-shadow .2s!important}header nav a:hover,header nav a:focus-visible{color:#fff!important;text-shadow:0 0 18px #c080ff}
/* ACT I: physically layered stadium tunnel, grass, floodlights, television graphics */
.hero{height:auto!important;min-height:clamp(650px,90vh,920px)!important;isolation:isolate!important;display:flex!important;align-items:center!important;overflow:hidden!important;padding:90px 0 130px!important;background:#07050e!important;animation:none!important;border-bottom:2px solid #9b54ea!important}
.hero::before,.hero::after{display:none!important}
#dv22-stage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;perspective:1100px;background:radial-gradient(ellipse at 63% 42%,#2913484d,transparent 49%),#05040b}
#dv22-stage .dv22-photo{position:absolute;inset:-6%;background:url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=2000&q=85') center 48%/cover no-repeat;filter:brightness(.54) contrast(1.28) saturate(.65);transform:scale(1.07) translate3d(var(--dv22-parallax-x,0px),var(--dv22-parallax-y,0px),0);animation:dv22-camera 25s ease-in-out infinite alternate}
#dv22-stage .dv22-atmos{position:absolute;inset:0;background:linear-gradient(90deg,#07040df5 0%,#07040ddd 31%,#0b0416a0 57%,#05030ac7 100%),linear-gradient(0deg,#05030a 0%,transparent 42%),radial-gradient(ellipse at 70% 47%,#8d40c02b,transparent 60%)}
#dv22-stage .dv22-tunnel{position:absolute;inset:-10%;border:clamp(22px,5vw,100px) solid #04030a;border-bottom-width:clamp(85px,15vh,170px);border-radius:47% 47% 0 0 / 36% 36% 0 0;box-shadow:inset 0 0 0 3px #dc9bff55,inset 0 0 22px 6px #9e4dff66,inset 0 0 95px 35px #000,0 0 150px #000;transform:perspective(850px) rotateX(4deg) scale(1.01);opacity:.84}
#dv22-stage .dv22-pitch{position:absolute;left:-20%;right:-20%;height:40%;bottom:-27%;transform:perspective(520px) rotateX(66deg);background:repeating-linear-gradient(90deg,#163c2c80 0 110px,#15362580 110px 220px);box-shadow:0 -18px 70px #d8a5ff21,inset 0 0 0 2px #ffffff55;opacity:.75}
#dv22-stage .dv22-beam{position:absolute;top:-45%;height:190%;width:24%;opacity:.34;filter:blur(17px);transform-origin:50% 0;background:linear-gradient(180deg,#efd3ff99,#b06bff1f 49%,transparent 75%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);mix-blend-mode:screen}
#dv22-stage .dv22-beam.a{left:34%;animation:dv22-beama 13s ease-in-out infinite alternate}#dv22-stage .dv22-beam.b{left:75%;opacity:.27;animation:dv22-beamb 16s ease-in-out infinite alternate}
#dv22-stage .dv22-fog{position:absolute;inset:35% -10% -8%;background:radial-gradient(ellipse at 52% 90%,#a75cf451,transparent 65%);filter:blur(55px);animation:dv22-fog 10s ease-in-out infinite alternate}
#dv22-stage .dv22-led{position:absolute;bottom:10%;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#c46bff,#fff,#ab46f1,transparent);box-shadow:0 0 14px 3px #a749ff,0 0 60px 12px #8538dd;animation:dv22-led 4s ease-in-out infinite alternate}
#dv22-stage .dv22-vertical{position:absolute;right:4%;top:16%;bottom:22%;width:1px;background:linear-gradient(transparent,#d3a1ff99,transparent);box-shadow:0 0 30px 2px #b95cff88}
#dv22-stage .dv22-vertical::after{content:'DV / 22';position:absolute;top:10%;right:18px;writing-mode:vertical-rl;color:#e8d5fca8;font:800 11px Inter,sans-serif;letter-spacing:.48em}
.hero-content{position:relative!important;z-index:2!important;max-width:min(760px,83vw)!important;margin-left:clamp(20px,7vw,145px)!important;transform:none!important;animation:dv22-arrive 1.3s ease-out both!important}
.hero .eyebrow{border:0!important;border-left:3px solid #c980ff!important;border-radius:0!important;background:#15082299!important;backdrop-filter:blur(18px);padding:12px 18px!important;letter-spacing:.28em!important;box-shadow:0 0 50px #9b4aff28!important}
.hero h1{font:900 clamp(68px,9vw,156px)/.86 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:-.035em!important;text-transform:uppercase;text-shadow:0 8px 35px #000,0 0 65px #3e116a!important;margin:26px 0!important}
.hero h1 em{display:inline-block;color:#edd5ff!important;-webkit-text-fill-color:#edd5ff!important;text-shadow:0 0 23px #d49effb8,0 0 72px #7b2ab8!important}
.hero-content>p{max-width:600px!important;font-size:clamp(15px,1.5vw,20px)!important;line-height:1.7!important;color:#e4dbea!important;text-shadow:0 3px 20px #000}
#dv22-hero-tag{margin-top:23px;display:inline-flex;align-items:center;gap:13px;padding:12px 17px;border:1px solid #d3a4ff65;background:#0c0715c9;backdrop-filter:blur(12px);color:#f2e8ff;font:800 11px Inter,sans-serif;letter-spacing:.18em;box-shadow:inset 3px 0 #b85fff,0 14px 40px #08030bb6}
#dv22-hero-tag i{width:9px;height:9px;background:#d0a0ff;border-radius:50%;box-shadow:0 0 0 5px #9b45ff33,0 0 17px #b46cff;animation:dv22-pulse 2.6s infinite}
#dv22-sideline{position:absolute;left:clamp(20px,7vw,145px);bottom:56px;z-index:2;display:flex;align-items:center;gap:22px;color:#ddc9edb0;font:800 11px Inter,sans-serif;letter-spacing:.2em}
#dv22-sideline::before{content:'';height:1px;width:clamp(38px,11vw,160px);background:linear-gradient(90deg,#c17cff,transparent);box-shadow:0 0 10px #a65fff}
/* the new unmistakable DOUBLE-V broadcast stripe */
#dv22-broadcast{position:relative;z-index:2;display:flex;align-items:center;gap:20px;min-height:73px;padding:13px clamp(18px,6vw,100px);background:linear-gradient(90deg,#190a2b,#330a58 46%,#190a2b);border-top:1px solid #c48cff70;border-bottom:1px solid #a34dff73;box-shadow:0 22px 70px #541c9d36,inset 0 1px 20px #c67aff16;overflow:hidden}
#dv22-broadcast::after{content:'VV';position:absolute;right:5%;top:-40px;font:900 165px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.2em;color:#d8a3ff18;pointer-events:none}
#dv22-broadcast .dv22-live-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#c877ff;box-shadow:0 0 0 6px #b85aff28,0 0 28px #cb81ff;animation:dv22-pulse 2s infinite}
#dv22-broadcast strong{font:900 clamp(16px,2vw,26px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:.075em;color:#fff}
#dv22-broadcast .dv22-slash{display:block;align-self:stretch;width:2px;background:#cf83ff7d;transform:skew(-18deg)}
#dv22-broadcast span:last-child{font:750 clamp(10px,1.2vw,13px) Inter,sans-serif;letter-spacing:.12em;color:#d7baf1}
/* ACT II: sections behave like a sequence of stadium broadcast panels */
main.wrap{position:relative!important;z-index:1!important;isolation:isolate!important}
main.wrap>.intro-bar:first-child{margin-top:60px!important}
.section-kicker,.dv-next-kicker{font-weight:900!important;letter-spacing:.25em!important;color:#d4a5ff!important;text-shadow:0 0 22px #9947e990}
.section-title,.dv-next-title h2{font-family:'Barlow Condensed',Impact,sans-serif!important;font-weight:900!important;letter-spacing:.02em!important;font-size:clamp(36px,5vw,63px)!important;text-shadow:0 0 45px #9139d25a!important}
.intro-bar{position:relative}.intro-bar::after{content:'';position:absolute;left:0;bottom:-17px;height:3px;width:min(190px,40%);background:linear-gradient(90deg,#e0adff,#8936d7,transparent);box-shadow:0 0 21px #943aff88}
.featured-grid{gap:18px!important;perspective:1200px}
.feature{position:relative!important;isolation:isolate;min-height:310px!important;padding:26px!important;border:1px solid #b873ff8a!important;border-radius:14px!important;background:radial-gradient(ellipse at 50% 0%,#54217c70,transparent 64%),linear-gradient(160deg,#24103d,#0b0714)!important;box-shadow:inset 0 1px #fff3,0 22px 50px #000b,0 0 0 1px #a757fa18!important;transform:translateZ(0);transition:transform .35s,box-shadow .35s!important;overflow:hidden!important}
.feature::before{content:''!important;position:absolute;inset:0;opacity:.45!important;pointer-events:none;background:linear-gradient(116deg,transparent 30%,#deb5ff22 47%,transparent 60%);background-size:230% 100%;animation:dv22-cardlight 10s ease-in-out infinite;z-index:0}
.feature::after{content:attr(data-dv22-no);position:absolute;right:10px;bottom:-43px;pointer-events:none;font:900 210px/.8 'Barlow Condensed',Impact,sans-serif;color:#c98aff12;z-index:0}
.feature>*{position:relative;z-index:1}.feature h3{font-family:'Barlow Condensed',Impact,sans-serif!important;font-size:clamp(34px,3.5vw,53px)!important;line-height:1!important;letter-spacing:.015em!important}.feature .pill{border-radius:3px!important;letter-spacing:.2em!important}
.feature:hover,.feature:focus-within{transform:translateY(-12px) rotateX(2deg)!important;box-shadow:0 26px 75px #7026b45e,0 0 0 1px #dfaaff,inset 0 0 34px #ad64ff1b!important}
.dv-next{margin-top:60px!important}
.dv-signature{position:relative!important;isolation:isolate;overflow:hidden!important;border:1px solid #ddadffb8!important;border-radius:18px!important;padding:clamp(24px,4vw,57px)!important;background:radial-gradient(ellipse at 50% 12%,#8139bf64,transparent 65%),linear-gradient(120deg,#160b2b,#050711 50%,#1b0a30)!important;box-shadow:0 0 0 1px #e7c2ff38,0 30px 90px #43106b7c,inset 0 0 90px #721fc234!important}
.dv-signature::before{content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(130deg,#954ce428,transparent 36%,transparent 60%,#ad5ffe23),repeating-linear-gradient(90deg,transparent 0 77px,#b67cf307 78px 79px)!important;animation:none!important;opacity:1!important;transform:none!important}
.dv-signature::after{content:'MATCH / SIGNATURE';position:absolute;left:23px;bottom:18px;pointer-events:none;font:850 10px Inter,sans-serif;letter-spacing:.24em;color:#d8b1ff75}
.dv-signature-match{padding:clamp(18px,3vw,30px) 0!important;position:relative}.dv-signature-match::before{content:'';position:absolute;left:50%;top:9%;bottom:9%;width:1px;background:linear-gradient(transparent,#c98dff87,transparent);z-index:0}.dv-signature-match>*{position:relative;z-index:1}
.dv-signature-team img{width:clamp(55px,7vw,95px)!important;height:clamp(55px,7vw,95px)!important;filter:drop-shadow(0 9px 24px #b675ff81)!important;transition:transform .35s!important}.dv-signature:hover .dv-signature-team img{transform:scale(1.07)}
.dv-signature-score{font-size:clamp(50px,8vw,118px)!important;line-height:.95!important;text-shadow:0 0 45px #b265ff75!important}
.dv-signature-status{background:#7430b955!important;color:white!important;box-shadow:0 0 19px #b04cff44}
/* Fixtures, stylistically transformed without touching cards' internals or handlers */
#vrais-matchs{position:relative;padding:clamp(20px,3.6vw,52px)!important;background:linear-gradient(165deg,#1f0a34bf 0%,#080710dd 43%,#170a27bf)!important;border:1px solid #a05eee55;border-radius:20px!important;box-shadow:0 36px 110px #0009,inset 0 1px #c999ff30!important;margin-top:70px}
#vrais-matchs::before{content:'DOUBLE-V  /  MATCH CENTER';position:absolute;right:20px;top:-14px;color:#efd8ff;background:#310d50;border:1px solid #b772ef99;padding:8px 14px;font:850 10px Inter,sans-serif;letter-spacing:.16em;box-shadow:0 0 28px #8a32d66d}
.fixture-grid{gap:15px!important}.fixture-card{position:relative!important;isolation:isolate;border-radius:13px!important;overflow:hidden!important;border:1px solid #a76bed6b!important;background:linear-gradient(118deg,#260f42 0%,#0c0b18 52%,#180c2b 100%)!important;box-shadow:inset 4px 0 #8838c9,inset 0 1px #fff2,0 13px 36px #0008!important;transition:transform .26s,box-shadow .26s,border-color .26s!important}
.fixture-card::before{content:''!important;position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 22%,#c990ff1b 47%,transparent 70%),radial-gradient(300px circle at var(--mx,50%) var(--my,50%),#d4a3ff1c,transparent 75%)!important;opacity:.75!important;background-size:230% 100%,auto;animation:dv22-cardlight 12s ease-in-out infinite;z-index:0}
.fixture-card>*{position:relative;z-index:1}.fixture-card:hover,.fixture-card:focus-within{transform:translateY(-6px) scale(1.013)!important;border-color:#dfaeff!important;box-shadow:inset 4px 0 #d2a0ff,0 20px 55px #8227cd5b,0 0 0 1px #cb8cff55!important}
.fixture-card:has(.live-badge),.fixture-card:has(.status-live){box-shadow:inset 4px 0 #b87cff,0 0 25px #b16aff33!important}
.fixture-card img{filter:drop-shadow(0 4px 10px #b06ce02a)}
.live-filter{border-radius:7px!important;letter-spacing:.02em;transition:background .22s,box-shadow .22s,transform .22s!important}.live-filter.active{background:linear-gradient(110deg,#7632b5,#a354ea)!important;box-shadow:0 0 22px #9d4ce66d!important}.live-filter:hover{transform:translateY(-3px)!important}
.dv-channel-card,.league-card{position:relative;overflow:hidden!important;background:linear-gradient(145deg,#27113f,#0c0717)!important;border:1px solid #ad6dff7a!important;border-radius:13px!important;box-shadow:0 20px 50px #000a,inset 0 1px #e7c1ff22!important}
.dv-channel-card::after,.league-card::after{content:'';position:absolute;left:-120%;top:0;width:90%;height:100%;background:linear-gradient(100deg,transparent,#cb9aff21,transparent);transform:skewX(-20deg);transition:left .55s;pointer-events:none}.dv-channel-card:hover::after,.league-card:hover::after{left:140%}
.dv-channel-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 55px #7a22c660!important}
.secondary-section,.donate{margin-top:60px}.secondary-section::before{height:2px!important;background:linear-gradient(90deg,transparent,#ca86ff,transparent)!important;box-shadow:0 0 20px #ad5dff9d!important}
#dv22-motion-toggle{position:fixed;bottom:16px;right:16px;z-index:1000;border:1px solid #ca8dff9e;background:#160b27ed;color:#f8ebff;padding:11px 16px;font:800 12px Inter,sans-serif;border-radius:6px;cursor:pointer;box-shadow:0 10px 40px #000a,0 0 20px #8a2cc670}
#dv22-motion-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.dv22-reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.18,.75,.15,1)}.dv22-reveal.dv22-visible{opacity:1;transform:translateY(0)}
@keyframes dv22-gridflow{to{background-position:0 90px,0 90px}}@keyframes dv22-ambient{to{transform:translate(5%,3%) scale(1.1)}}@keyframes dv22-camera{to{transform:scale(1.14) translate3d(calc(var(--dv22-parallax-x,0px) * .4),calc(var(--dv22-parallax-y,0px) * .4),0)}}@keyframes dv22-beama{to{transform:rotate(22deg) translateX(-25%)}}@keyframes dv22-beamb{to{transform:rotate(-24deg) translateX(15%)}}@keyframes dv22-fog{to{opacity:.45;transform:translateY(-3%) scale(1.08)}}@keyframes dv22-led{to{opacity:.5}}@keyframes dv22-arrive{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dv22-pulse{50%{opacity:.5;box-shadow:0 0 0 10px #a953ff08,0 0 30px #b978ff}}@keyframes dv22-cardlight{0%,55%,100%{background-position:130% 0,center}75%{background-position:-130% 0,center}}
@media(max-width:760px){.hero{min-height:700px!important;padding:110px 0 120px!important}.hero-content{max-width:90vw!important;margin-left:22px!important}.hero h1{font-size:clamp(60px,15vw,100px)!important}#dv22-stage .dv22-tunnel{inset:-5%;border-width:22px 22px 100px}#dv22-stage .dv22-photo{background-position:57% 48%}#dv22-stage .dv22-atmos{background:linear-gradient(90deg,#05030aed,#080413bd 67%,#05030a99),linear-gradient(0deg,#05030a,transparent 65%)}#dv22-sideline{left:22px;bottom:35px}#dv22-broadcast{gap:12px;min-height:65px}#dv22-broadcast .dv22-slash{display:none}#dv22-broadcast span:last-child{font-size:10px}.feature{min-height:240px!important}.feature h3{font-size:38px!important}.feature:hover,.fixture-card:hover,.dv-channel-card:hover{transform:none!important}#vrais-matchs{padding:22px 13px!important}#vrais-matchs::before{font-size:8px;right:9px}.dv-signature{padding:22px 14px!important}.dv-signature-score{font-size:clamp(42px,10vw,65px)!important}}
@media(prefers-reduced-motion:reduce){.dv22-reveal{opacity:1!important;transform:none!important}.dv22-beam,.dv22-photo,#dv22-world *,#dv22-hero-tag i,.fixture-card::before,.feature::before{animation:none!important}.hero-content{animation:none!important}}
body.dv22-still #dv22-world *,body.dv22-still #dv22-stage *,body.dv22-still #dv22-hero-tag i,body.dv22-still .feature::before,body.dv22-still .fixture-card::before{animation:none!important}body.dv22-still .dv22-reveal{opacity:1!important;transform:none!important}