:root{color-scheme:dark;--bg:#080d19;--bg2:#101b30;--ink:#f7f9ff;--muted:#a7b7d1;--stroke:#2e4265;--yellow:#ffd65a;--blue:#3d74ef;--pink:#f1528b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at top right,#19326a 0,transparent 45%),linear-gradient(180deg,#080e1d,#0b152a 58%,#080d19);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:inherit}a:hover{text-decoration-color:var(--yellow)}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}.eyebrow{text-transform:uppercase;font-weight:850;letter-spacing:.18em;font-size:.73rem;color:var(--yellow)}.muted{color:var(--muted)}.fine{font-size:.84rem;color:var(--muted)}.gold{color:var(--yellow)}
.top{position:sticky;top:0;z-index:10;background:#070d1bea;border-bottom:1px solid var(--stroke);backdrop-filter:blur(14px)}.top-in{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0}.brand{font-weight:950;letter-spacing:-.04em;font-size:1.25rem;text-decoration:none;white-space:nowrap}.brand b{color:var(--yellow)}.brand small{display:block;letter-spacing:.18em;font-size:.6rem;color:#a3baff}.top nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.top nav a{padding:9px 12px;text-decoration:none;border-radius:24px;font-size:.85rem;font-weight:750}.top nav a:hover,.top nav a[aria-current=page]{background:#1b3158}
.hero{padding:76px 0 46px;position:relative}.hero h1{font-size:clamp(2.6rem,7.3vw,5.9rem);line-height:1;letter-spacing:-.068em;margin:10px 0 21px;max-width:800px}.hero p{max-width:650px;font-size:clamp(1.02rem,2vw,1.24rem);color:#c9d6e9}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:13px;padding:12px 18px;text-decoration:none;font-weight:850;border:1px solid #4b6490;background:#142341;color:#fff;cursor:pointer}.btn-primary{background:var(--yellow);color:#111a30;border-color:var(--yellow)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:none}
.kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.86rem;color:#aabde5}.tag{display:inline-block;border:1px solid #556b90;border-radius:50px;padding:4px 10px;color:#c6d8ff;background:#203353}
.section{padding:32px 0 24px}.section h2{font-size:clamp(1.65rem,3.6vw,2.45rem);letter-spacing:-.04em;margin:0 0 10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.section-head p{color:var(--muted);margin:0}
.panel{background:linear-gradient(145deg,#142540,#0e1930);border:1px solid var(--stroke);border-radius:23px;overflow:hidden;box-shadow:0 13px 30px #0004}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.poster{aspect-ratio:16/9;display:block;background:#1f3150;object-fit:cover;width:100%;border-bottom:1px solid var(--stroke)}.card-body{padding:22px}.card-body h3{font-size:1.5rem;letter-spacing:-.035em;line-height:1.2;margin:9px 0 10px}.card-body p{color:var(--muted);margin:0 0 18px}.card-meta{display:flex;gap:8px;flex-wrap:wrap}.card-meta span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#cbdaf5;border:1px solid #445879;border-radius:50px;padding:4px 9px}
.feature{display:grid;grid-template-columns:1.06fr .94fr;gap:0}.feature .poster{height:100%;min-height:270px;aspect-ratio:auto}.feature .card-body{padding:clamp(20px,4vw,42px);display:flex;flex-direction:column;justify-content:center}.feature h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:4px 0 6px}.feature p{color:#c2d1e9}
.note{background:#101b30;border:1px solid var(--stroke);border-left:4px solid var(--yellow);padding:18px 19px;border-radius:12px;margin:20px 0;color:#d1ddf2}.note strong{color:#fff}
.upcoming{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.upcoming .tile{padding:20px;border:1px dashed #4b6082;border-radius:16px;background:#0d182b}.upcoming h3{margin:0 0 6px;font-size:1rem}.upcoming p{margin:0;color:var(--muted);font-size:.86rem}
.episode-head{padding:50px 0 24px}.episode-head h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.05em;line-height:1.08;margin:12px 0}.episode-head p{color:#c9d6e9;max-width:760px}
.video{aspect-ratio:16/9;background:#0c1528;border:2px solid #425a83;border-radius:19px;overflow:hidden;position:relative}.video iframe{width:100%;height:100%;border:0;display:block}.video-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;text-align:center}.video-poster::before{content:"";position:absolute;inset:0;background:linear-gradient(#02071661,#030716bd)}.video-poster button{position:relative;max-width:90%;border:0;cursor:pointer;border-radius:18px;background:var(--yellow);color:#101628;font-size:1rem;padding:16px 21px;font-weight:900;box-shadow:0 12px 30px #0008}.video-poster button:hover{background:#ffea91}
.article-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(235px,.8fr);gap:28px}.article-grid p{color:#c7d4ea}.aside{padding:20px;border-radius:18px;border:1px solid var(--stroke);background:#0f1c34;height:fit-content}.aside h3{margin:0 0 12px}.aside a{display:block;padding:11px 0;border-bottom:1px solid #2b4260;text-decoration:none;font-weight:700}.aside a:last-child{border:0}
.share{display:flex;flex-wrap:wrap;gap:10px}.share a,.share button{border:1px solid var(--stroke);color:white;background:#18315c;border-radius:12px;padding:11px 14px;text-decoration:none;cursor:pointer;font-weight:760}
footer{border-top:1px solid var(--stroke);margin-top:52px;padding:27px 0 40px;color:#a8b6d2}footer a{color:#d8e4ff}
@media(max-width:680px){.top-in{align-items:start}.top nav a{padding:6px 7px;font-size:.76rem}.hero{padding-top:45px}.cards,.feature,.article-grid{grid-template-columns:1fr}.feature .poster{min-height:0;aspect-ratio:16/9}.upcoming{grid-template-columns:1fr}.card-body{padding:19px}.episode-head{padding-top:37px}}


/* VM MANGAS — thème manga original, édition 02/11/2026 */
:root{--bg:#070911;--bg2:#101827;--ink:#fff8ed;--muted:#aab7cb;--stroke:#4d2635;--yellow:#ffe06f;--blue:#4394ff;--pink:#ff294c}
body{background-color:#070912;background-image:repeating-conic-gradient(from 0deg at 50% 0,rgba(252,25,63,.045) 0deg 1.5deg,transparent 2deg 11deg),radial-gradient(ellipse 80% 70% at 0 15%,#540e27 0,transparent 70%),radial-gradient(ellipse 80% 70% at 100% 30%,#122f6b 0,transparent 70%);background-attachment:fixed}
h1,h2,h3,.brand,.eyebrow,.btn,.tag{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',system-ui,sans-serif;letter-spacing:.028em;text-transform:uppercase}
.hero,.section{position:relative}.hero h1{text-shadow:5px 6px 0 #05060b,8px 8px 0 #e21c39;line-height:.95}
.gold,.eyebrow{color:var(--yellow)}.top{background:#050714ee;border-bottom:3px solid #fc254b;box-shadow:0 0 30px #ff214333}.top-in{padding:9px 0}.brand{font-size:1.58rem}.brand b{color:#fd375b;text-shadow:2px 2px 0 #000}.top nav a{font-family:Impact,Arial,sans-serif;font-size:.9rem;letter-spacing:.03em}.top nav a:hover,.top nav a[aria-current=page]{background:#ec2343;color:white;box-shadow:0 0 12px #fa1a56}
.panel{border-radius:14px;border:2px solid #4d5265;background:linear-gradient(140deg,#13233a,#090d16 65%);box-shadow:5px 7px 0 #030307,0 0 20px #071b42;transition:transform .15s,border-color .15s}.panel:hover{border-color:#ff3863;transform:translateY(-2px)}
.poster{border-bottom:2px solid #ed2547;object-fit:cover}.card-body h3,.section h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1;letter-spacing:.02em}
.btn{border-radius:8px;background:linear-gradient(90deg,#b70f30,#f4274b);border:2px solid #ff5e74;box-shadow:3px 4px 0 #02040b;white-space:normal;text-align:center}.btn-primary{color:#fff;background:linear-gradient(90deg,#d91838,#fc3b4b);border-color:#ff7a79}.btn:hover{filter:brightness(1.16)}
.card-meta span,.tag{background:#230e1d;border:1px solid #b42e50;color:#ffe4e4}.kicker{color:#ffe5ee}
.note{border-color:#5f2946;background:linear-gradient(110deg,#211128,#0b1324);border-left:5px solid #ff3159}
.video{border:3px solid #ec3152;box-shadow:0 0 34px #be193e4a}.video-poster button{background:#fd314b;color:#fff;border:2px solid #ffa8b3;text-transform:uppercase;font-family:Impact,system-ui;font-size:1.2rem}
.boss-hero{position:relative;margin:22px auto 30px;min-height:380px;padding:50px clamp(18px,5vw,60px);display:flex;align-items:center;overflow:hidden;isolation:isolate;border:3px solid #f82b4d;box-shadow:9px 11px 0 #01020a,0 0 50px #fc24453c;border-radius:12px;background:linear-gradient(105deg,#060b1cf2 0 15%,#080b1bba 41%,#0d132e37 76%),url('/mangas/assets/vm-87.svg') center right/cover no-repeat}
.boss-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#050918e8,#050718c9 35%,transparent 83%)}
.boss-content{width:min(610px,100%);position:relative;z-index:1}.boss-content h1{margin:12px 0;font-size:clamp(3.3rem,9vw,7.8rem);line-height:.86}.boss-content h1 span{display:block;color:#ff3149}.boss-content .sub{font-size:clamp(1.1rem,2.5vw,1.65rem);font-family:Impact,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#ffefcb;text-shadow:2px 3px 0 #050611}.boss-content p{color:#fff3e5;max-width:490px}
.boss-logo{font-family:Impact,Arial,sans-serif;font-size:1.1rem;letter-spacing:.1em;color:#ffdf6c;text-shadow:2px 2px 0 #09030d}.boss-logo strong{font-size:2rem;color:#ff3c55;vertical-align:middle}
.manga-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:15px}.manga-head h2{margin:4px 0 0}.manga-head p{margin:0;color:#b8c3da}.manga-strip{display:flex;gap:13px;overflow-x:auto;padding:7px 3px 19px;scrollbar-color:#fa2f51 #101628}.manga-tile{flex:0 0 160px;background:#0c1629;border:2px solid #35506d;border-radius:10px;text-decoration:none;overflow:hidden;transition:transform .15s,border-color .15s;box-shadow:3px 4px 0 #020305}.manga-tile:hover{transform:translateY(-4px);border-color:#ff3b54}.manga-tile img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}.manga-tile strong{display:block;padding:9px 10px;font-size:.82rem;font-family:Impact,Arial,sans-serif;letter-spacing:.025em}.manga-tile small{display:block;color:#aab8c9;padding:0 10px 9px;font-size:.73rem}
.manga-tile.no-video{filter:saturate(.8)}.manga-tile.no-video .placeholder{aspect-ratio:16/11;display:grid;place-items:center;font:800 3.2rem Impact,Arial;background:repeating-conic-gradient(from 10deg,#252044 0deg 13deg,#a22143 13deg 26deg);color:#ffe18b;text-shadow:4px 4px 0 #160617}
.episode-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.episode-catalogue .panel{display:block;text-decoration:none}.episode-catalogue .poster{aspect-ratio:16/9}.episode-catalogue .card-body{padding:14px}.episode-catalogue h3{font-size:1.13rem;line-height:1.2;min-height:2.4em}.episode-catalogue .eyebrow{font-size:.68rem}
.launch-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(95deg,#a1132b,#132e69);border:2px solid #ff5370;border-radius:12px;padding:19px 22px;margin:30px 0 8px}.launch-banner h2{font-size:1.45rem;margin:0}.launch-banner p{margin:3px 0 0}
.social-nav{display:flex;gap:8px;flex-wrap:wrap}.social-nav a{padding:7px 10px;border:1px solid #6982a8;border-radius:8px;text-decoration:none;font-weight:bold;font-size:.86rem}
@media(max-width:850px){.episode-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-hero{min-height:340px;background-position:58% center}.boss-content{max-width:520px}}
@media(max-width:600px){.boss-hero{min-height:480px;align-items:flex-start;padding:25px 19px;background-position:67% center}.boss-hero::before{background:linear-gradient(180deg,#060815eb 0%,#080917c9 42%,#07081140 78%)}.boss-content h1{font-size:3.95rem}.manga-tile{flex-basis:132px}.episode-catalogue{gap:10px}.episode-catalogue .card-body{padding:12px}.episode-catalogue h3{font-size:1rem}.top .brand{font-size:1.2rem}.top nav a{font-size:.73rem;padding:8px}.top nav a:nth-last-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.panel,.manga-tile,.btn{transition:none}}