/* Accueil V2 : immersif, lueurs dorées, dans l'esprit Beastoria (bleu nuit + or). */
.home-v2{--glow:#e5bb74;--glow-soft:#e5bb7466;--ink:#090e18;overflow-x:hidden}
.home-v2 .v2-main{max-width:none;padding:0}
.v2-section,.v2-final-copy{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,54px)}

/* Hero */
.v2-hero{position:relative;isolation:isolate;min-height:calc(100svh - 82px);min-height:max(620px,calc(100svh - 82px));display:grid;place-items:end center;text-align:center;overflow:hidden}
.v2-hero-art{position:absolute;inset:0;z-index:-2}
.v2-hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;filter:saturate(1.1) contrast(1.05);animation:v2-drift 28s ease-in-out infinite alternate}
.v2-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 55% at 50% 45%,transparent 0,#090e1855 60%,#090e18 100%),linear-gradient(180deg,#090e1899 0,transparent 30%,#090e18cc 72%,#090e18 100%)}
.v2-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.v2-hero-copy{position:relative;z-index:1;width:min(920px,100%);padding:0 20px clamp(36px,7vh,72px)}
.v2-kicker{margin:0 0 14px;color:#e9dfc8;font-size:clamp(14px,1.4vw,17px);text-shadow:0 2px 14px #000}
.v2-hero h1{font:normal clamp(40px,7.4vw,92px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:0 0 26px;text-wrap:balance;text-shadow:0 4px 30px #000b}
.v2-hero h1 em{font-style:normal;color:var(--glow);text-shadow:0 0 28px var(--glow-soft),0 4px 30px #000b}
.v2-stamp{position:absolute;right:clamp(6px,4vw,60px);top:clamp(-30px,-4vw,-10px);width:clamp(84px,10vw,124px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 18px #e5bb7455)}
.v2-stamp svg{position:absolute;inset:0;animation:v2-spin 22s linear infinite}
.v2-stamp text{fill:var(--glow);font:700 10.4px/1 Inter,system-ui,sans-serif;letter-spacing:.14em}
.v2-stamp span{width:46%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f4d8a3,#c8923f);color:#1b160d;font:700 28px Georgia,serif;box-shadow:0 0 24px var(--glow-soft)}
.v2-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px}
.v2-glow-btn{display:grid;gap:2px;justify-items:center;min-width:230px;padding:14px 34px;border-radius:16px;color:#fff3d6;background:linear-gradient(180deg,#e5bb7430,#e5bb7410);border:1px solid #e5bb7499;box-shadow:0 0 0 1px #0008 inset,0 0 26px #e5bb7433,0 10px 30px #0008;transition:transform .2s,box-shadow .2s,background .2s}
.v2-glow-btn strong{font-size:18px;letter-spacing:.01em}
.v2-glow-btn small{font-size:10.5px;letter-spacing:.2em;color:var(--glow)}
.v2-glow-btn:hover{transform:translateY(-3px);background:linear-gradient(180deg,#e5bb7450,#e5bb7420);box-shadow:0 0 0 1px #0008 inset,0 0 44px #e5bb7466,0 14px 34px #000a}
.v2-glow-alt{border-color:#7fa6e088;background:linear-gradient(180deg,#5f8fd430,#5f8fd410);box-shadow:0 0 0 1px #0008 inset,0 0 26px #5f8fd433,0 10px 30px #0008}
.v2-glow-alt small{color:#9cc0f2}
.v2-glow-alt:hover{background:linear-gradient(180deg,#5f8fd450,#5f8fd420);box-shadow:0 0 0 1px #0008 inset,0 0 44px #5f8fd466,0 14px 34px #000a}
.v2-link{color:var(--glow);font-weight:650;text-decoration:underline;text-underline-offset:6px;min-height:48px;display:inline-flex;align-items:center;gap:10px}
.v2-status{display:inline-flex;align-items:center;gap:10px;margin:26px 0 0;padding:7px 8px 7px 14px;border-radius:99px;border:1px solid #ffffff22;background:#0b1220b3;backdrop-filter:blur(8px);font-size:12.5px;color:#d5d9e0}
.v2-status i{width:8px;height:8px;border-radius:50%;background:#8a93a3}
.v2-status[data-state=ok] i{background:#6fe0a0;box-shadow:0 0 10px #6fe0a0}
.v2-status[data-state=closed] i{background:#f0b45a;box-shadow:0 0 10px #f0b45a}
.v2-status[hidden]{display:none}
.v2-status a{margin-left:4px;padding:4px 11px;border-radius:99px;background:#ffffff14;color:var(--glow);font-weight:650}
.v2-status a:hover{background:#ffffff26}

/* Sections */
.v2-section{padding-block:clamp(56px,9vw,104px)}
.v2-heading{text-align:center;margin-bottom:clamp(28px,4vw,48px)}
.v2-heading p{margin:0 0 8px;color:var(--muted);font-size:15px}
.v2-heading h2{font:normal clamp(32px,5vw,58px)/1.08 Georgia,serif;letter-spacing:-.03em;margin:0;text-wrap:balance}
.v2-note{text-align:center;color:#8f99a8;font-size:12.5px;line-height:1.7;max-width:70ch;margin:30px auto 0}

/* Cartes à lueur */
.v2-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v2-card{--c:#e5bb74;position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#152033,#0d1524);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 0 0 1px #000a inset,0 0 34px color-mix(in srgb,var(--c) 14%,transparent),0 18px 36px #0006;transition:transform .3s,box-shadow .3s}
.v2-card-blue{--c:#6f9de0}.v2-card-violet{--c:#b48be8}
.v2-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px #000a inset,0 0 56px color-mix(in srgb,var(--c) 30%,transparent),0 24px 44px #0008}
.v2-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent);transition:transform .6s}
.v2-card:hover img{transform:scale(1.06)}
.v2-card>div{padding:0 26px 28px;margin-top:-28px;position:relative;display:flex;flex-direction:column;flex:1}
.v2-card h3{font:normal 28px Georgia,serif;margin:0 0 10px;color:var(--c)}
.v2-card p{color:#c9ced8;line-height:1.65;margin:0 0 18px}
.v2-card a{margin-top:auto;color:var(--c);font-weight:700}
.v2-card a:hover{text-decoration:underline}

/* Univers */
.v2-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.v2-tabs button{padding:11px 22px;border-radius:99px;background:#0f1828;border:1px solid #3b4a5f;color:#c9ced8;font-weight:650;min-height:44px}
.v2-tabs button:hover{border-color:var(--glow)}
.v2-tabs button[aria-pressed=true]{background:linear-gradient(135deg,#f1cf92,#d8a85b);color:#1b160d;border-color:#f0c982;box-shadow:0 0 24px var(--glow-soft)}
.v2-scenes{position:relative;border-radius:26px;overflow:hidden;border:1px solid #e5bb7455;box-shadow:0 0 50px #e5bb7418,0 24px 50px #0008;aspect-ratio:16/8;background:#0d1524}
.v2-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.v2-scene.is-active{opacity:1;visibility:visible}
.v2-scene img{width:100%;height:100%;object-fit:cover}
.v2-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090e18ee 0,#090e1899 38%,transparent 70%)}
.v2-scene>div{position:absolute;z-index:1;left:clamp(22px,4vw,56px);bottom:clamp(22px,4vw,56px);max-width:min(460px,80%)}
.v2-scene h3{font:normal clamp(26px,3.4vw,42px)/1.1 Georgia,serif;margin:0 0 12px;letter-spacing:-.02em}
.v2-scene p{color:#d7dae0;line-height:1.65;margin:0 0 20px}

/* Journal */
.v2-news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v2-news-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#121b2b;border:1px solid #2f3d54;transition:transform .25s,border-color .25s,box-shadow .25s}
.v2-news-card:hover{transform:translateY(-4px);border-color:#b79660;box-shadow:0 0 34px #e5bb7422,0 18px 36px #0006}
.v2-news-pic{display:block;overflow:hidden;aspect-ratio:3/2}
.v2-news-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.v2-news-card:hover .v2-news-pic img{transform:scale(1.05)}
.v2-news-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;flex:1}
.v2-news-meta{display:flex;align-items:center;gap:12px;margin:0;color:#8f99a8;font-size:13px}
.v2-tag{padding:4px 12px;border-radius:99px;background:#e5bb7418;border:1px solid #e5bb7455;color:var(--glow);font-size:12px;font-weight:700}
.v2-news-body h3{font:normal 23px/1.25 Georgia,serif;margin:0;letter-spacing:-.015em}
.v2-news-body p{margin:0;color:#b9c1cc;line-height:1.6}
.v2-news-body a{margin-top:auto;padding-top:6px;color:var(--glow);font-weight:700}
.v2-news-body a:hover{text-decoration:underline}
.v2-more{text-align:center;margin:34px 0 0}.v2-more a{color:var(--glow);font-weight:700}.v2-more a:hover{text-decoration:underline}

/* Bandeau final */
.v2-final{position:relative;isolation:isolate;text-align:center;overflow:hidden;padding-block:clamp(80px,13vw,160px)}
.v2-final-art{position:absolute;inset:0;z-index:-2}
.v2-final-art img{width:100%;height:100%;object-fit:cover;opacity:.55}
.v2-final:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#090e18 0,#090e18aa 40%,#090e18ee 100%)}
.v2-final-copy p{margin:0 0 10px;color:#d3d6dc}
.v2-final h2{font:normal clamp(34px,5.4vw,68px)/1.06 Georgia,serif;letter-spacing:-.03em;margin:0 0 34px;text-shadow:0 0 30px var(--glow-soft)}

@keyframes v2-spin{to{transform:rotate(360deg)}}
@keyframes v2-drift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}

@media(max-width:900px){
 .v2-cards,.v2-news{grid-template-columns:1fr}
 .v2-scenes{aspect-ratio:auto;display:grid}
 .v2-scene{position:relative;grid-area:1/1}
 .v2-scene img{aspect-ratio:4/3;height:auto}
 .v2-scene{display:flex;flex-direction:column}
 .v2-scene:after{display:none}
 .v2-scene>div{position:static;max-width:none;padding:20px 22px 26px}
}
@media(max-width:640px){
 .v2-stamp{position:relative;margin:0 auto 18px;right:auto;top:auto}
 .v2-glow-btn{width:100%}
 .v2-hero{place-items:end center}
}
@media(prefers-reduced-motion:reduce){
 .v2-hero-art img,.v2-stamp svg{animation:none}
 .v2-card,.v2-card img,.v2-news-card,.v2-glow-btn,.v2-scene{transition:none}
}

/* Communauté : podium + Discord */
.v2-community-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:stretch}
.v2-podium-wrap,.v2-discord{border-radius:22px;border:1px solid #e5bb7444;background:linear-gradient(180deg,#152033,#0d1524);box-shadow:0 0 34px #e5bb7410,0 18px 36px #0006;padding:clamp(22px,3vw,34px)}
.v2-podium{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;min-height:230px}
.v2-podium-place{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:16px 8px;border-radius:16px 16px 6px 6px;background:#ffffff08;border:1px solid #ffffff14}
.v2-place-1{min-height:230px;justify-content:center;border-color:#e5bb7488;background:linear-gradient(180deg,#e5bb7424,#e5bb7408);box-shadow:0 0 30px #e5bb7433}
.v2-place-2{min-height:180px;justify-content:center}
.v2-place-3{min-height:150px;justify-content:center}
.v2-podium-rank{font-size:26px;line-height:1;color:var(--glow);font-weight:800}
.v2-podium-place a{font:normal 21px/1.2 Georgia,serif;color:var(--text);word-break:break-word}
.v2-podium-place a:hover{color:var(--glow)}
.v2-podium-class{font-size:12.5px;color:#b9c1cc}
.v2-podium-place strong{margin-top:6px;color:#f0d08b;font-variant-numeric:tabular-nums}
.v2-podium-place small{color:#b9c1cc;font-weight:400}
.v2-podium-more,.v2-podium-empty a{display:inline-block;margin-top:20px;color:var(--glow);font-weight:700}
.v2-podium-more:hover,.v2-podium-empty a:hover{text-decoration:underline}
.v2-podium-empty h3{font:normal 26px Georgia,serif;margin:0 0 8px}.v2-podium-empty p{color:#b9c1cc;margin:0}
.v2-discord{display:flex;flex-direction:column;justify-content:center;gap:14px;border-color:#6f9de066}
.v2-discord h3{font:normal 28px Georgia,serif;margin:0;color:#9cc0f2}
.v2-discord p{margin:0;color:#c9ced8;line-height:1.65}
.v2-discord-count strong{color:#fff;font-size:20px}
.v2-discord .v2-glow-btn{margin-top:6px}
@media(max-width:900px){.v2-community-grid{grid-template-columns:1fr}.v2-podium{min-height:0;gap:8px}.v2-place-1,.v2-place-2,.v2-place-3{min-height:0}.v2-podium-place a{font-size:17px}}

/* Fond illustré de la section communauté : scène de village avec les créatures du Bestiaire */
.v2-main{overflow-x:clip}
.v2-community{position:relative;isolation:isolate}
.v2-community-art{position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;overflow:hidden;pointer-events:none}
.v2-community-art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(1.08) brightness(.95)}
.v2-community-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#090e18 0%,#090e18a0 5%,#090e1820 16%,#090e1830 38%,#090e1870 52%,#090e1840 76%,#090e1850 94%,#090e18 100%),radial-gradient(ellipse 60% 38% at 50% 66%,#090e1899 0%,transparent 80%)}
.v2-community .v2-heading h2,.v2-community .v2-heading p{text-shadow:0 2px 18px #000a}
.v2-community .v2-podium-wrap,.v2-community .v2-discord{background:linear-gradient(#152033d9,#0d1524e0);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 18px 40px #0007}
.v2-community{padding-top:clamp(240px,30vw,440px);padding-bottom:clamp(150px,19vw,230px)}
@media(max-width:700px){.v2-community-art img{object-position:30% 20%}}
