/* VM PORTAIL — ambiance manga neon de la référence fournie, contenus réellement publiés. */
:root{color-scheme:dark;--accent:#f73558;--hot:#fc294b;--gold:#ffdc63;--blue:#389cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 10% 15%,#361029,transparent 36%),radial-gradient(ellipse at 85% 38%,#052456,transparent 38%),#030713;color:#f8faff;font:15px/1.5 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffe680;outline-offset:3px}button{cursor:pointer;font:inherit}
body[data-current-sport=nba]{--accent:#fd9d43}body[data-current-sport=nfl]{--accent:#50aeff}body[data-current-sport=f1]{--accent:#fd3555}body[data-current-sport=motogp]{--accent:#ff5a50}body[data-current-sport=tennis]{--accent:#e4db4e}body[data-current-sport=rugby]{--accent:#7fdcab}body[data-current-sport=cyclisme]{--accent:#ffd75e}body[data-current-sport=nhl]{--accent:#70d3ff}body[data-current-sport=mlb]{--accent:#fd907b}body[data-current-sport=mma]{--accent:#fb4765}body[data-current-sport=ski]{--accent:#a9eaff}
.sitehead{position:sticky;top:0;z-index:99;background:#03050ced;border-bottom:2px solid #f13150;box-shadow:0 6px 22px #000b}.sitehead .inner{display:flex;align-items:center;gap:15px;max-width:1650px;margin:auto;padding:6px 15px}.sitehead .logo{display:flex;align-items:center;gap:8px;flex-shrink:0;color:white;text-decoration:none;font:italic 900 clamp(18px,2.2vw,30px)/.9 Impact,'Arial Black',system-ui,sans-serif;letter-spacing:.01em}.sitehead .logo img{width:40px;height:40px;object-fit:contain}.sitehead .logo b{display:block;color:#a7f575}
.sitehead nav{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none;margin-left:auto}.sitehead nav a{white-space:nowrap;text-decoration:none;text-transform:uppercase;font:900 12px system-ui,sans-serif;color:#f4f4fc;border-radius:7px;padding:13px 11px}.sitehead nav a:hover,.sitehead nav a.active{background:#bf102d;box-shadow:0 0 15px #f43052a1}
.wrap{max-width:1600px;margin:auto;padding:0 15px}.banner{height:clamp(300px,30vw,440px);position:relative;isolation:isolate;overflow:hidden;background:#050816;border-bottom:3px solid #f73558}.banner .scenes{position:absolute;inset:-30px -20px;display:grid;grid-template-columns:25% 19% 19% 19% 18%}.banner .scene{position:relative;overflow:hidden;border-right:3px solid #030612;transform:skewX(-8deg);margin:0 -6px}.banner .scene img{width:130%;height:115%;object-fit:cover;object-position:center 45%;transform:skewX(8deg) scale(1.1);max-width:none;margin-left:-15%;filter:saturate(1.3) contrast(1.14)}.banner .scene:nth-child(2) img{filter:hue-rotate(28deg) saturate(1.45)}.banner .scene:nth-child(3) img{filter:hue-rotate(164deg) saturate(1.4)}.banner .scene:nth-child(4) img{filter:hue-rotate(326deg) saturate(1.25)}.banner .scene:nth-child(5) img{filter:hue-rotate(190deg) saturate(1.1)}
.banner:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#0308170d 0%,#030717ad 33%,#030717bf 60%,#03081722 100%);z-index:0}
.banner .content{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;max-width:940px;margin:auto;filter:drop-shadow(3px 5px 0 #02030a)}.banner .crown{font-size:38px;color:var(--gold);line-height:1}.banner h1{font:italic 900 clamp(47px,8.3vw,137px)/.86 Impact,'Arial Black',system-ui,sans-serif;text-shadow:5px 7px #000,0 0 20px #fd31564d;margin:5px 0 14px;letter-spacing:-.04em;color:white;text-transform:uppercase}.banner h1 strong{color:#ffdf64;font-weight:900}.banner p{font:italic 900 clamp(15px,2.1vw,29px)/1.1 Impact,system-ui,sans-serif;text-shadow:3px 4px #000;letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px}.banner .sub{font:800 clamp(10px,1.2vw,14px) system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#f4e5d8}.banner .herobtn{margin-top:17px;background:#d81738;border:2px solid #ff9ca4;border-radius:7px;color:#fff;padding:10px 20px;font:900 13px system-ui,sans-serif;text-decoration:none;box-shadow:0 0 13px #f42149}
.banner[data-layout=single] .scenes{grid-template-columns:33% 34% 33%}.banner[data-layout=single] .scene:nth-child(n+4){display:none}.banner[data-layout=single] .scene:nth-child(2) img{filter:none}.banner[data-layout=single] .content{background:radial-gradient(ellipse at center,#07111caf 0,#07111a40 69%,transparent)}
.sport-nav{display:flex;gap:10px;overflow:auto;scroll-snap-type:x proximity;padding:13px 3px 13px;scrollbar-color:#ff4264 #0c1220}.sport-nav a{flex:0 0 116px;display:flex;gap:6px;align-items:center;justify-content:center;flex-direction:column;scroll-snap-align:start;min-height:81px;border:2px solid #5272a0;border-radius:12px;text-decoration:none;background:linear-gradient(135deg,#133058,#080b1a);box-shadow:0 4px 10px #000b;font:italic 900 13px Impact,system-ui,sans-serif;text-transform:uppercase}.sport-nav a .ico{font-size:31px;line-height:1}.sport-nav a:hover,.sport-nav a[aria-current=page]{border-color:#fd4567;background:#a30c29;box-shadow:0 0 18px #ff274eaa}.sport-nav a[data-sport=nba]:hover{border-color:#ffac55}
.promo-manga{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,#71081b,#130d2c 50%,#091f41);border:2px solid #fd3b5c;border-radius:12px;padding:11px 17px;margin:1px 0 15px;box-shadow:inset 0 0 25px #f1273a3b}.promo-manga strong{font:italic 900 25px Impact,system-ui,sans-serif;text-transform:uppercase;color:#ffdb6b}.promo-manga p{font:700 13px system-ui,sans-serif;margin:3px 0;color:#fff}.promo-manga a{background:#ec2e4e;color:white;text-decoration:none;padding:10px 16px;border-radius:9px;border:1px solid #ffa3ab;font:900 13px system-ui,sans-serif}
.main-grid{display:grid;grid-template-columns:1.25fr 1.25fr 1fr .95fr;gap:12px}.panel{min-width:0;border:1px solid #496188;background:linear-gradient(135deg,#101d33,#070b17);box-shadow:0 7px 22px #000a;border-radius:13px;padding:12px;display:flex;flex-direction:column}.panel:first-child{border-color:#d2354a}.panel:nth-child(2){border-color:#b97539}.panel:nth-child(4){border-color:#d2a437}
.panel h2{font:italic 900 clamp(17px,2.1vw,27px)/1.1 Impact,system-ui,sans-serif;margin:0 0 12px;text-transform:uppercase;color:#fff}.feature-image{height:190px;position:relative;overflow:hidden;border-radius:10px;border:1px solid #516b97;background:radial-gradient(circle at 60% 30%,#1f4171,#070b1e);display:block;text-decoration:none}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-image .play{position:absolute;inset:0;display:grid;place-items:center;font-size:25px;color:white}.feature-image .play span{border:3px solid white;border-radius:50%;height:64px;width:64px;background:#07112bbd;display:grid;place-items:center}
.panel h3{font:900 16px/1.25 system-ui,sans-serif;color:#fff;margin:11px 0 5px}.panel p{font:600 12px/1.45 system-ui,sans-serif;color:#afc2de;margin:0 0 12px}.panel .cta{align-self:flex-end;margin-top:auto;text-decoration:none;background:linear-gradient(90deg,#b80b2c,#fa3155);border:1px solid #fc8796;color:#fff;border-radius:9px;padding:10px 14px;font:900 12px system-ui,sans-serif;text-transform:uppercase}
.mini-news{display:grid;gap:4px}.mini-news a{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;align-items:center;color:white;text-decoration:none;border-bottom:1px solid #263a58;padding:9px 0}.mini-news a:hover{color:#ffdc78}.mini-news i{font-style:normal;font-size:28px;display:grid;place-items:center;border:1px solid #325882;border-radius:7px;background:#0b1b30;aspect-ratio:1}.mini-news span{font:800 12px/1.35 system-ui,sans-serif}.mini-news small{display:block;color:#a8bfdc;font:500 11px system-ui,sans-serif;margin-top:4px}.ranked-news{margin:0;padding:0;list-style:none;display:grid;gap:8px}.ranked-news li{display:flex;align-items:start;gap:9px;padding:8px 0;border-bottom:1px solid #263954}.ranked-news b{height:24px;width:24px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e6b837;color:#090c16;font-size:12px}.ranked-news a{color:#fff;text-decoration:none;font-weight:750;font-size:12px}.ranked-news a:hover{color:#ffdf84}
.regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:13px 0 17px}.region{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px 13px;padding:12px;border:1px solid #37608f;border-radius:12px;background:linear-gradient(135deg,#102948,#050a17);color:white;text-decoration:none}.region .symbol{grid-row:span 2;display:grid;place-items:center;font-size:43px;border:1px solid #355477;border-radius:9px;background:#0c1c37}.region strong{align-self:end;font:italic 900 22px Impact,system-ui,sans-serif}.region span:last-child{align-self:start;font:600 12px/1.35 system-ui,sans-serif;color:#c0d2ef}.region:hover{border-color:#f33c55}
.subnav{display:flex;gap:9px;overflow-x:auto;border-bottom:2px solid #24466f;padding:9px 0 14px;margin-bottom:12px}.subnav a{white-space:nowrap;border-radius:7px;border:1px solid #526c90;padding:9px 12px;color:#fff;text-decoration:none;font:900 12px system-ui,sans-serif;background:#111b30}.subnav a:hover,.subnav a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#09101d}
.lower{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:16px;margin:15px 0 40px}.lower h2{font:italic 900 28px Impact,system-ui,sans-serif;margin:0 0 15px}.stories{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story{background:#0b1930;border:1px solid #3a577b;border-radius:12px;padding:15px}.story a{font-weight:850;color:#fff;text-decoration:none}.story a:hover{color:#ffe077}.story small{display:block;color:#a5bfdc;margin-top:8px}.sidebar{display:grid;align-content:start;gap:14px}.sidebar .block{background:#101d32;border:1px solid #365474;border-radius:12px;padding:16px}.sidebar .block h3{margin:0 0 10px;font:italic 900 21px Impact,system-ui,sans-serif}.sidebar .block p{font-size:13px;color:#c6d5ea}.sidebar .block a{color:#ffe081;font-weight:850}.footer{max-width:1600px;margin:auto;padding:18px 15px 35px;display:flex;flex-wrap:wrap;gap:15px;border-top:1px solid #304a72;color:#a9c1db;font-size:12px}.footer a{color:#ffde7a}
.empty{color:#b8cce6;border:1px dashed #456186;border-radius:9px;padding:18px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
@media(max-width:1200px){.main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-height:300px}.sitehead nav a{padding:11px 8px}}
@media(max-width:730px){.sitehead .inner{flex-wrap:wrap;gap:5px}.sitehead nav{order:2;width:100%;margin:0}.banner{height:350px}.banner .scenes{grid-template-columns:repeat(3,1fr)}.banner .scene:nth-child(n+4){display:none}.banner h1{font-size:clamp(47px,13vw,85px)}.banner .content{max-width:100%}.sport-nav a{flex:0 0 100px}.main-grid,.regions,.lower{grid-template-columns:1fr}.stories{grid-template-columns:1fr}.panel{min-height:0}.feature-image{height:205px}.footer{justify-content:center}}