/* DOUBLE-V V26.3 | Cinéma premium sans projecteurs ni particules. UI uniquement. */
:root{--dv263-lilac:#dac0ff;--dv263-purple:#ae6cfa;--dv263-dark:#06030e}
html{scroll-padding-top:84px}
body{background:radial-gradient(ellipse at 48% 2%,#2e105034,transparent 27%),linear-gradient(180deg,#07030e,#0b0613 52%,#05030a)!important}
.hero{position:relative!important;min-height:clamp(650px,91svh,890px)!important;background:#05030d!important;isolation:isolate!important;overflow:hidden!important}
#dv22-stage .dv22-photo{background-image:url('/dv25-arena-hero.webp')!important;background-position:52% 47%!important;background-size:cover!important;filter:contrast(1.29) brightness(.87) saturate(1.33)!important;animation:dv263-dolly 32s cubic-bezier(.38,0,.62,1) infinite alternate!important}
#dv22-stage .dv22-atmos{background:linear-gradient(90deg,#04020af2 0%,#080318db 26%,#08031877 57%,#05030a63 100%),linear-gradient(0deg,#05030bf6 1%,transparent 46%),linear-gradient(180deg,#04010b8a,transparent 25%),radial-gradient(ellipse at 65% 60%,#883fe02b,transparent 61%)!important}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(0deg,#05030d 0%,transparent 17%),linear-gradient(180deg,#0008,transparent 17%,transparent 80%,#05030d8c);box-shadow:inset 0 0 135px 22px #030107c4}
.hero-content{max-width:min(1040px,93vw)!important;padding:clamp(24px,5vw,64px)!important;margin-top:clamp(60px,8vw,125px)!important;background:linear-gradient(90deg,#08051490,transparent 95%)!important;backdrop-filter:none!important;border:0!important;z-index:5!important}
.hero h1{font-family:'Barlow Condensed',Impact,Arial,sans-serif!important;font-size:clamp(64px,7.7vw,116px)!important;line-height:.83!important;letter-spacing:-.028em!important;text-shadow:0 18px 44px #000c,0 0 70px #b05cff4d!important;margin:0 0 25px!important;max-width:1000px}
.hero h1 em{font-style:normal!important;background:linear-gradient(100deg,#fff 0%,#dbbbff 35%,#b781ff 75%,#f4e8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;display:inline-block;filter:drop-shadow(0 4px 14px #47117d)}
.hero-content>p{max-width:530px;color:#e6d9f3!important;font-size:clamp(14px,1.4vw,18px)!important;line-height:1.8!important;text-shadow:0 3px 15px #000!important}
/* Une seule transition de lecture, pas de faisceaux, rails ou particules. */
.hero:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;z-index:8;background:linear-gradient(90deg,transparent,#8e4ed5 35%,#dfb4ff 50%,#773ac5 70%,transparent);box-shadow:0 0 24px #b46fff80;opacity:.7;pointer-events:none}
main.wrap{position:relative;z-index:3}
.dv-next{margin-top:clamp(35px,6vw,75px)!important}
.dv-next-title h2,#chaines .section-title,#vrais-matchs .section-title{font-family:'Barlow Condensed',Impact,Arial,sans-serif!important;font-weight:900!important;letter-spacing:.012em!important;text-transform:uppercase!important;font-size:clamp(30px,4.4vw,58px)!important;line-height:1!important;text-shadow:0 8px 32px #722bba60}
#chaines .section-title{max-width:1000px}
.dv-signature{position:relative;background:radial-gradient(circle at 50% 0%,#823ad133,transparent 60%),linear-gradient(120deg,#2c1246,#0c081a 75%)!important;border:1px solid #b783ed91!important;box-shadow:0 25px 65px #020105dd,inset 0 1px #e7bdff2b,0 0 40px #a242db25!important;overflow:hidden}
.dv-signature::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#eacfff,transparent);opacity:.7;pointer-events:none}
.dv-signature-score{color:#fff;text-shadow:0 0 38px #b264ff55,0 8px 20px #000!important}
.dv-channel-card{background:linear-gradient(140deg,#291342,#0b0617 82%)!important;box-shadow:inset 0 1px #e3bbff2e,0 13px 35px #0009!important;border-color:#a563e177!important}
.dv-channel-card:hover{border-color:#d9b5ff!important;box-shadow:0 18px 40px #000a,0 0 32px #8a39df4d!important}
#vrais-matchs{background:linear-gradient(150deg,#110820,#090511 75%)!important;border:1px solid #9a65d94f!important;box-shadow:0 35px 65px #0008,inset 0 1px #eac8ff14!important}
/* Formations réelles : on conserve les coordonnées et noms reçus de l'API. */
.dv16-team-pitch{padding:14px!important;background:linear-gradient(160deg,#28103e 0%,#0c071b 80%)!important;border:1px solid #b788ef99!important;border-radius:20px!important;box-shadow:0 16px 46px #07030add,inset 0 1px #f2d7ff26!important}
.dv16-pitch-heading{padding:4px 2px 8px!important;font-size:clamp(13px,1.4vw,17px)!important;letter-spacing:.02em!important}
.dv16-pitch-heading span{color:#dec1ff!important;font-weight:800;border:1px solid #9b69d382;padding:5px 9px;border-radius:8px;background:#42166c66}
.dv16-pitch{height:490px!important;position:relative;border-radius:16px!important;border:1px solid #bb8ff0b8!important;background:radial-gradient(ellipse at 50% 51%,#7b3db267 0%,transparent 63%),repeating-linear-gradient(0deg,#250d43 0 58px,#321353 58px 116px)!important;box-shadow:inset 0 0 90px #07020ce6,inset 0 0 30px #a35ae952,0 16px 33px #07030bc9,0 0 0 1px #e2bbff29!important}
.dv16-pitch::after{background:linear-gradient(90deg,#02010666,transparent 12%,transparent 88%,#02010666),linear-gradient(180deg,#08030d6b,transparent 22%,transparent 75%,#07020a8c)!important;inset:0!important;z-index:0!important;pointer-events:none}
.dv16-pitch-lines{inset:10px!important;border:1px solid #e2beff78!important;border-radius:3px!important;z-index:0!important}
.dv16-pitch-lines::before{top:0!important;left:23%!important;width:54%!important;height:17%!important;border:1px solid #e2beff78!important;border-top:0!important;box-shadow:0 330px 0 -1px transparent!important}
.dv16-pitch-lines::after{width:88px!important;height:88px!important;border:1px solid #e2beff78!important;border-radius:50%!important;box-shadow:0 0 0 1px #e2beff12!important}
.dv16-player{width:clamp(55px,5.1vw,69px)!important;gap:6px!important;z-index:3!important;filter:drop-shadow(0 7px 9px #05020c)}
.dv16-avatar{height:42px!important;width:42px!important;display:grid;place-items:center;filter:none!important}
.dv16-avatar::before,.dv16-avatar::after,.dv16-head{display:none!important}
.dv16-shirt,.dv16-shirt.dv16-away,.dv16-shirt.dv16-goalkeeper{position:relative!important;left:auto!important;top:auto!important;width:36px!important;height:36px!important;clip-path:none!important;border-radius:50%!important;border:2px solid #e4c0ff!important;background:linear-gradient(145deg,#c178ff,#552196 85%)!important;box-shadow:0 0 0 4px #210c3eb5,0 0 17px #ba6aff70,inset 0 1px #ffffff7c!important;display:grid!important;place-items:center!important}
.dv16-shirt.dv16-away{border-color:#f4d9ff!important;background:linear-gradient(145deg,#e6c5ff,#8a4bcc)!important}
.dv16-shirt.dv16-goalkeeper{border-color:#ffd3ff!important;background:linear-gradient(145deg,#fa9bff,#a22cbe)!important}
.dv16-shirt .dv17-shirt-number{position:static!important;margin:0!important;font-size:13px!important;font-weight:900!important;line-height:1!important;color:#fff!important;text-shadow:0 1px 3px #25043f!important}
.dv16-playername{width:100%!important;max-width:69px!important;font-size:9px!important;line-height:1.15!important;min-height:27px;padding:5px 4px!important;border-radius:7px!important;border:1px solid #b97ded5b!important;background:#10071ff0!important;color:#faf3ff!important;text-align:center!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dv16-indicative{font-size:11px!important;line-height:1.5!important;color:#bda5da!important}
/* Flip : bord gauche / droit 900ms, effet 3D indépendant des données. */
.fixture-card{transform-style:preserve-3d!important;isolation:auto!important;perspective:1200px;overflow:visible!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.fixture-card.dv25-flipped{backface-visibility:visible!important;-webkit-backface-visibility:visible!important;transform:perspective(1200px) rotateY(180deg)!important;transform-style:preserve-3d!important;transition:transform .82s cubic-bezier(.18,.74,.16,1)!important;z-index:12!important}
.fixture-card.dv25-flipped:hover,.fixture-card.dv25-flipped.dv23-tilting{transform:perspective(1200px) rotateY(180deg)!important}
.fixture-card>.dv25-back{transform:rotateY(180deg) translateZ(2px)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
.fixture-card.dv25-flipped>:not(.dv25-back){opacity:0!important;visibility:hidden!important;pointer-events:none!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
.fixture-card.dv25-flipped::before{opacity:0!important}
.fixture-card .dv263-back{visibility:hidden!important;pointer-events:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.fixture-card.dv25-flipped .dv263-back{visibility:visible!important;z-index:999!important;pointer-events:auto!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.dv263-back{position:absolute!important;inset:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:11px!important;padding:clamp(13px,2vw,22px)!important;color:#fff!important;background:radial-gradient(ellipse at 20% 15%,#9951e657,transparent 66%),linear-gradient(145deg,#300f50,#0c0718 90%)!important;border:1px solid #d9a2ff!important;box-shadow:inset 0 1px #efdcff42,0 20px 60px #2e0959aa!important;overflow:auto!important}
.dv263-fact-meta{font-size:10px!important;font-weight:900!important;letter-spacing:1.2px;color:#deb9ff!important}
.dv263-fact-title{font-family:'Barlow Condensed',Impact,sans-serif!important;font-size:clamp(22px,2.3vw,30px)!important;line-height:1.02!important;color:#fff!important;margin:2px 0!important;text-transform:uppercase!important}
.dv263-fact-copy{font-size:clamp(12px,1.06vw,14px)!important;line-height:1.55!important;color:#eadcf7!important;margin:0!important}
.dv263-fact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;width:100%}
.dv263-fact-actions button{font-size:11px!important;padding:9px 10px!important;min-height:38px;background:#32144f!important;border:1px solid #a46bde!important;border-radius:9px;color:#fff!important;cursor:pointer}
.dv263-fact-actions button.dv263-return{background:#7c34c1!important;border-color:#d29dff!important}
.dv263-back button:focus-visible{outline:3px solid #fff!important;outline-offset:2px}
@keyframes dv263-dolly{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-1.1%,-1.3%,0)}}
@media (max-width:760px){.hero{min-height:610px!important}.hero-content{margin-top:80px!important;padding:20px!important}.hero h1{font-size:clamp(49px,10vw,72px)!important}.hero-content>p{font-size:14px!important}.dv16-pitch{height:470px!important}.dv16-player{width:62px!important}}
/* Cartes à deux faces : rotation du verso de 180 degrés, texte toujours lisible. */
.fixture-card.dv25-flipped, .fixture-card.dv25-flipped:hover, .fixture-card.dv25-flipped.dv23-tilting, body:not(.dv22-still) .fixture-card.dv25-flipped.dv23-tilting, body:not(.dv22-still) .fixture-card.dv25-flipped:hover{transform:perspective(1100px) translateY(-3px) rotateY(0deg)!important;transition:transform .8s ease!important}
.fixture-card > .dv263-back{transform:perspective(1000px) rotateY(-180deg)!important;opacity:0!important;visibility:visible!important;pointer-events:none!important;backface-visibility:visible!important;transition:transform .8s cubic-bezier(.18,.74,.18,1),opacity .18s ease!important}
.fixture-card.dv25-flipped > .dv263-back{transform:perspective(1000px) rotateY(0deg)!important;opacity:1!important;pointer-events:auto!important;backface-visibility:visible!important}
@media(prefers-reduced-motion:reduce){#dv22-stage .dv22-photo{animation:none!important}.fixture-card.dv25-flipped{transition:none!important}.fixture-card > .dv263-back{transition:none!important}}