/* Finition « premium » des pages du site (accueil, compte, pages légales). Chargée en dernier : n'ajoute que de la matière (dorures,
   profondeur, rythme) par-dessus landing.css / account-page.css, avec les variables de thème (Rétro, Bonta, Brâkmar). */
:root{--gold:#e9b54a;--gold-hi:#ffd98a;--gold-deep:#a8741f;--glow:0 0 0 1px #e9b54a33,0 18px 40px #2a1a0633}

/* ---------- Accueil ---------- */
.lp{--orange:#d8701a;--orange-hi:#f08a2a}
body.lp{background:radial-gradient(1200px 600px at 50% -10%,#fff6dc 0,transparent 60%),var(--theme-bg,#f4e3b3)}
/* En-tête : barre de verre sombre et liseré doré */
.lp-top{background:linear-gradient(rgba(var(--hero),.92),rgba(var(--hero),.55) 70%,transparent);border-bottom:1px solid transparent}
.lp-brand span{background:linear-gradient(180deg,#fff7df,var(--gold-hi));-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-nav a{position:relative}.lp-nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transition:transform .2s}.lp-nav a:hover:after{transform:scaleX(1)}.lp-nav a:hover{background:transparent;color:#fff}
.lp-account summary{border-color:#e9b54a66;background:rgba(var(--hero),.6);backdrop-filter:blur(8px)}
/* Hero cinématique : vignette, halo doré, titre en dégradé */
.lp-hero{min-height:min(94svh,900px)}
.lp-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(700px 420px at 18% 62%,#e9b54a26,transparent 70%),radial-gradient(1400px 700px at 50% 120%,rgba(var(--hero),.9),transparent 70%)}
.lp-hero-img{animation:lp-drift 40s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes lp-drift{from{transform:scale(1.02)}to{transform:scale(1.09) translate(-1%,-1%)}}
.lp-tag{border-color:#e9b54a80;background:linear-gradient(90deg,#00000066,#3a280c66);color:var(--gold-hi);box-shadow:inset 0 1px #ffffff1a}:where(html[data-theme="nuit"]) .lp-tag{background:linear-gradient(90deg,#00000066,#16203066)}
.lp-hero h1{letter-spacing:-.015em}
.lp-hero h1 em{background:linear-gradient(180deg,#ffe8a8 5%,#ffb347 50%,#f08a2a 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px #0008)}
.lp-chips li{border-color:#e9b54a59;background:linear-gradient(180deg,#ffffff14,#00000040)}
/* Boutons : relief, reflet au survol */
.lp-btn{border-radius:8px}
.lp-btn-primary,.lp-btn-play{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6a043,#d8701a 55%,#b85a0c);border-color:#7c3a06;box-shadow:inset 0 1px #ffffff66,inset 0 -2px #00000026,0 3px 0 #7c3a06,0 10px 24px #c4650a40}
.lp-btn-primary:after,.lp-btn-play:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff59,transparent);transform:skewX(-20deg);transition:left .55s}
.lp-btn-primary:hover:after,.lp-btn-play:hover:after{left:130%}
.lp-btn-play{border-radius:10px;min-height:58px}
.lp-btn-glass{border-color:#e9b54a73;background:#00000038}.lp-btn-glass:hover{background:#e9b54a26}
/* Bande de chiffres sous le hero */
.lp .lp-stats{position:relative;z-index:2;width:var(--wrap);margin:-46px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;border:1px solid #e9b54a80;border-radius:14px;overflow:hidden;background:#e9b54a40;box-shadow:0 24px 50px #2a1a0659}:where(html[data-theme="nuit"]) .lp .lp-stats{box-shadow:0 24px 50px #0f162159}
.lp-stats li{grid-column:span 2;display:grid;justify-items:center;gap:2px;padding:16px 10px;background:linear-gradient(180deg,#3c2f18,#2a2010);color:#f6e8c8;text-align:center}:where(html[data-theme="nuit"]) .lp-stats li{background:linear-gradient(180deg,#1d2737,#141b26)}
.lp-stats b{font:400 clamp(24px,3.6vw,34px)/1 var(--font-display);background:linear-gradient(180deg,#fff2c9,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-stats span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d8c08e}
/* Titres de section : surtitre encadré de filets dorés, titre centré */
.lp-head{text-align:center;margin-bottom:40px}
.lp-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--gold-deep)}
.lp-kicker:before,.lp-kicker:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.lp-kicker:after{transform:scaleX(-1)}
.lp-split .lp-kicker:before,.lp-support .lp-kicker:before{display:none}.lp-split .lp-kicker,.lp-support .lp-kicker{gap:0}.lp-split .lp-kicker:after,.lp-support .lp-kicker:after{margin-left:12px;transform:none;background:linear-gradient(90deg,var(--gold),transparent)}
/* Cartes de contenu : parchemin éclairé, médaillon doré, liseré supérieur */
.lp-features{gap:16px}
.lp-features li{position:relative;padding:22px 20px;border-color:#c9a35a;border-radius:14px;background:linear-gradient(180deg,#fffaf0,var(--card) 60%);box-shadow:inset 0 1px #ffffffb3,0 1px 0 #c9a35a80,0 12px 28px #3a240a14;overflow:hidden}:where(html[data-theme="nuit"]) .lp-features li{box-shadow:inset 0 1px #ffffffb3,0 1px 0 #c9a35a80,0 12px 28px #151f2f14}
.lp-features li:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.8}
.lp-features li:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:inset 0 1px #ffffffb3,var(--glow)}
.lp-features img{width:48px;height:48px;padding:7px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#fffaf0,#f1dca6);box-shadow:0 0 0 3px #fff7e2,0 6px 14px #a8741f33}:where(html[data-theme="nuit"]) .lp-features img{box-shadow:0 0 0 3px #fff7e2,0 6px 14px #3e5a8933}
.lp-features li{grid-template-columns:54px 1fr}
.lp-features h3{font:400 20px/1.25 var(--font-display);margin-bottom:4px}
/* Vitrine des 12 classes */
.lp-classes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-classes li{position:relative;display:grid;justify-items:center;gap:8px;padding:16px 8px 14px;border:1px solid #c9a35a;border-radius:14px;background:linear-gradient(180deg,#3c2f18,#24190b);color:#f6e8c8;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}:where(html[data-theme="nuit"]) .lp-classes li{background:linear-gradient(180deg,#1d2737,#10151f)}
.lp-classes li:before{content:"";position:absolute;inset:auto 0 0;height:60%;background:radial-gradient(60% 80% at 50% 100%,#e9b54a2e,transparent 70%)}
.lp-classes li:hover{transform:translateY(-4px);border-color:var(--gold-hi);box-shadow:0 14px 30px #2a1a0659,0 0 0 1px #e9b54a66}:where(html[data-theme="nuit"]) .lp-classes li:hover{box-shadow:0 14px 30px #0f162159,0 0 0 1px #e9b54a66}
.lp-classes img{position:relative;width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid var(--gold);background:#1b140a;box-shadow:0 0 0 4px #e9b54a1f,0 8px 18px #000a}:where(html[data-theme="nuit"]) .lp-classes img{background:#0d1118}
.lp-classes b{position:relative;font:400 18px/1.1 var(--font-display);color:#fff2cf}.lp-classes span{position:relative;font-size:12px;color:#d8c08e;line-height:1.35}
/* Étapes : frise reliée */
.lp-step-list{position:relative}
.lp-step-list li{border-left:0;border-radius:14px;border:1px solid #c9a35a80;background:linear-gradient(180deg,#fffaf0cc,#fff0c7aa);box-shadow:0 8px 20px #3a240a12;padding:20px}:where(html[data-theme="nuit"]) .lp-step-list li{box-shadow:0 8px 20px #151f2f12}
.lp-step-list b{width:44px;height:44px;background:radial-gradient(circle at 35% 30%,#5a4630,#2a2010);color:var(--gold-hi);box-shadow:inset 0 0 0 2px var(--gold),0 0 0 4px #e9b54a26}:where(html[data-theme="nuit"]) .lp-step-list b{background:radial-gradient(circle at 35% 30%,#324058,#141b26)}
/* Capture du combat : cadre doré */
.lp-split figure{border:2px solid var(--gold);border-radius:16px;box-shadow:0 0 0 6px #e9b54a1f,0 30px 60px #2a1a0659;transform:perspective(1200px) rotateY(3deg);transition:transform .4s}:where(html[data-theme="nuit"]) .lp-split figure{box-shadow:0 0 0 6px #e9b54a1f,0 30px 60px #0f162159}
.lp-split figure:hover{transform:perspective(1200px) rotateY(0)}
.lp-checks li:before{border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 4px var(--card),0 0 0 1px var(--gold)}
/* Soutien : écrin sombre */
.lp-support{border:1px solid var(--gold);border-radius:18px;background:radial-gradient(500px 220px at 85% 0,#e9b54a26,transparent 70%),linear-gradient(180deg,#3c2f18,#241a0c);color:#f6e8c8;box-shadow:0 24px 50px #2a1a0659}:where(html[data-theme="nuit"]) .lp-support{background:radial-gradient(500px 220px at 85% 0,#e9b54a26,transparent 70%),linear-gradient(180deg,#1d2737,#101620);box-shadow:0 24px 50px #0f162159}
.lp-support h2{color:#fff2cf}.lp-support p{color:#e0cfa6}.lp-support .lp-kicker{color:var(--gold-hi)}
.lp-tiers{gap:12px}.lp-tiers img{width:40px;height:40px;filter:drop-shadow(0 4px 10px #e9b54a55);transition:transform .2s}.lp-tiers img:hover{transform:translateY(-3px) scale(1.08)}
.lp-support .lp-btn:not(.lp-btn-primary){background:#00000033;border-color:#e9b54a80;color:#f6e8c8}
/* Appel final sur l'image du jeu */
.lp-final{position:relative;isolation:isolate;padding:96px 16px;background:linear-gradient(rgba(var(--hero),.82),rgba(var(--hero),.95)),url("landing-assets/astrub-live-800.webp") center/cover;border-top:1px solid var(--gold)}
.lp-final h2{color:#fff2cf;text-shadow:0 4px 18px #000a}
.lp-foot{border-top:2px solid var(--gold)}
.lp-stats li:nth-child(n+4){grid-column:span 3}
@media(min-width:640px){.lp .lp-stats{grid-template-columns:repeat(5,1fr)}.lp-stats li,.lp-stats li:nth-child(n+4){grid-column:auto}.lp-classes{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.lp-classes{grid-template-columns:repeat(6,1fr)}.lp-top{border-bottom-color:#e9b54a26}}
@media(prefers-reduced-motion:reduce){.lp-hero-img{animation:none}.lp-split figure{transform:none}}

/* ---------- Espace aventurier (compte) ---------- */
body.account-page{background:radial-gradient(1100px 500px at 50% -8%,#fff6dc 0,transparent 60%),var(--theme-bg,#f4e3b3)}
.account-page .portal-header{background:linear-gradient(180deg,#3c2f18,#2a2010);border-bottom:2px solid var(--gold);box-shadow:0 8px 24px #2a1a0640}:where(html[data-theme="nuit"]) .account-page .portal-header{background:linear-gradient(180deg,#1d2737,#141b26);box-shadow:0 8px 24px #0f162140}
.account-page .portal-brand{letter-spacing:.2em}
.account-page .portal-intro h1{background:linear-gradient(180deg,#4a3518,#2a1b08);-webkit-background-clip:text;background-clip:text;color:transparent}:where(html[data-theme="nuit"]) .account-page .portal-intro h1{background:linear-gradient(180deg,#212d41,#101722)}
.account-page .portal-eyebrow{color:var(--gold-deep)!important;letter-spacing:.16em}
.account-page .portal-card{position:relative;border:1px solid #c9a35a!important;border-radius:16px!important;background:linear-gradient(180deg,#fffaf0,var(--card,#fff0c7) 55%)!important;box-shadow:inset 0 1px #ffffffb3,0 14px 32px #3a240a17!important;overflow:hidden;transition:box-shadow .2s,transform .2s}:where(html[data-theme="nuit"]) .account-page .portal-card{box-shadow:inset 0 1px #ffffffb3,0 14px 32px #151f2f17!important}
.account-page .portal-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.account-page .portal-card:hover{box-shadow:inset 0 1px #ffffffb3,var(--glow)!important}
.account-page .portal-portrait{border:2px solid var(--gold)!important;border-radius:14px!important;box-shadow:0 0 0 4px #e9b54a26,0 8px 18px #3a240a33}:where(html[data-theme="nuit"]) .account-page .portal-portrait{box-shadow:0 0 0 4px #e9b54a26,0 8px 18px #151f2f33}
.account-page .portal-button{border-radius:10px!important;transition:transform .15s,box-shadow .15s}
.account-page .portal-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #3a240a26}:where(html[data-theme="nuit"]) .account-page .portal-button:hover{box-shadow:0 8px 18px #151f2f26}
.account-page .portal-primary{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6a043,#d8701a 55%,#b85a0c)!important;border-color:#7c3a06!important;box-shadow:inset 0 1px #ffffff66,0 3px 0 #7c3a06,0 10px 22px #c4650a33!important}
.account-page .portal-primary:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff59,transparent);transform:skewX(-20deg);transition:left .55s}
.account-page .portal-primary:hover:after{left:130%}
.account-page .portal-notice{border-radius:12px!important;border-left-color:var(--gold)!important;background:linear-gradient(90deg,#f6e3b0,#f9ecc8)!important}
.account-page .portal-badge{border-color:var(--gold)!important;background:linear-gradient(180deg,#fff6dc,#f1dca6)!important}
.account-page .portal-footer{border-top:2px solid var(--gold)}

/* ---------- Pages légales ---------- */
body.lp.lg main,body.lp.lg .lg-wrap{position:relative}
body.lp.lg :is(article,.lg-card,main>section){border-radius:16px}
@media(max-width:899px){.lp-hero{padding-bottom:78px}}