/* Lanceur de sélection (18/10/2026) : choix du serveur et du personnage façon lanceur moderne, dans l'univers DOFUS Rétro.
   Chargée après select-premium.css (qui garde la création, la suppression et les boutons dorés) et avant mobile-v2.css.
   Même fenêtre à l'accueil et en jeu (#rv-chars.is-ingame, menu Compte › Changer de personnage, Changer de serveur) :
   l'illustration du zaap d'Astrub sert de décor dans les deux cas. Les images ne sont demandées qu'à l'ouverture
   (pseudo-éléments et <img> d'une fenêtre cachée tant qu'elle n'est pas affichée). */
#rv-chars{--lx-glass:rgba(22,15,8,.58);--lx-glass-hi:rgba(48,35,20,.62);--lx-line:rgba(227,189,106,.28);--lx-line-hi:rgba(255,227,161,.7);--aura:#e3bd6a}

/* ---------- Décor : aussi en jeu (avant : voile flouté sur la carte) ---------- */
#rv-chars.is-ingame{background:#140e08;backdrop-filter:none;isolation:isolate}:where(html[data-theme="nuit"]) #rv-chars.is-ingame{background:#0a0d12}
#rv-chars.is-ingame::before{content:"";position:fixed;inset:-3%;z-index:-2;pointer-events:none;background:#2b2a17 50% 50%/cover no-repeat;animation:sp-drift 40s ease-in-out infinite alternate}
#rv-chars.is-ingame::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(ellipse 55% 40% at 50% 0%,rgba(255,200,115,.26),transparent 72%),
 radial-gradient(ellipse 85% 75% at 50% 50%,transparent 30%,rgba(10,6,2,.8) 100%),
 linear-gradient(180deg,rgba(24,15,6,.36),rgba(20,13,6,.5) 55%,rgba(10,6,2,.84))}:where(html[data-theme="nuit"]) #rv-chars.is-ingame::after{background:radial-gradient(ellipse 55% 40% at 50% 0%,rgba(255,200,115,.26),transparent 72%),
 radial-gradient(ellipse 85% 75% at 50% 50%,transparent 30%,rgba(4,5,8,.8) 100%),
 linear-gradient(180deg,rgba(10,14,20,.36),rgba(9,12,17,.5) 55%,rgba(4,5,8,.84))}
@media (min-width:701px) and (min-height:501px){#rv-chars.is-ingame::before{background-image:url("ui-assets/select/astrub-zaap-1440.webp")}}
@media (max-width:700px),(max-height:500px){#rv-chars.is-ingame::before{background-image:url("ui-assets/select/astrub-zaap-mobile.webp");background-position:50% 60%}}

/* ---------- Fenêtre lanceur : grand verre, coins dorés ---------- */
#rv-chars .rv-lx{width:min(1280px,100%);height:min(840px,calc(100dvh - 40px));max-height:none;display:flex;flex-direction:column;
 background:linear-gradient(180deg,rgba(30,21,12,.72),rgba(16,11,6,.8));backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);
 border:1px solid rgba(227,189,106,.45);border-radius:24px;box-shadow:0 0 0 1px rgba(0,0,0,.7),inset 0 1px rgba(255,236,190,.14),0 40px 100px rgba(0,0,0,.65),0 0 80px rgba(255,190,90,.1)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx{background:linear-gradient(180deg,rgba(15,19,27,.72),rgba(8,10,14,.8))}
#rv-chars .rv-lx.is-realms{width:min(1120px,100%);height:auto;max-height:calc(100dvh - 40px)}
#rv-chars .rv-lx.is-loading{width:min(560px,100%);height:auto}
#rv-chars .rv-lx::before{inset:7px;border-radius:18px}
#rv-chars .rv-lx-enter{animation:lx-in .5s var(--sp-ease) both}
#rv-chars .rv-lx-create.rv-lx-enter,#rv-chars .rv-lx-small.rv-lx-enter{animation:lx-in-side .45s var(--sp-ease) both}
@keyframes lx-in{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes lx-in-side{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}

/* En-tête : emblème, titre, compte, serveur courant */
#rv-chars .rv-lx-top{justify-content:flex-start;gap:16px;min-height:0;padding:14px 20px 14px 22px;border-radius:24px 24px 0 0;
 background:linear-gradient(180deg,rgba(60,45,27,.7),rgba(30,22,13,.35));border-bottom:1px solid var(--lx-line)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-top{background:linear-gradient(180deg,rgba(31,40,56,.7),rgba(15,20,28,.35))}
#rv-chars .rv-lx-top::after{width:min(520px,70%)}
#rv-chars .rv-lx-brand{display:flex;align-items:center;gap:12px;min-width:0;margin-right:auto}
#rv-chars .rv-lx-brand>img{flex:none;width:40px;height:42px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}
#rv-chars .rv-lx-brand>div{min-width:0}
#rv-chars .rv-lx-top h2{font-size:21px;letter-spacing:.12em}
#rv-chars .rv-lx-top h2::before{display:none}
#rv-chars .rv-lx-who{margin:2px 0 0;font:600 12px/1.35 var(--font-ui,sans-serif);color:var(--sp-muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rv-chars .rv-lx-who b{color:var(--sp-gold-hi)}
#rv-chars .rv-lx-who a{color:var(--sp-gold-hi);text-underline-offset:3px}
#rv-chars .rv-lx-top .rv-chars-x{position:static;transform:none;flex:none;width:40px;height:40px;font-size:15px}
#rv-chars .rv-lx-ingame{flex:none;padding:4px 11px;border-radius:999px;font:800 10.5px/1.4 var(--font-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#d9f5dd;background:rgba(70,209,96,.12);border:1px solid rgba(70,209,96,.4)}
#rv-chars .rv-lx-ingame::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#46d160;box-shadow:0 0 8px #46d160;vertical-align:1px}
#rv-chars .rv-lx-chip{flex:none;display:flex;align-items:center;gap:11px;padding:5px 6px 5px 5px;border-radius:14px;cursor:pointer;color:var(--sp-ink);font:inherit;text-align:left;
 background:linear-gradient(90deg,rgba(14,10,6,.7),rgba(48,37,24,.7));border:1px solid var(--lx-line);box-shadow:inset 0 1px rgba(255,240,200,.08);transition:border-color .2s,box-shadow .2s,transform .15s var(--sp-ease)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-chip{background:linear-gradient(90deg,rgba(7,9,13,.7),rgba(26,33,46,.7))}
#rv-chars .rv-lx-chip img{width:64px;height:38px;border-radius:9px;object-fit:cover;object-position:80% 30%;border:1px solid var(--sp-gold-lo)}
#rv-chars .rv-lx-chip>span{display:grid;line-height:1.15}
#rv-chars .rv-lx-chip small{font:800 9.5px/1.3 var(--font-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--sp-gold)}
#rv-chars .rv-lx-chip b{font:700 16px/1.15 var(--font-display,Georgia,serif);color:var(--sp-gold-hi)}
#rv-chars .rv-lx-chip em{margin-left:6px;padding:7px 12px;border-radius:10px;font:700 12px/1.2 var(--font-ui,sans-serif);font-style:normal;color:var(--sp-ink);background:rgba(255,240,200,.07);border:1px solid rgba(227,189,106,.35)}
#rv-chars .rv-lx-chip:hover{border-color:var(--sp-gold);box-shadow:0 0 22px rgba(227,189,106,.22)}
#rv-chars .rv-lx-chip:hover em{color:var(--sp-gold-hi);border-color:var(--sp-gold)}
#rv-chars .rv-lx-chip:focus-visible{outline:none;box-shadow:0 0 0 2px #150f08,0 0 0 4px var(--sp-gold-hi)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-chip:focus-visible{box-shadow:0 0 0 2px #0a0d13,0 0 0 4px var(--sp-gold-hi)}

/* ---------- Corps : colonne des personnages + scène ---------- */
#rv-chars .rv-lx-main{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:0;flex:1;min-height:0;padding:0;overflow:hidden}
#rv-chars .rv-lx-roster{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding:14px 16px 18px 20px;border-right:1px solid rgba(227,189,106,.16);
 background:linear-gradient(90deg,rgba(10,7,4,.35),rgba(10,7,4,.12));scrollbar-width:thin;scrollbar-color:var(--sp-gold-lo) transparent}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-roster{background:linear-gradient(90deg,rgba(5,6,9,.35),rgba(5,6,9,.12))}
#rv-chars .rv-lx-roster .rv-chars-section{margin:4px 0 2px}
#rv-chars .rv-lx-roster .rv-chars-list{display:flex;flex-direction:column;gap:10px;padding:0;overflow:visible}

/* Cartes de personnage */
#rv-chars .rv-lx-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:0;padding:12px 14px 12px 12px;border-radius:16px;
 background:linear-gradient(160deg,rgba(54,41,25,.78),rgba(24,18,11,.82));border:1px solid var(--lx-line);backdrop-filter:blur(6px);
 animation:lx-card .45s var(--sp-ease) both;animation-delay:calc(var(--i,0) * 45ms)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-card{background:linear-gradient(160deg,rgba(28,36,51,.78),rgba(12,16,23,.82))}
.rv-lx:not(.rv-lx-enter) .rv-lx-card{animation:none}
@keyframes lx-card{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
#rv-chars .rv-lx-card::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--aura);opacity:0;transition:opacity .2s}
#rv-chars .rv-lx-card.is-selected{border-color:color-mix(in srgb,var(--aura) 55%,var(--sp-gold-hi));background:radial-gradient(ellipse 70% 120% at 0% 50%,color-mix(in srgb,var(--aura) 26%,transparent),transparent 70%),linear-gradient(160deg,rgba(78,61,38,.9),rgba(36,27,16,.92));
 box-shadow:inset 0 0 0 1px rgba(255,227,161,.22),0 12px 28px rgba(0,0,0,.5),0 0 26px color-mix(in srgb,var(--aura) 30%,transparent)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-card.is-selected{background:radial-gradient(ellipse 70% 120% at 0% 50%,color-mix(in srgb,var(--aura) 26%,transparent),transparent 70%),linear-gradient(160deg,rgba(41,54,75,.9),rgba(18,24,34,.92))}
#rv-chars .rv-lx-card.is-selected::after{opacity:1;box-shadow:0 0 10px var(--aura)}
#rv-chars .rv-lx-card:hover{transform:translateX(3px)}
#rv-chars .rv-lx-card .rv-char-face{width:64px;height:64px;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 0 3px color-mix(in srgb,var(--aura) 55%,transparent),inset 0 0 14px rgba(0,0,0,.6)}
#rv-chars .rv-lx-card .rv-char-symbol{width:22px;height:22px;right:-5px;bottom:-3px}
#rv-chars .rv-lx-card .rv-char-info{gap:3px}
#rv-chars .rv-lx-card .rv-char-info strong{font:700 17px/1.15 var(--font-display,Georgia,serif);color:#fff3d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rv-chars .rv-lx-cls{display:flex;align-items:center;gap:7px;font:700 12px/1.3 var(--font-ui,sans-serif);color:var(--sp-muted)}
#rv-chars .rv-lx-xp{display:block;height:4px;margin:2px 0 1px;border-radius:99px;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,240,200,.06);overflow:hidden}
#rv-chars .rv-lx-xp i,#rv-chars .rv-lx-xpbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b87a1d,#f2c45f 60%,#fff0b8)}
#rv-chars .rv-lx-card small{display:block;font-size:11.5px;line-height:1.3;color:#a99a78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rv-chars .rv-lx-card .rv-lx-where{color:#cdbb92}
#rv-chars .rv-lx-guild{align-self:start;display:grid;place-items:center;width:34px;height:34px;margin-top:2px;border-radius:10px;background:rgba(0,0,0,.3);border:1px solid rgba(227,189,106,.22)}
#rv-chars .rv-lx-card:has(.rv-char-flag){padding-top:22px}
#rv-chars .rv-lx-card.is-empty{grid-template-columns:64px 1fr;background:rgba(255,240,200,.03);border:1px dashed rgba(227,189,106,.4);box-shadow:none;backdrop-filter:none}
#rv-chars .rv-lx-card.is-empty .rv-char-plus{width:58px;height:58px;margin:3px;border-color:rgba(227,189,106,.45);color:var(--sp-gold)}
#rv-chars .rv-lx-card.is-empty strong{font-size:15px}

#rv-chars .rv-lx-roster .rv-ally-cta{margin:4px 0 0;padding:12px 14px}
#rv-chars .rv-lx-roster .rv-ally-cta p{font-size:12.5px;line-height:1.45}
#rv-chars .rv-lx-roster .rv-ally-actions .rv-btn{flex:1;min-height:38px;font-size:12.5px;padding:7px 10px}
#rv-chars .rv-lx-roster .rv-chars-warning,#rv-chars .rv-lx-roster .rv-chars-import{margin:4px 0 0}

/* ---------- Scène : personnage en grand, socle lumineux, aura de classe ---------- */
#rv-chars .rv-lx-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-areas:"hero id" "hero err" "hero note" "hero cta";
 column-gap:10px;min-height:0;padding:18px 28px 24px 10px;overflow:hidden}
#rv-chars .rv-lx-stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 60% at 28% 62%,color-mix(in srgb,var(--aura) 22%,transparent),transparent 70%)}
#rv-chars .rv-lx-hero{grid-area:hero;position:relative;display:grid;place-items:end center;min-height:0;isolation:isolate}
#rv-chars .rv-lx-hero canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;filter:drop-shadow(0 14px 14px rgba(0,0,0,.45))}
#rv-chars .rv-lx-aura{position:absolute;left:50%;bottom:12%;z-index:0;width:min(78%,440px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,color-mix(in srgb,var(--aura) 55%,transparent) 0%,color-mix(in srgb,var(--aura) 18%,transparent) 42%,transparent 68%);filter:blur(6px);animation:lx-breathe 4.5s ease-in-out infinite}
@keyframes lx-breathe{0%,100%{opacity:.75;transform:translateX(-50%) scale(.96)}50%{opacity:1;transform:translateX(-50%) scale(1.04)}}
#rv-chars .rv-lx-sym{position:absolute;left:50%;top:6%;z-index:0;width:min(58%,320px);transform:translateX(-50%);opacity:.09;filter:drop-shadow(0 0 30px var(--aura));pointer-events:none;animation:lx-turn 60s linear infinite}
@keyframes lx-turn{to{transform:translateX(-50%) rotate(1turn)}}
#rv-chars .rv-lx-socle{position:absolute;left:50%;top:90%;z-index:1;width:min(62%,330px);aspect-ratio:3.4;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
 background:radial-gradient(ellipse at 50% 50%,rgba(255,240,200,.55),color-mix(in srgb,var(--aura) 45%,transparent) 38%,rgba(40,28,14,.0) 70%);
 box-shadow:0 0 0 2px rgba(255,227,161,.55),0 0 0 7px rgba(227,189,106,.12),0 0 40px color-mix(in srgb,var(--aura) 60%,transparent),inset 0 -6px 16px rgba(0,0,0,.35)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-socle{background:radial-gradient(ellipse at 50% 50%,rgba(255,240,200,.55),color-mix(in srgb,var(--aura) 45%,transparent) 38%,rgba(18,25,36,.0) 70%)}
#rv-chars .rv-lx-socle::before{content:"";position:absolute;inset:-14px -22px;border-radius:50%;border:1px solid rgba(255,227,161,.25)}
@property --lx-a{syntax:'<angle>';inherits:false;initial-value:0deg}
#rv-chars .rv-lx-socle::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from var(--lx-a),transparent 0 55%,rgba(255,240,200,.9) 72%,transparent 88%);
 -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:lx-orbit 5s linear infinite}
@keyframes lx-orbit{to{--lx-a:360deg}}
#rv-chars .rv-lx-motes{position:absolute;inset:8% 14% 10%;z-index:3;pointer-events:none}
#rv-chars .rv-lx-motes i{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff6d8,color-mix(in srgb,var(--aura) 70%,#ffd27a) 60%,transparent 70%);opacity:0;animation:lx-mote 6s linear infinite}
#rv-chars .rv-lx-motes i:nth-child(1){left:12%;animation-delay:0s}
#rv-chars .rv-lx-motes i:nth-child(2){left:26%;animation-delay:-1.4s;animation-duration:7s}
#rv-chars .rv-lx-motes i:nth-child(3){left:40%;animation-delay:-3.1s;width:3px;height:3px}
#rv-chars .rv-lx-motes i:nth-child(4){left:55%;animation-delay:-.6s;animation-duration:8s}
#rv-chars .rv-lx-motes i:nth-child(5){left:68%;animation-delay:-4.4s;width:4px;height:4px}
#rv-chars .rv-lx-motes i:nth-child(6){left:82%;animation-delay:-2.2s;animation-duration:6.5s}
#rv-chars .rv-lx-motes i:nth-child(7){left:20%;animation-delay:-5.2s;width:3px;height:3px;animation-duration:9s}
#rv-chars .rv-lx-motes i:nth-child(8){left:48%;animation-delay:-2.8s;animation-duration:7.5s}
#rv-chars .rv-lx-motes i:nth-child(9){left:74%;animation-delay:-6s;width:3px;height:3px}
#rv-chars .rv-lx-motes i:nth-child(10){left:90%;animation-delay:-3.7s;animation-duration:8.5s}
@keyframes lx-mote{0%{opacity:0;transform:translate3d(0,0,0)}12%{opacity:.9}70%{opacity:.6}100%{opacity:0;transform:translate3d(14px,-340px,0)}}
#rv-chars .rv-lx-hero.is-swap canvas{animation:lx-swap .45s var(--sp-ease) both}
#rv-chars .rv-lx-hero.is-swap .rv-lx-aura{animation:lx-flare .6s ease-out,lx-breathe 4.5s ease-in-out .6s infinite}
@keyframes lx-swap{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
@keyframes lx-flare{from{opacity:0;transform:translateX(-50%) scale(.7)}to{opacity:1;transform:translateX(-50%) scale(1)}}
#rv-chars .rv-lx-hero .rv-turn{position:absolute;right:10%;bottom:8%;z-index:4;width:44px;height:44px;border-radius:50%;font-size:19px;color:var(--sp-gold-hi);background:rgba(20,14,8,.65);border:1px solid var(--lx-line);backdrop-filter:blur(6px);box-shadow:0 6px 16px rgba(0,0,0,.4);transition:transform .3s var(--sp-ease),border-color .2s}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-hero .rv-turn{background:rgba(10,13,18,.65)}
#rv-chars .rv-lx-hero .rv-turn:hover{transform:rotate(-120deg);border-color:var(--sp-gold)}

/* Fiche du personnage */
#rv-chars .rv-lx-id{grid-area:id;align-self:center;display:flex;flex-direction:column;gap:12px;min-width:0;padding:8px 0}
#rv-chars .rv-lx-eyebrow{display:flex;align-items:center;gap:8px;margin:0;font:800 11.5px/1.3 var(--font-ui,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--aura) 55%,#ffe3a1)}
#rv-chars .rv-lx-eyebrow img{width:18px;height:18px;filter:drop-shadow(0 0 6px var(--aura))}
#rv-chars .rv-lx-id h3{margin:0;font:700 clamp(34px,4.2vw,56px)/1.02 var(--font-display,Georgia,serif);letter-spacing:.02em;overflow-wrap:anywhere;
 background:linear-gradient(180deg,#fffbe9 0%,#f6d88d 55%,#c9963f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.7)) drop-shadow(0 0 22px color-mix(in srgb,var(--aura) 35%,transparent))}
#rv-chars .rv-lx-level{display:flex;align-items:center;gap:14px}
#rv-chars .rv-lx-lvnum{flex:none;display:grid;place-items:center;align-content:center;width:68px;height:68px;border-radius:50%;
 background:radial-gradient(circle at 50% 35%,#5a4426,#21180e 75%);border:2px solid var(--sp-gold);box-shadow:0 0 0 4px rgba(0,0,0,.45),0 0 22px color-mix(in srgb,var(--aura) 45%,transparent),inset 0 2px rgba(255,240,200,.25)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-lvnum{background:radial-gradient(circle at 50% 35%,#2d3b53,#10161f 75%)}
#rv-chars .rv-lx-lvnum small{font:800 9.5px/1 var(--font-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--sp-gold)}
#rv-chars .rv-lx-lvnum b{font:700 26px/1 var(--font-display,Georgia,serif);color:#fff3d4;text-shadow:0 2px 0 #000}
#rv-chars .rv-lx-xpwrap{flex:1;display:grid;gap:6px;min-width:0}
#rv-chars .rv-lx-xpbar{position:relative;display:block;height:10px;border-radius:99px;background:rgba(0,0,0,.5);box-shadow:inset 0 1px 3px rgba(0,0,0,.6),0 0 0 1px rgba(227,189,106,.25);overflow:hidden}
#rv-chars .rv-lx-xpbar i{position:relative;overflow:hidden}
#rv-chars .rv-lx-xpbar i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-100%);animation:lx-sheen 3.2s ease-in-out infinite}
#rv-chars .rv-lx-xpwrap small{font:600 12px/1.2 var(--font-ui,sans-serif);color:var(--sp-muted)}
#rv-chars .rv-lx-facts{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;list-style:none}
#rv-chars .rv-lx-facts li{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 11px;border-radius:11px;font:600 12.5px/1.3 var(--font-ui,sans-serif);color:var(--sp-ink);
 background:rgba(14,10,6,.5);border:1px solid rgba(227,189,106,.2);backdrop-filter:blur(6px)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-facts li{background:rgba(7,9,13,.5)}
#rv-chars .rv-lx-facts li>span:first-child{flex:none}
#rv-chars .rv-lx-facts .rv-lx-fact-guild{padding:4px 11px 4px 5px}
#rv-chars .rv-lx-facts .rv-lx-fact-guild b{color:var(--sp-gold-hi)}
#rv-chars .rv-lx-facts .is-ally{color:#d7f2c4;border-color:rgba(111,174,82,.45);background:rgba(40,60,24,.5)}
#rv-chars .rv-lx-facts .rv-lx-style{color:var(--sp-muted)}
#rv-chars .rv-lx-stage>.rv-chars-error{grid-area:err;margin:6px 0 0}
#rv-chars .rv-lx-stage>.rv-chars-notice{grid-area:note;margin:6px 0 0}
#rv-chars .rv-lx-empty{grid-area:hero/hero/cta/id;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;color:var(--sp-muted);font-size:15px}
#rv-chars .rv-lx-empty .rv-char-plus{width:90px;height:90px;font-size:40px;border-color:var(--sp-gold-lo);color:var(--sp-gold)}

/* Actions : Jouer héroïque */
#rv-chars .rv-lx-cta{grid-area:cta;justify-content:flex-end;align-items:center;gap:10px;margin:16px 0 0;padding:0;background:none;border:0;box-shadow:none}
#rv-chars .rv-lx-ghost{min-height:40px;padding:8px 14px;font-size:12.5px;background:rgba(14,10,6,.45);border-color:rgba(227,189,106,.28);backdrop-filter:blur(6px)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-ghost{background:rgba(7,9,13,.45)}
#rv-chars .rv-lx-ghost[data-act="delete"]:hover:not(:disabled){color:#ffc9bb;border-color:#c4644c}
#rv-chars .rv-lx-play.is-primary{flex:0 1 auto;min-width:min(300px,100%);min-height:64px;padding:12px 34px;border-radius:16px;font:700 22px/1 var(--font-display,Georgia,serif);letter-spacing:.14em;text-transform:uppercase;
 animation:lx-glow 2.8s ease-in-out infinite}
#rv-chars .rv-lx-play.is-primary .rv-lx-play-txt{position:relative;z-index:1;display:inline-block;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
#rv-chars .rv-lx-play.is-primary::after{animation:lx-sheen 3.4s ease-in-out infinite;left:0;width:40%;transform:translateX(-160%) skewX(-20deg);transition:none}
#rv-chars .rv-lx-play.is-primary:hover:not(:disabled)::after{left:0}
#rv-chars .rv-lx-play.is-primary::before{content:"";position:absolute;inset:3px;z-index:0;border-radius:13px;border:1px solid rgba(255,250,225,.55);pointer-events:none}
#rv-chars .rv-lx-play.is-primary:disabled{animation:none}
@keyframes lx-sheen{0%,55%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(360%) skewX(-20deg)}}
@keyframes lx-glow{0%,100%{box-shadow:inset 0 1px 0 #fffbe8,inset 0 -2px 0 rgba(120,66,6,.5),0 0 0 1px #5a3606,0 4px 0 #6b4208,0 10px 24px rgba(0,0,0,.5),0 0 22px rgba(240,180,70,.3)}
 50%{box-shadow:inset 0 1px 0 #fffbe8,inset 0 -2px 0 rgba(120,66,6,.5),0 0 0 1px #5a3606,0 4px 0 #6b4208,0 10px 24px rgba(0,0,0,.5),0 0 44px rgba(255,200,90,.6)}}

/* ---------- Serveurs : cartes illustrées ---------- */
#rv-chars .rv-lx-realms-body{flex:1;padding:22px 30px 26px;overflow:auto}
#rv-chars .rv-lx-intro{text-align:center;margin:0 0 20px}
#rv-chars .rv-lx-intro h3{margin:0;font:700 clamp(26px,3vw,36px)/1.1 var(--font-display,Georgia,serif);letter-spacing:.04em;background:linear-gradient(180deg,#fffbe9,#f1cd7c 60%,#c99a45);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.8))}
#rv-chars .rv-lx-intro .rv-realms-intro{margin:6px 0 0;padding:0;background:none}
#rv-chars .rv-lx-realms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px;margin:0}
#rv-chars .rv-realms button.rv-lx-realm{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;min-height:400px;padding:0;overflow:hidden;text-align:left;
 border:1px solid var(--lx-line);border-radius:22px;background:#140e08;box-shadow:inset 0 1px rgba(255,240,200,.08),0 16px 36px rgba(0,0,0,.55);
 transition:transform .3s var(--sp-ease),border-color .25s,box-shadow .3s;animation:lx-rise .55s var(--sp-ease) both;animation-delay:calc(var(--i,0) * 90ms)}:where(html[data-theme="nuit"]) #rv-chars .rv-realms button.rv-lx-realm{background:#0a0d12}
.rv-lx:not(.rv-lx-enter) .rv-lx-realm{animation:none}
@keyframes lx-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
#rv-chars .rv-lx-realm-art{position:absolute;inset:0;z-index:-1}
#rv-chars .rv-realms button.rv-lx-realm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 30%;border-radius:0;box-shadow:none;-webkit-mask-image:none;mask-image:none;filter:saturate(.95);transition:transform .8s var(--sp-ease),filter .3s}
#rv-chars .rv-lx-realm-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,2,.15) 0%,transparent 30%,rgba(10,6,2,.55) 62%,rgba(10,6,2,.92) 100%)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-realm-art::after{background:linear-gradient(180deg,rgba(4,5,8,.15) 0%,transparent 30%,rgba(4,5,8,.55) 62%,rgba(4,5,8,.92) 100%)}
#rv-chars .rv-realms button.rv-lx-realm:hover:not(:disabled){transform:translateY(-6px);border-color:var(--sp-gold);box-shadow:0 24px 44px rgba(0,0,0,.6),0 0 34px rgba(227,189,106,.28)}
#rv-chars .rv-realms button.rv-lx-realm:hover:not(:disabled) img{transform:scale(1.06)}
#rv-chars .rv-realms button.rv-lx-realm.is-on{border-color:var(--sp-gold-hi);box-shadow:inset 0 0 0 1px rgba(255,227,161,.35),0 0 0 3px rgba(227,189,106,.25),0 22px 44px rgba(0,0,0,.6),0 0 46px rgba(255,200,100,.3)}
#rv-chars .rv-realms button.rv-lx-realm:disabled img{filter:grayscale(.75) brightness(.55)}
#rv-chars .rv-realms button.rv-lx-realm:focus-visible{outline:none;box-shadow:0 0 0 3px #150f08,0 0 0 5px var(--sp-gold-hi),0 22px 44px rgba(0,0,0,.6)}:where(html[data-theme="nuit"]) #rv-chars .rv-realms button.rv-lx-realm:focus-visible{box-shadow:0 0 0 3px #0a0d13,0 0 0 5px var(--sp-gold-hi),0 22px 44px rgba(0,0,0,.6)}
#rv-chars .rv-lx-realm .rv-realm-reco,#rv-chars .rv-lx-realm .rv-realm-state{top:14px;font-size:11px;padding:4px 11px}
#rv-chars .rv-lx-realm .rv-realm-reco{left:14px;animation:lx-reco 2.6s ease-in-out infinite}
@keyframes lx-reco{0%,100%{box-shadow:0 0 0 1px #5a3606,0 3px 10px rgba(0,0,0,.5),0 0 12px rgba(255,200,90,.35)}50%{box-shadow:0 0 0 1px #5a3606,0 3px 10px rgba(0,0,0,.5),0 0 26px rgba(255,210,110,.75)}}
#rv-chars .rv-lx-realm .rv-realm-state{right:14px}
#rv-chars .rv-lx-realm-glass{position:relative;display:grid;gap:8px;margin:12px;padding:16px 18px;border-radius:16px;background:rgba(16,10,5,.55);border:1px solid rgba(255,240,200,.12);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-realm-glass{background:rgba(7,10,14,.55)}
#rv-chars .rv-lx-realm-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
#rv-chars .rv-realms button.rv-lx-realm .rv-lx-realm-head b{font:700 34px/1 var(--font-display,Georgia,serif);letter-spacing:.03em;color:#fff3d4;text-shadow:0 2px 0 #000,0 0 22px rgba(227,189,106,.45)}
#rv-chars .rv-realms button.rv-lx-realm em.rv-lx-type{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;padding:4px 11px;border-radius:999px;font:800 11px/1.3 var(--font-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:#f6dc96;background:rgba(217,178,95,.16);border:1px solid rgba(217,178,95,.55);box-shadow:none}
#rv-chars .rv-realms button.rv-lx-realm[data-realm="classic"] em.rv-lx-type{color:#ffcdb8;background:rgba(214,90,60,.18);border-color:rgba(234,120,90,.6)}
#rv-chars .rv-realms button.rv-lx-realm small{max-width:none;font-size:13px;line-height:1.45;color:#e2d4b2;opacity:1}
#rv-chars .rv-lx-realm-stats{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#rv-chars .rv-lx-stat{display:inline-flex;align-items:center;gap:7px;margin:0;padding:4px 10px;border-radius:999px;font:700 11.5px/1.3 var(--font-ui,sans-serif);font-style:normal;color:#e9dfc6;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}
#rv-chars .rv-lx-stat.rv-realm-online{color:#b9e8c0;background:rgba(70,209,96,.1);border-color:rgba(70,209,96,.32)}
#rv-chars .rv-lx-ping i{width:8px;height:8px;border-radius:50%;background:#46d160;box-shadow:0 0 7px #46d160}
#rv-chars .rv-lx-ping.is-ok i{background:#f0c23a;box-shadow:0 0 7px #f0c23a}
#rv-chars .rv-lx-ping.is-bad i{background:#e5533b;box-shadow:0 0 7px #e5533b}
#rv-chars .rv-lx-ping.is-wait i{background:#9b927e;box-shadow:none;animation:lx-blink 1s ease-in-out infinite}
@keyframes lx-blink{50%{opacity:.3}}
#rv-chars .rv-lx-stat.rv-realm-on{width:auto;color:var(--sp-gold-hi);background:rgba(217,178,95,.14);border-color:var(--sp-gold-lo)}
#rv-chars .rv-lx-enterbtn{position:absolute;right:16px;top:-20px;padding:9px 18px;border-radius:12px;font:700 14px/1 var(--font-display,Georgia,serif);letter-spacing:.06em;color:#3b2303;
 background:linear-gradient(180deg,#fff0b8,#e6aa40 60%,#cf8a22);border:1px solid #ffe7a6;box-shadow:0 0 0 1px #5a3606,0 3px 0 #6b4208,0 8px 18px rgba(0,0,0,.45);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s var(--sp-ease)}
#rv-chars .rv-lx-enterbtn span{display:inline-block;transition:transform .25s var(--sp-ease)}
#rv-chars .rv-lx-realm:hover:not(:disabled) .rv-lx-enterbtn,#rv-chars .rv-lx-realm.is-on .rv-lx-enterbtn,#rv-chars .rv-lx-realm:focus-visible .rv-lx-enterbtn{opacity:1;transform:none}
#rv-chars .rv-lx-realm:hover .rv-lx-enterbtn span{transform:translateX(4px)}
#rv-chars .rv-lx-realm:disabled .rv-lx-enterbtn{display:none}
#rv-chars .rv-lx-foot{background:linear-gradient(180deg,rgba(28,20,12,.6),rgba(16,11,6,.8));border-radius:0 0 24px 24px}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-foot{background:linear-gradient(180deg,rgba(14,18,26,.6),rgba(8,10,14,.8))}

/* Chargement et passage (Changement pour…) */
#rv-chars .rv-lx .rv-chars-wait{padding:56px 20px;font-size:14px}
#rv-chars .rv-chars-switch{background:linear-gradient(180deg,rgba(40,30,18,.82),rgba(20,14,8,.88));backdrop-filter:blur(12px);border-radius:22px;padding:30px 40px}:where(html[data-theme="nuit"]) #rv-chars .rv-chars-switch{background:linear-gradient(180deg,rgba(20,27,38,.82),rgba(10,13,18,.88))}

/* Création, suppression, nom : même en-tête que le lanceur */
#rv-chars .rv-lx-create,#rv-chars .rv-lx-small{border-radius:24px;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);background:linear-gradient(180deg,rgba(40,30,18,.88),rgba(20,14,8,.9))}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-create,:where(html[data-theme="nuit"]) #rv-chars .rv-lx-small{background:linear-gradient(180deg,rgba(20,27,38,.88),rgba(10,13,18,.9))}
#rv-chars .rv-lx-create .rv-lx-top .rv-lx-who,#rv-chars .rv-lx-small .rv-lx-top .rv-lx-who{white-space:normal}

/* Création : aperçu en scène (aura de la classe, socle lumineux) */
#rv-chars .rv-lx-create .rv-create-preview.rv-lx-hero{grid-area:preview;display:block;height:340px;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 62%,color-mix(in srgb,var(--aura) 26%,transparent),transparent 72%),linear-gradient(180deg,rgba(30,22,13,.85),rgba(14,10,6,.92));border-color:color-mix(in srgb,var(--aura) 45%,var(--sp-gold-lo))}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-create .rv-create-preview.rv-lx-hero{background:radial-gradient(ellipse 70% 55% at 50% 62%,color-mix(in srgb,var(--aura) 26%,transparent),transparent 72%),linear-gradient(180deg,rgba(15,20,28,.85),rgba(7,9,13,.92))}
#rv-chars .rv-lx-create .rv-lx-hero .rv-lx-aura{bottom:4%;width:86%}
#rv-chars .rv-lx-create .rv-lx-hero .rv-lx-socle{width:70%}
#rv-chars .rv-lx-create .rv-create-preview .rv-create-symbol,#rv-chars .rv-lx-create .rv-create-preview .rv-step,#rv-chars .rv-lx-create .rv-create-preview .rv-turn{z-index:4}
#rv-chars .rv-lx-create .rv-create-stage{grid-template-columns:280px 1fr}

/* ---------- Écrans moyens (tablette, petit portable) ---------- */
@media (max-width:1100px) and (min-width:701px){
 #rv-chars .rv-lx-main{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}
 #rv-chars .rv-lx-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto auto auto;grid-template-areas:"hero" "id" "err" "note" "cta";padding:12px 20px 20px}
 #rv-chars .rv-lx-id{gap:8px;padding:0}
 #rv-chars .rv-lx-id h3{font-size:36px}
 #rv-chars .rv-lx-chip em{display:none}
}

/* ---------- Téléphone portrait : scène en haut, carrousel de cartes, Jouer collé en bas ---------- */
@media (max-width:700px){
 #rv-chars .rv-lx,#rv-chars .rv-lx.is-realms,#rv-chars .rv-lx.is-loading{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,rgba(18,12,6,.35),rgba(16,11,6,.55) 50%,rgba(12,8,4,.78));backdrop-filter:none;-webkit-backdrop-filter:none}:where(html[data-theme="nuit"]) #rv-chars .rv-lx,:where(html[data-theme="nuit"]) #rv-chars .rv-lx.is-realms,:where(html[data-theme="nuit"]) #rv-chars .rv-lx.is-loading{background:linear-gradient(180deg,rgba(8,11,16,.35),rgba(8,10,14,.55) 50%,rgba(5,7,11,.78))}
 #rv-chars .rv-lx-top{gap:10px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;border-radius:0;background:linear-gradient(180deg,rgba(30,22,12,.82),rgba(30,22,12,.45));backdrop-filter:blur(8px)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-top{background:linear-gradient(180deg,rgba(15,19,27,.82),rgba(15,19,27,.45))}
 #rv-chars .rv-lx-brand{gap:9px}
 #rv-chars .rv-lx-brand>img{width:30px;height:32px}
 #rv-chars .rv-lx-top h2{font-size:14px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #rv-chars .rv-lx-who{font-size:11px;white-space:normal}
 #rv-chars .rv-lx-ingame{display:none}
 #rv-chars .rv-lx-top .rv-chars-x{width:40px;height:40px}
 #rv-chars .rv-lx-chip{padding:4px;gap:0}
 #rv-chars .rv-lx-chip img{width:48px;height:34px}
 #rv-chars .rv-lx-chip>span{display:none}
 #rv-chars .rv-lx-chip em{display:none}
 #rv-chars .rv-lx-chip::after{content:"⇄";display:grid;place-items:center;width:30px;height:34px;color:var(--sp-gold-hi);font-size:16px}

 #rv-chars .rv-lx-main{display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}
 #rv-chars .rv-lx-stage{order:1;grid-template-columns:42% 1fr;grid-template-rows:auto auto auto;grid-template-areas:"hero id" "err err" "note note";padding:8px 14px 4px;overflow:visible}
 #rv-chars .rv-lx-hero{height:min(40dvh,250px)}
 #rv-chars .rv-lx-hero .rv-turn{right:0;bottom:4%;width:38px;height:38px;font-size:16px}
 #rv-chars .rv-lx-socle{width:88%}
 #rv-chars .rv-lx-aura{width:110%}
 #rv-chars .rv-lx-id{gap:8px;padding:0}
 #rv-chars .rv-lx-eyebrow{font-size:10px;letter-spacing:.12em}
 #rv-chars .rv-lx-id h3{font-size:clamp(24px,7.4vw,32px)}
 #rv-chars .rv-lx-level{gap:9px}
 #rv-chars .rv-lx-lvnum{width:48px;height:48px;box-shadow:0 0 0 3px rgba(0,0,0,.45),0 0 16px color-mix(in srgb,var(--aura) 45%,transparent)}
 #rv-chars .rv-lx-lvnum b{font-size:19px}
 #rv-chars .rv-lx-lvnum small{font-size:8px}
 #rv-chars .rv-lx-xpbar{height:7px}
 #rv-chars .rv-lx-xpwrap small{font-size:10.5px}
 #rv-chars .rv-lx-facts{gap:5px}
 #rv-chars .rv-lx-facts li{padding:4px 8px;font-size:11px;border-radius:9px}
 #rv-chars .rv-lx-facts .rv-lx-style{display:none}
 #rv-chars .rv-lx-cta{position:fixed;left:0;right:0;bottom:0;z-index:5;margin:0;padding:10px 12px max(12px,env(safe-area-inset-bottom));gap:8px;background:linear-gradient(180deg,rgba(20,14,8,.55),rgba(14,10,6,.95) 40%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--lx-line)}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-cta{background:linear-gradient(180deg,rgba(10,13,18,.55),rgba(7,9,13,.95) 40%)}
 #rv-chars .rv-lx-cta .rv-btn{flex:none}
 #rv-chars .rv-lx-ghost{min-height:52px;padding:8px 12px}
 #rv-chars .rv-lx-play.is-primary{flex:1;min-width:0;min-height:56px;padding:10px 14px;font-size:19px;letter-spacing:.1em}
 #rv-chars .rv-lx-roster{order:2;overflow:visible;padding:4px 0 96px;border-right:0;background:none}
 #rv-chars .rv-lx-roster .rv-chars-section{margin:6px 14px 0;text-shadow:0 1px 2px #000}
 #rv-chars .rv-lx-roster .rv-chars-list{flex-direction:row;gap:10px;padding:6px 14px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 #rv-chars .rv-lx-roster .rv-chars-list::-webkit-scrollbar{display:none}
 #rv-chars .rv-lx-card{flex:0 0 min(72vw,260px);scroll-snap-align:start;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;padding:10px 10px 10px 10px;min-height:96px}
 #rv-chars .rv-lx-card:has(.rv-char-flag){padding-top:22px}
 #rv-chars .rv-lx-card .rv-char-flag{top:0;bottom:auto;border-radius:0 0 9px 9px;border-top:0;border-bottom:1px solid}
 #rv-chars .rv-lx-card .rv-char-face{width:52px;height:52px}
 #rv-chars .rv-lx-card .rv-char-info strong{font-size:15.5px}
 #rv-chars .rv-lx-card .rv-lx-when{display:none}
 #rv-chars .rv-lx-card.is-empty{flex-basis:min(56vw,200px);grid-template-columns:52px 1fr}
 #rv-chars .rv-lx-card.is-empty .rv-char-plus{width:48px;height:48px}
 #rv-chars .rv-lx-card:hover{transform:none}
 #rv-chars .rv-lx-guild{width:28px;height:28px}
 #rv-chars .rv-lx-guild .rv-emblem{--s:22px!important;width:22px;height:22px}
 #rv-chars .rv-lx-roster .rv-ally-cta,#rv-chars .rv-lx-roster .rv-chars-warning,#rv-chars .rv-lx-roster .rv-chars-import{margin:4px 14px 0}

 #rv-chars .rv-lx-realms-body{padding:12px 12px max(16px,env(safe-area-inset-bottom))}
 #rv-chars .rv-lx-intro{margin:2px 0 12px}
 #rv-chars .rv-lx-intro h3{font-size:24px}
 #rv-chars .rv-lx-intro .rv-realms-intro{font-size:12.5px;text-shadow:0 1px 2px #000}
 #rv-chars .rv-lx-realms{grid-template-columns:1fr;gap:12px}
 #rv-chars .rv-realms button.rv-lx-realm{min-height:236px;border-radius:18px}
 #rv-chars .rv-lx-realm-glass{margin:8px;padding:10px 12px;gap:6px;border-radius:13px}
 #rv-chars .rv-realms button.rv-lx-realm .rv-lx-realm-head b{font-size:25px}
 #rv-chars .rv-realms button.rv-lx-realm small{font-size:12px;line-height:1.4}
 #rv-chars .rv-lx-realm .rv-realm-reco{left:10px;top:10px;transform:none}
 #rv-chars .rv-lx-realm .rv-realm-state{left:auto;right:10px;top:10px;transform:none;display:inline-flex}
 #rv-chars .rv-lx-stat{font-size:10.5px;padding:3px 8px}
 #rv-chars .rv-lx-enterbtn{display:none}
 #rv-chars .rv-lx-foot{display:none}
 #rv-chars .rv-lx-foot:has(.rv-btn){display:flex;border-radius:0}
 #rv-chars .rv-lx-foot .rv-btn{flex:1}
 #rv-chars .rv-lx-create .rv-create-preview.rv-lx-hero{height:230px}
 #rv-chars .rv-lx-create .rv-create-stage{grid-template-columns:minmax(0,46%) 1fr}
 #rv-chars .rv-lx-create,#rv-chars .rv-lx-small{border-radius:0;backdrop-filter:none;background:linear-gradient(180deg,rgba(20,14,8,.12),rgba(20,14,8,.3) 45%,rgba(16,11,6,.55))}:where(html[data-theme="nuit"]) #rv-chars .rv-lx-create,:where(html[data-theme="nuit"]) #rv-chars .rv-lx-small{background:linear-gradient(180deg,rgba(10,13,18,.12),rgba(10,13,18,.3) 45%,rgba(8,10,14,.55))}
}

/* ---------- Téléphone paysage : scène à gauche, cartes à droite, Jouer sous la fiche ---------- */
@media (max-height:500px) and (min-width:701px){
 #rv-chars .rv-lx,#rv-chars .rv-lx.is-realms,#rv-chars .rv-lx.is-loading{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(14,10,6,.55),rgba(18,12,7,.78) 40%,rgba(18,12,7,.88));backdrop-filter:none}:where(html[data-theme="nuit"]) #rv-chars .rv-lx,:where(html[data-theme="nuit"]) #rv-chars .rv-lx.is-realms,:where(html[data-theme="nuit"]) #rv-chars .rv-lx.is-loading{background:linear-gradient(90deg,rgba(7,9,13,.55),rgba(9,11,16,.78) 40%,rgba(9,11,16,.88))}
 #rv-chars .rv-lx-top{gap:10px;padding:5px max(14px,env(safe-area-inset-right)) 5px max(14px,env(safe-area-inset-left));border-radius:0}
 #rv-chars .rv-lx-brand>img{width:26px;height:28px}
 #rv-chars .rv-lx-top h2{font-size:14px}
 #rv-chars .rv-lx-who{font-size:10.5px}
 #rv-chars .rv-lx-top .rv-chars-x{width:34px;height:34px}
 #rv-chars .rv-lx-ingame{display:none}
 #rv-chars .rv-lx-chip{padding:3px}
 #rv-chars .rv-lx-chip img{width:44px;height:28px}
 #rv-chars .rv-lx-chip>span small{display:none}
 #rv-chars .rv-lx-chip b{font-size:13px}
 #rv-chars .rv-lx-chip em{display:none}
 #rv-chars .rv-lx-main{grid-template-columns:minmax(0,1fr) minmax(250px,42%)}
 #rv-chars .rv-lx-stage{order:-1;grid-template-columns:44% 1fr;grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-areas:"hero id" "hero err" "hero note" "hero cta";padding:6px 8px 8px max(10px,env(safe-area-inset-left))}
 #rv-chars .rv-lx-roster{order:2;padding:6px max(12px,env(safe-area-inset-right)) 10px 12px;border-right:0;border-left:1px solid rgba(227,189,106,.16)}
 #rv-chars .rv-lx-id{gap:6px;padding:0}
 #rv-chars .rv-lx-eyebrow{font-size:9.5px;letter-spacing:.1em}
 #rv-chars .rv-lx-id h3{font-size:26px}
 #rv-chars .rv-lx-lvnum{width:42px;height:42px}
 #rv-chars .rv-lx-lvnum b{font-size:17px}
 #rv-chars .rv-lx-lvnum small{font-size:7.5px}
 #rv-chars .rv-lx-xpbar{height:6px}
 #rv-chars .rv-lx-xpwrap small{font-size:10px}
 #rv-chars .rv-lx-facts{gap:4px}
 #rv-chars .rv-lx-facts li{padding:3px 7px;font-size:10.5px}
 #rv-chars .rv-lx-facts .rv-lx-style{display:none}
 #rv-chars .rv-lx-hero .rv-turn{width:34px;height:34px;font-size:15px;right:2%}
 #rv-chars .rv-lx-cta{margin:6px 0 0;gap:6px}
 #rv-chars .rv-lx-ghost{min-height:40px;padding:6px 10px;font-size:11.5px}
 #rv-chars .rv-lx-play.is-primary{flex:1;min-width:0;min-height:46px;padding:8px 12px;font-size:16px;letter-spacing:.08em}
 #rv-chars .rv-lx-card{grid-template-columns:44px minmax(0,1fr) auto;gap:9px;padding:8px 10px}
 #rv-chars .rv-lx-card:has(.rv-char-flag){padding-top:18px}
 #rv-chars .rv-lx-card .rv-char-face{width:44px;height:44px}
 #rv-chars .rv-lx-card .rv-char-info strong{font-size:14.5px}
 #rv-chars .rv-lx-card .rv-lx-when{display:none}
 #rv-chars .rv-lx-guild{width:28px;height:28px}
 #rv-chars .rv-lx-guild .rv-emblem{--s:22px!important;width:22px;height:22px}
 #rv-chars .rv-lx-card.is-empty{grid-template-columns:44px 1fr}
 #rv-chars .rv-lx-card.is-empty .rv-char-plus{width:40px;height:40px}
 #rv-chars .rv-lx-realms-body{padding:8px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}
 #rv-chars .rv-lx-intro{margin:0 0 8px}
 #rv-chars .rv-lx-intro h3{font-size:20px}
 #rv-chars .rv-lx-intro .rv-realms-intro{font-size:11.5px;margin-top:2px}
 #rv-chars .rv-lx-realms{grid-template-columns:1fr 1fr;gap:12px}
 #rv-chars .rv-realms button.rv-lx-realm{min-height:250px;border-radius:16px}
 #rv-chars .rv-lx-realm-glass{margin:8px;padding:9px 11px;gap:5px}
 #rv-chars .rv-realms button.rv-lx-realm .rv-lx-realm-head b{font-size:22px}
 #rv-chars .rv-realms button.rv-lx-realm small{font-size:11px;line-height:1.35}
 #rv-chars .rv-lx-stat{font-size:10px;padding:2px 7px}
 #rv-chars .rv-lx-enterbtn{display:none}
 #rv-chars .rv-lx-foot{display:none}
 #rv-chars .rv-lx-foot:has(.rv-btn){display:flex;border-radius:0;padding:5px 14px}
 #rv-chars .rv-lx-create .rv-create-preview.rv-lx-hero{height:180px}
 #rv-chars .rv-lx-create .rv-create-stage{grid-template-columns:170px 1fr 1fr}
}

/* ---------- Mouvement réduit : décor, particules, brillances et entrées figés ---------- */
@media (prefers-reduced-motion:reduce){
 #rv-chars.is-ingame::before,#rv-chars .rv-lx-enter,#rv-chars .rv-lx-card,#rv-chars .rv-realms button.rv-lx-realm,#rv-chars .rv-lx-aura,#rv-chars .rv-lx-sym,#rv-chars .rv-lx-socle::after,
 #rv-chars .rv-lx-hero.is-swap canvas,#rv-chars .rv-lx-hero.is-swap .rv-lx-aura,#rv-chars .rv-lx-play.is-primary,#rv-chars .rv-lx-play.is-primary::after,#rv-chars .rv-lx-xpbar i::after,#rv-chars .rv-lx-realm .rv-realm-reco,#rv-chars .rv-lx-ping.is-wait i{animation:none!important}
 #rv-chars .rv-lx-motes{display:none}
 #rv-chars .rv-lx-play.is-primary::after{display:none}
 #rv-chars .rv-lx-card,#rv-chars .rv-realms button.rv-lx-realm,#rv-chars .rv-realms button.rv-lx-realm img,#rv-chars .rv-lx-enterbtn,#rv-chars .rv-lx-chip,#rv-chars .rv-lx-hero .rv-turn{transition:none}
}