@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
    --void:#03040a;
    --void-2:#070916;
    --surface:rgba(12,14,30,.78);
    --surface-solid:#0b0e1d;
    --surface-light:rgba(30,28,61,.74);
    --text:#f3f5ff;
    --muted:#a7acc7;
    --muted-2:#707795;
    --cyan:#78c8ff;
    --cyan-soft:rgba(120,200,255,.13);
    --blue:#3b6cff;
    --violet:#8d4dff;
    --magenta:#c05cff;
    --gold:#d9c58a;
    --danger:#ff5575;
    --line:rgba(157,157,255,.18);
    --line-bright:rgba(120,200,255,.38);
    --shadow:0 24px 80px rgba(0,0,0,.45);
    --radius:18px;
}

*{box-sizing:border-box}

/* Barre de défilement — Material Design, corrompue par le Néant */
html, body, *{
    scrollbar-width:thin;
    scrollbar-color:#5b438f #05040b;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar{
    width:9px;
    height:9px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track{
    background:#05040b;
    border-left:1px solid rgba(141,77,255,.10);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb{
    min-height:44px;
    border:2px solid #05040b;
    border-radius:999px;
    background:linear-gradient(180deg,#8d4dff 0%,#5b438f 46%,#34264f 100%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 1px 8px rgba(80,35,160,.42);
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#b27aff 0%,#7653b0 48%,#463360 100%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),0 0 12px rgba(141,77,255,.48);
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner{
    background:#05040b;
}
html{
    scroll-behavior:smooth;
    scroll-padding-top:88px;
    background:var(--void);
}
body{
    margin:0;
    min-height:100vh;
    color:var(--text);
    background:
        radial-gradient(circle at 50% -15%, rgba(91,57,196,.24), transparent 35%),
        radial-gradient(circle at 90% 20%, rgba(0,126,255,.10), transparent 28%),
        radial-gradient(circle at 5% 75%, rgba(157,52,255,.08), transparent 25%),
        var(--void);
    font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    line-height:1.6;
    overflow-x:hidden;
}

/* Cosmic star field */
body::before,
body::after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
}
body::before{
    opacity:.55;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.85) 0 1px, transparent 1.4px),
        radial-gradient(circle, rgba(120,200,255,.55) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(169,115,255,.6) 0 1px, transparent 1.5px);
    background-size:173px 173px, 257px 257px, 311px 311px;
    background-position:20px 35px, 80px 120px, 130px 10px;
    mask-image:linear-gradient(to bottom, black, transparent 92%);
}
body::after{
    background:
        radial-gradient(ellipse at 50% 30%, transparent 0 35%, rgba(0,0,0,.35) 78%, rgba(0,0,0,.78) 100%);
}

a{color:var(--cyan);text-decoration:none}
a:hover{color:#9dffff}
::selection{background:var(--cyan);color:#02070a}

h1,h2,h3,h4,h5,h6{
    font-family:'Cinzel',Georgia,serif;
    letter-spacing:-.025em;
    line-height:1.15;
}
h1,h2,h3{color:#fff}
p{color:var(--muted)}

.page-container{
    width:min(1420px,calc(100% - 36px));
    margin:0 auto;
    padding:48px 0 80px;
    position:relative;
}

.page-container::before{
    content:"";
    position:absolute;
    width:720px;height:720px;
    left:50%;top:80px;
    transform:translateX(-50%);
    background:radial-gradient(circle,rgba(55,51,168,.16),transparent 67%);
    filter:blur(12px);
    pointer-events:none;
    z-index:-1;
}

/* Header / navigation */
header{
    position:sticky;
    top:0;
    z-index:1000;
    min-height:76px;
    padding:0 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    background:rgba(3,4,10,.78);
    border-bottom:1px solid rgba(133,127,255,.18);
    backdrop-filter:blur(20px) saturate(145%);
    box-shadow:0 8px 40px rgba(0,0,0,.28);
}

header::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-1px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--violet),var(--cyan),var(--violet),transparent);
    opacity:.65;
}

.left-header,.right-header{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
}

.left-header::before{
    content:"";
    display:block;
    width:52px;height:52px;
    margin-right:8px;
    background:url('../img/eternia-logo.png') center/contain no-repeat;
    filter:drop-shadow(0 0 12px rgba(72,72,255,.55));
}

.left-header a{
    color:#cfd3e9;
    padding:9px 12px;
    border-radius:9px;
    font-size:.9rem;
    font-weight:600;
    transition:.22s ease;
}
.left-header a:hover{
    color:#fff;
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 0 0 1px rgba(120,200,255,.12);
}
.left-header a:first-of-type{
    color:#fff;
}

.profile{
    display:flex;
    align-items:center;
    gap:10px;
    padding:5px 9px 5px 5px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(255,255,255,.035);
}
.profile img{
    width:38px;height:38px;
    border-radius:50%;
    object-fit:cover;
    border:1px solid var(--cyan);
    box-shadow:0 0 16px rgba(120,200,255,.2);
}
.pseudo{
    color:#fff;
    font-weight:700;
    font-size:.88rem;
}
.statut{
    color:var(--muted-2);
    font-size:.73rem;
}

.button,.button-logout,button,.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid var(--line-bright);
    border-radius:9px;
    padding:9px 14px;
    text-decoration:none;
    cursor:pointer;
    font:inherit;
    font-weight:700;
    color:#eaffff;
    background:linear-gradient(180deg,rgba(120,200,255,.16),rgba(120,200,255,.06));
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.button:hover,.button-logout:hover,button:hover,.btn:hover{
    color:#fff;
    transform:translateY(-1px);
    border-color:var(--cyan);
    box-shadow:0 8px 28px rgba(120,200,255,.14);
}
.button-logout{
    color:#ffb8c5;
    border-color:rgba(255,85,117,.3);
    background:rgba(255,85,117,.08);
}
.btn-primary{
    background:linear-gradient(135deg,#78c8ff,#447aff);
    border-color:#62ffff;
    color:#02060a;
    box-shadow:0 8px 28px rgba(120,200,255,.16);
}
.btn-danger{
    color:#fff;
    background:linear-gradient(135deg,#8b1834,#e6385f);
    border-color:rgba(255,85,117,.55);
}
.btn-theme{
    color:#d6d9ff;
    background:rgba(255,255,255,.035);
    border-color:var(--line);
}

/* Cards */
.card{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(145deg,rgba(30,28,61,.72),rgba(8,10,21,.84));
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:30px;
    margin:0 0 22px;
    box-shadow:var(--shadow);
    backdrop-filter:blur(14px);
    animation:cardIn .55s ease both;
}
.card::before{
    content:"";
    position:absolute;
    top:0;left:12%;right:12%;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);
    opacity:.7;
}
.card::after{
    content:"";
    position:absolute;
    width:220px;height:220px;
    right:-150px;top:-150px;
    border-radius:50%;
    background:rgba(98,62,255,.14);
    filter:blur(35px);
    pointer-events:none;
}
.card h1{
    margin-top:0;
    font-size:clamp(2rem,4vw,3.6rem);
    background:linear-gradient(100deg,#fff 15%,#a9faff 52%,#b58cff 90%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.card h2{
    margin-top:0;
    color:#fff;
    font-size:clamp(1.5rem,2.8vw,2.35rem);
}
.card h3{font-size:1.25rem}
.card strong{color:#fff}
.card p{max-width:900px}
.card ul{color:var(--muted)}
.card li{margin:7px 0}

.notice{
    padding:15px 18px;
    border-radius:12px;
    background:linear-gradient(90deg,rgba(120,200,255,.08),rgba(125,69,255,.07));
    border:1px solid rgba(120,200,255,.2);
    border-left:3px solid var(--cyan);
    margin-bottom:18px;
    color:#d8def4;
}

/* Forms */
form{position:relative;z-index:1}
label{
    display:block;
    margin-bottom:6px;
    color:#dfe3f6;
    font-weight:700;
    font-size:.9rem;
}
input,select,textarea{
    width:100%;
    padding:12px 14px;
    margin:0 0 16px;
    border-radius:10px;
    border:1px solid rgba(130,130,190,.24);
    outline:none;
    background:rgba(3,5,14,.75);
    color:#eef3ff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    transition:.2s ease;
}
input::placeholder,textarea::placeholder{color:#686f8b}
input:focus,select:focus,textarea:focus{
    border-color:var(--cyan);
    box-shadow:0 0 0 3px rgba(120,200,255,.08),0 0 30px rgba(120,200,255,.06);
}
textarea{min-height:150px;resize:vertical}
option{background:#090b18;color:#fff}
.form-actions,.actions{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
}

/* Tables */
table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    background:rgba(8,10,20,.78);
    border:1px solid var(--line);
    border-radius:14px;
}
th,td{
    padding:13px 14px;
    border-bottom:1px solid rgba(140,140,190,.11);
    text-align:left;
    vertical-align:top;
}
th{
    color:#e8ebff;
    font-family:'Cinzel',Georgia,serif;
    background:linear-gradient(90deg,rgba(92,65,181,.18),rgba(120,200,255,.05));
}
tr:last-child td{border-bottom:0}
tr:hover td{background:rgba(120,200,255,.025)}

.site-footer{
    position:relative;
    text-align:center;
    padding:56px 24px 70px;
    color:#626984;
    border-top:1px solid rgba(137,127,255,.15);
    background:rgba(2,3,8,.65);
}
.site-footer::before{
    content:"";
    display:block;
    width:420px;height:180px;
    margin:0 auto 14px;
    background:url('../img/eternia-logo-footer.png') center/contain no-repeat;
    opacity:1 !important;
    filter:none !important;
}

/* Content links */
.page-container a:not(.button):not(.button-logout):not(.btn){
    text-underline-offset:3px;
}
.page-container a:not(.button):not(.button-logout):not(.btn):hover{
    text-decoration:underline;
}

/* Cosmic separators / animated glow */
@keyframes cardIn{
    from{opacity:0;transform:translateY(12px)}
    to{opacity:1;transform:none}
}
@keyframes shimmer{
    0%,100%{opacity:.35}
    50%{opacity:.8}
}

.card:nth-child(3n+1)::before{animation:shimmer 5s ease-in-out infinite}
.card:nth-child(3n+2)::before{animation:shimmer 6s ease-in-out infinite reverse}

@media(max-width:1050px){
    header{padding:10px 16px}
    .left-header::before{width:44px;height:44px}
    .left-header a{padding:8px 9px;font-size:.82rem}
}
@media(max-width:760px){
    header{
        align-items:flex-start;
        flex-direction:column;
        gap:9px;
        padding:11px 14px 13px;
    }
    .left-header,.right-header{width:100%}
    .left-header::before{width:40px;height:40px;margin-right:2px}
    .left-header a{font-size:.78rem;padding:7px 8px}
    .right-header{justify-content:flex-end}
    .page-container{width:min(100% - 22px,1420px);padding-top:28px}
    .card{padding:22px 18px;border-radius:15px}
    .card h1{font-size:2.2rem}
    table{display:block;overflow-x:auto;white-space:nowrap}
}
@media(max-width:470px){
    .left-header a:nth-of-type(3),
    .left-header a:nth-of-type(4){display:none}
    .profile{max-width:calc(100% - 130px)}
}


/* =========================================================
   ETERNIA — CINEMATIC HOME / COSMIC FANTASY
   ========================================================= */

body{
    background:
        radial-gradient(ellipse at 50% 0%, rgba(70,48,180,.24), transparent 38%),
        radial-gradient(ellipse at 85% 35%, rgba(0,90,255,.12), transparent 30%),
        radial-gradient(ellipse at 10% 75%, rgba(136,32,255,.11), transparent 30%),
        #020308 !important;
}

/* Prevent any previous theme from producing a white page. */
html,body,main{background-color:#020308 !important;color:#eef1ff}
main.page-container{padding-top:0}

header{
    min-height:74px !important;
    background:rgba(2,3,8,.72) !important;
    border-bottom:1px solid rgba(120,100,255,.20) !important;
}
.brand{
    display:flex !important;
    align-items:center;
    gap:9px;
    padding:0 15px 0 0 !important;
    margin-right:10px;
    color:#fff !important;
    text-decoration:none !important;
    font-family:'Cinzel',serif;
    font-weight:800 !important;
    letter-spacing:.18em;
    font-size:.92rem !important;
    background:transparent !important;
    box-shadow:none !important;
}
.brand img{
    width:48px;height:48px;
    object-fit:contain;
    filter:drop-shadow(0 0 14px rgba(63,76,255,.72));
}
.brand:hover{background:transparent !important}

.eternia-hero{
    position:relative;
    min-height:calc(100vh - 74px);
    width:100vw;
    margin-left:calc((min(1420px,calc(100vw - 36px)) - 100vw)/2);
    overflow:hidden;
    display:grid;
    grid-template-columns:52% 48%;
    align-items:center;
    padding:55px max(5vw,30px) 100px;
    isolation:isolate;
}
.eternia-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-5;
    background:
        linear-gradient(90deg,rgba(2,3,8,.98) 0%,rgba(2,3,8,.78) 42%,rgba(2,3,8,.18) 75%,rgba(2,3,8,.45) 100%),
        radial-gradient(circle at 73% 50%,rgba(43,26,140,.28),transparent 35%);
}
.eternia-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:190px;
    z-index:4;
    background:linear-gradient(transparent,#020308);
    pointer-events:none;
}
.hero-stars{
    position:absolute;
    inset:0;
    z-index:-4;
    opacity:.72;
    background-image:
      radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.4px),
      radial-gradient(circle,rgba(91,230,255,.75) 0 1px,transparent 1.5px),
      radial-gradient(circle,rgba(174,112,255,.7) 0 1px,transparent 1.5px);
    background-size:137px 137px,211px 211px,293px 293px;
    background-position:10px 30px,90px 130px,180px 40px;
    mask-image:linear-gradient(to bottom,#000 15%,rgba(0,0,0,.7) 75%,transparent);
}
.hero-nebula{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
    pointer-events:none;
    z-index:-3;
}
.nebula-one{
    width:560px;height:560px;
    right:5%;top:4%;
    background:radial-gradient(circle,rgba(55,56,255,.24),rgba(131,37,255,.08) 45%,transparent 72%);
}
.nebula-two{
    width:460px;height:460px;
    right:32%;bottom:-170px;
    background:radial-gradient(circle,rgba(0,240,255,.10),rgba(102,41,255,.09),transparent 70%);
}
.hero-copy{
    position:relative;
    z-index:5;
    max-width:720px;
    padding-left:clamp(0px,4vw,80px);
}
.hero-kicker,.section-eyebrow{
    color:#7ffaff;
    font-size:.72rem;
    letter-spacing:.25em;
    font-weight:800;
    text-transform:uppercase;
}
.hero-kicker{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:23px;
}
.hero-kicker span{
    width:32px;height:1px;
    background:linear-gradient(90deg,var(--cyan),transparent);
}
.hero-copy h1{
    margin:0;
    font-family:'Cinzel',Georgia,serif;
    font-size:clamp(3.5rem,6.8vw,7.6rem);
    line-height:.9;
    letter-spacing:-.055em;
    font-weight:700;
    color:#f7f8ff;
    text-shadow:0 5px 35px rgba(0,0,0,.65);
}
.hero-copy h1 em{
    display:inline-block;
    font-style:normal;
    background:linear-gradient(95deg,#fff 0%,#aefaff 38%,#9c7aff 76%,#fff 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 0 22px rgba(79,105,255,.18));
}
.hero-lead{
    max-width:620px;
    margin:30px 0 28px;
    color:#aeb4cc;
    font-size:1.05rem;
    line-height:1.8;
}
.hero-lead strong{color:#fff}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-button{
    min-height:48px;
    padding:12px 18px !important;
}
.hero-meta{
    display:flex;
    gap:30px;
    margin-top:42px;
    padding-top:20px;
    border-top:1px solid rgba(151,145,255,.18);
}
.hero-meta div{display:grid;gap:1px}
.hero-meta b{
    color:#fff;
    font-family:'Cinzel',serif;
    font-size:1.05rem;
}
.hero-meta span{
    color:#6e758f;
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.1em;
}
.hero-art{
    position:relative;
    height:min(720px,70vw);
    min-height:460px;
    display:grid;
    place-items:center;
}
.hero-logo{
    position:relative;
    z-index:4;
    width:min(650px,44vw);
    max-width:100%;
    max-height:650px;
    object-fit:contain;
    filter:
      drop-shadow(0 0 18px rgba(0,95,255,.85))
      drop-shadow(0 0 42px rgba(102,36,255,.62))
      drop-shadow(0 0 90px rgba(36,35,255,.35));
    animation:eterniaFloat 7s ease-in-out infinite;
}
.hero-logo-glow{
    position:absolute;
    width:390px;height:390px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(36,77,255,.45),rgba(130,36,255,.17) 42%,transparent 72%);
    filter:blur(30px);
    z-index:1;
    animation:logoPulse 5s ease-in-out infinite;
}
.hero-orbit{
    position:absolute;
    border:1px solid rgba(102,125,255,.25);
    border-radius:50%;
    transform:rotate(-18deg);
    box-shadow:0 0 30px rgba(73,48,255,.08);
}
.orbit-1{width:74%;height:35%;z-index:2}
.orbit-2{width:89%;height:46%;z-index:2;transform:rotate(42deg);border-color:rgba(120,200,255,.15)}
.orbit-3{width:61%;height:72%;z-index:2;transform:rotate(70deg);border-color:rgba(172,83,255,.14)}
@keyframes eterniaFloat{
    0%,100%{transform:translateY(0) rotate(0deg)}
    50%{transform:translateY(-12px) rotate(.5deg)}
}
@keyframes logoPulse{
    0%,100%{opacity:.65;transform:scale(.92)}
    50%{opacity:1;transform:scale(1.08)}
}
.hero-scroll{
    position:absolute;
    z-index:8;
    bottom:31px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    color:#7b829e !important;
    font-size:.62rem;
    letter-spacing:.25em;
}
.hero-scroll i{
    color:#9b83ff;
    font-size:1.15rem;
    font-style:normal;
    animation:scrollBob 1.8s ease-in-out infinite;
}
@keyframes scrollBob{
    50%{transform:translateY(6px);color:var(--cyan)}
}

.home-section{
    position:relative;
    padding:115px max(5vw,30px);
}
.section-eyebrow{margin-bottom:14px}
.section-title-row h2{
    margin:0;
    max-width:900px;
    font-size:clamp(2.3rem,4.7vw,5rem);
    line-height:1.03;
    letter-spacing:-.045em;
}
.section-title-row h2 span{color:#8cefff}
.section-title-row p{
    max-width:680px;
    margin:20px 0 0;
    color:#777f9c;
    font-size:1rem;
}
.home-grid{
    display:grid;
    grid-template-columns:1.25fr 1fr 1fr;
    gap:14px;
    margin-top:55px;
}
.home-card{
    position:relative;
    min-height:275px;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    color:#fff !important;
    border:1px solid rgba(125,117,220,.18);
    border-radius:16px;
    background:
      linear-gradient(145deg,rgba(26,25,57,.74),rgba(6,8,17,.91));
    box-shadow:0 25px 80px rgba(0,0,0,.32);
    transition:.35s cubic-bezier(.2,.8,.2,1);
}
.home-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 80% 15%,rgba(101,71,255,.20),transparent 32%),
      linear-gradient(130deg,transparent 45%,rgba(120,200,255,.035));
    opacity:.8;
}
.home-card:hover{
    transform:translateY(-7px);
    border-color:rgba(120,200,255,.42);
    box-shadow:0 30px 90px rgba(35,30,120,.28),0 0 35px rgba(120,200,255,.07);
}
.home-card > *{position:relative;z-index:1}
.home-card-large{
    min-height:335px;
    background:
      linear-gradient(135deg,rgba(43,37,91,.75),rgba(7,9,20,.94));
}
.home-card-icon{
    position:absolute;
    top:27px;left:30px;
    color:#7a80ff;
    font-size:1.55rem;
    text-shadow:0 0 20px rgba(91,101,255,.7);
}
.home-card small{
    color:#6eefff;
    font-size:.65rem;
    font-weight:800;
    letter-spacing:.18em;
}
.home-card h3{
    margin:9px 0 8px;
    font-size:1.65rem;
}
.home-card p{
    max-width:480px;
    margin:0;
    color:#8087a4;
    font-size:.9rem;
    line-height:1.65;
}
.card-arrow{
    position:absolute;
    right:25px;bottom:25px;
    color:#7e82a3;
    font-size:1.4rem;
    transition:.25s;
}
.home-card:hover .card-arrow{color:var(--cyan);transform:translate(3px,-3px)}

.home-quote{
    padding:110px 30px 145px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    text-align:center;
}
.home-quote p{
    margin:0;
    color:#727a99;
    font-family:'Cinzel',serif;
    font-size:clamp(1rem,2vw,1.45rem);
    line-height:1.65;
}
.home-quote strong{color:#d7d9ef;font-weight:600}
.quote-line{
    width:min(120px,12vw);
    height:1px;
    background:linear-gradient(90deg,transparent,var(--violet));
}
.quote-line:last-child{background:linear-gradient(90deg,var(--violet),transparent)}

@media(max-width:900px){
    .eternia-hero{
        grid-template-columns:1fr;
        min-height:auto;
        padding-top:85px;
    }
    .hero-copy{padding-left:0}
    .hero-art{
        position:absolute;
        right:-22%;
        top:8%;
        width:70%;
        opacity:.48;
        z-index:0;
        pointer-events:none;
    }
    .hero-copy{z-index:5}
    .hero-copy h1{font-size:clamp(3.2rem,12vw,6rem)}
    .home-grid{grid-template-columns:1fr}
    .home-card,.home-card-large{min-height:260px}
}
@media(max-width:600px){
    .brand span{display:none}
    .brand{padding-right:4px !important;margin-right:0}
    .brand img{width:40px;height:40px}
    .eternia-hero{
        width:100vw;
        margin-left:calc((100vw - min(100% - 22px,1420px))/ -2);
        padding:70px 24px 95px;
    }
    .hero-art{
        right:-38%;
        top:12%;
        width:95%;
        opacity:.30;
    }
    .hero-lead{font-size:.95rem}
    .hero-meta{gap:16px}
    .hero-meta span{font-size:.6rem}
    .home-section{padding:80px 0}
    .home-quote{padding:80px 0 110px}
    .quote-line{display:none}
}


/* =========================================================
   CHARACTER IMAGES / GALLERY / LIGHTBOX
   ========================================================= */

.character-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    min-height:280px;
    padding:42px 46px;
}
.character-hero h1{
    margin:7px 0 14px;
    font-size:clamp(2.6rem,6vw,5rem);
}
.character-hero-copy p{margin:18px 0 0}
.character-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.character-meta span{
    padding:6px 10px;
    border:1px solid rgba(120,200,255,.19);
    border-radius:999px;
    background:rgba(120,200,255,.055);
    color:#b9c5e4;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.08em;
}
.character-avatar{
    width:130px;
    height:130px;
    border-radius:18px;
    object-fit:cover;
    border:1px solid rgba(120,200,255,.35);
    box-shadow:0 0 45px rgba(120,200,255,.12),0 18px 50px rgba(0,0,0,.35);
}

.image-gallery-card,.image-upload-card,.character-details{padding:34px}
.gallery-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:25px;
}
.gallery-heading h2,.image-upload-card h2,.character-details h2,.image-gallery-empty h2{
    margin:3px 0 7px;
    font-size:clamp(1.55rem,3vw,2.3rem);
}
.gallery-heading p,.image-upload-card p,.image-gallery-empty p{
    margin:0;
    color:#737b98;
}
.gallery-count{
    min-width:48px;
    padding:7px 10px;
    text-align:center;
    border:1px solid rgba(120,200,255,.24);
    border-radius:999px;
    color:#8ffaff;
    background:rgba(120,200,255,.05);
    font-size:.75rem;
    font-weight:800;
}

.character-gallery{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:13px;
}
.gallery-item{
    position:relative;
    aspect-ratio:4/5;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(131,120,255,.22);
    border-radius:14px;
    background:#050711;
    cursor:pointer;
}
.gallery-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.72));
    pointer-events:none;
}
.gallery-item img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;
}
.gallery-item:hover img{
    transform:scale(1.06);
    filter:saturate(1.12) brightness(1.08);
}
.gallery-item span{
    position:absolute;
    z-index:2;
    left:13px;
    bottom:11px;
    color:#d7faff;
    font-size:.61rem;
    font-weight:800;
    letter-spacing:.13em;
    opacity:.75;
}
.gallery-item:hover span{color:var(--cyan);opacity:1}

.image-gallery-empty{
    display:flex;
    align-items:center;
    gap:20px;
}
.empty-image-icon{
    width:60px;height:60px;
    display:grid;place-items:center;
    border:1px solid rgba(120,200,255,.2);
    border-radius:16px;
    color:#7080ff;
    font-size:1.7rem;
    background:rgba(120,200,255,.04);
}

.image-upload-card{
    display:flex;
    justify-content:space-between;
    gap:30px;
    align-items:center;
}
.image-upload-form{
    min-width:min(460px,100%);
    display:flex;
    gap:10px;
    align-items:stretch;
}
.upload-zone{
    min-height:88px;
    flex:1;
    margin:0;
    padding:12px 15px;
    display:grid;
    grid-template-columns:36px 1fr;
    grid-template-rows:1fr 1fr;
    column-gap:9px;
    align-items:center;
    border:1px dashed rgba(120,200,255,.35);
    border-radius:12px;
    background:rgba(120,200,255,.035);
    cursor:pointer;
}
.upload-zone input{
    position:absolute;
    opacity:0;
    width:1px;height:1px;
    pointer-events:none;
}
.upload-zone-icon{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:34px;height:34px;
    border-radius:10px;
    background:rgba(120,200,255,.09);
    color:var(--cyan);
    font-size:1.35rem;
}
.upload-zone strong{font-size:.85rem;color:#eaf4ff}
.upload-zone small{font-size:.67rem;color:#68718e}

.eternia-lightbox{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    background:rgba(1,2,7,.94);
    backdrop-filter:blur(18px);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease,visibility .25s ease;
}
.eternia-lightbox.show{
    opacity:1;
    visibility:visible;
}
.eternia-lightbox img{
    max-width:min(90vw,1300px);
    max-height:86vh;
    width:auto;
    height:auto;
    object-fit:contain;
    border-radius:10px;
    border:1px solid rgba(150,140,255,.25);
    box-shadow:0 30px 120px rgba(0,0,0,.75),0 0 55px rgba(53,52,255,.18);
    transform:scale(.96);
    transition:transform .25s ease;
}
.eternia-lightbox.show img{transform:scale(1)}
.lightbox-close,.lightbox-prev,.lightbox-next{
    position:absolute;
    z-index:2;
    width:46px;height:46px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:rgba(15,17,34,.8);
    color:#fff;
    font-size:1.7rem;
    cursor:pointer;
}
.lightbox-close{top:25px;right:25px}
.lightbox-prev{left:25px;top:50%;transform:translateY(-50%)}
.lightbox-next{right:25px;top:50%;transform:translateY(-50%)}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{
    border-color:var(--cyan);
    color:var(--cyan);
}
.lightbox-caption{
    position:absolute;
    bottom:23px;
    left:50%;
    transform:translateX(-50%);
    color:#737b99;
    font-size:.7rem;
    letter-spacing:.18em;
}
body.lightbox-open{overflow:hidden}

.character-details-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0 35px;
    margin-top:22px;
}
.detail-block{
    padding:18px 0;
    border-top:1px solid rgba(135,128,210,.13);
}
.detail-block h3{
    margin:0 0 8px;
    color:#7efaff;
    font-size:.9rem;
    letter-spacing:.04em;
}
.detail-block div{
    color:#b4bbd0;
    line-height:1.75;
}

@media(max-width:900px){
    .character-gallery{grid-template-columns:repeat(2,1fr)}
    .image-upload-card{display:block}
    .image-upload-form{margin-top:24px}
}
@media(max-width:600px){
    .character-hero{display:block;padding:30px 24px}
    .character-avatar{margin-top:25px;width:95px;height:95px}
    .image-gallery-card,.image-upload-card,.character-details{padding:24px 18px}
    .gallery-heading{display:block}
    .gallery-count{display:inline-block;margin-top:10px}
    .character-gallery{gap:9px}
    .image-upload-form{display:block}
    .image-upload-form .btn-primary{width:100%;margin-top:10px}
    .character-details-grid{grid-template-columns:1fr}
    .eternia-lightbox{padding:20px}
    .lightbox-prev{left:10px}
    .lightbox-next{right:10px}
    .lightbox-close{top:12px;right:12px}
}

/* Images remain visible across the modernized site. */
.card img,
.card-identity img,
.profile img{
    max-width:100%;
}
.card-identity img.zoomable-image{
    display:block;
    width:100%;
    max-height:420px;
    object-fit:cover;
    border-radius:12px;
    margin-bottom:16px;
    border:1px solid rgba(129,118,255,.20);
    box-shadow:0 15px 45px rgba(0,0,0,.28);
}
.card-identity.image-missing{
    opacity:.9;
}

/* =========================================================
   ETERNIA — COMPACT CHARACTER GALLERY OVERRIDE
   ========================================================= */

.character-gallery{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(170px,230px)) !important;
    justify-content:center !important;
    align-items:start !important;
    gap:18px !important;
    width:100% !important;
}

.character-gallery .gallery-item{
    display:block !important;
    width:100% !important;
    max-width:230px !important;
    height:285px !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    background:#050711 !important;
    border:1px solid rgba(131,120,255,.30) !important;
    border-radius:14px !important;
    overflow:hidden !important;
    cursor:pointer !important;
}

.character-gallery .gallery-item img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    object-fit:cover !important;
}

.character-gallery .gallery-item:focus-visible{
    outline:2px solid var(--cyan) !important;
    outline-offset:3px;
}

@media(max-width:700px){
    .character-gallery{
        grid-template-columns:repeat(2,minmax(0,180px)) !important;
        gap:12px !important;
    }
    .character-gallery .gallery-item{
        max-width:180px !important;
        height:230px !important;
    }
}

@media(max-width:430px){
    .character-gallery{
        grid-template-columns:minmax(0,180px) !important;
    }
}

.character-avatar{display:none !important;}

/* =========================================================
   ETERNIA — LIVE CHARACTER SEARCH
   ========================================================= */

.search-page{
    width:min(1180px,100%);
    margin:0 auto;
}
.search-hero{
    padding:44px 42px 35px;
    text-align:center;
}
.search-hero h1{
    margin:6px 0 12px;
    font-size:clamp(2.4rem,5vw,4.6rem);
}
.search-hero > p{
    max-width:700px;
    margin:0 auto 28px;
    color:#7f87a5;
}
.live-search{
    position:relative;
    max-width:850px;
    margin:0 auto;
}
.live-search input{
    width:100%;
    height:62px;
    margin:0;
    padding:0 58px 0 54px;
    border:1px solid rgba(115,121,255,.28);
    border-radius:14px;
    background:rgba(2,4,13,.82);
    color:#f4f7ff;
    font-size:1rem;
    box-shadow:0 12px 50px rgba(0,0,0,.25),inset 0 0 30px rgba(75,50,255,.025);
}
.live-search input:focus{
    border-color:rgba(120,200,255,.65);
    box-shadow:0 0 0 3px rgba(120,200,255,.07),0 12px 55px rgba(0,0,0,.3),0 0 35px rgba(120,200,255,.06);
}
.live-search-icon{
    position:absolute;
    z-index:2;
    left:20px;
    top:50%;
    transform:translateY(-55%);
    color:#7d88ff;
    font-size:1.65rem;
    pointer-events:none;
}
.clear-search{
    position:absolute !important;
    z-index:2;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:40px !important;
    height:40px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    color:#656d8a !important;
    font-size:1.35rem !important;
    box-shadow:none !important;
}
.clear-search:hover{
    color:var(--cyan) !important;
    transform:translateY(-50%) !important;
    box-shadow:none !important;
}
.search-hint{
    margin-top:14px;
    color:#565e7a;
    font-size:.67rem;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.search-hint span{color:var(--cyan)}

.search-results-card{
    min-height:260px;
    padding:30px;
}
.search-results-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin:0 0 22px;
}
.search-results-head p{
    margin:0;
    color:#707996;
    font-size:.8rem;
}
.search-results-head strong{color:#dce6ff}

.search-results-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(225px,1fr));
    gap:16px;
}
.search-character-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(126,117,235,.19);
    border-radius:15px;
    background:linear-gradient(145deg,rgba(27,26,58,.72),rgba(6,8,17,.94));
    color:#fff !important;
    box-shadow:0 18px 55px rgba(0,0,0,.28);
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.search-character-card:hover{
    transform:translateY(-5px);
    border-color:rgba(120,200,255,.42);
    box-shadow:0 25px 70px rgba(30,27,120,.28),0 0 30px rgba(120,200,255,.06);
}
.search-character-image{
    position:relative;
    height:220px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 35%,rgba(72,77,255,.22),transparent 45%),
        #050711;
}
.search-character-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease,filter .5s ease;
}
.search-character-card:hover .search-character-image img{
    transform:scale(1.045);
    filter:brightness(1.08) saturate(1.08);
}
.search-character-image.no-image{
    display:grid;
    place-items:center;
}
.search-character-image.no-image > span{
    color:#5e69bb;
    font-size:2.3rem;
}
.search-character-glow{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 45%,rgba(3,4,10,.85));
}
.search-character-info{
    position:relative;
    padding:17px 18px 19px;
}
.search-character-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#64708d;
    font-size:.59rem;
    font-weight:800;
    letter-spacing:.13em;
}
.search-character-top b{
    color:#6c76a0;
    font-size:1rem;
    transition:.2s;
}
.search-character-card:hover .search-character-top b{color:var(--cyan)}
.search-character-info h3{
    margin:6px 0 9px;
    color:#f3f5ff;
    font-size:1.25rem;
}
.search-tags{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin-bottom:10px;
}
.search-tags span{
    padding:4px 7px;
    border:1px solid rgba(120,200,255,.14);
    border-radius:999px;
    color:#8f9bc0;
    background:rgba(120,200,255,.035);
    font-size:.61rem;
}
.search-character-info p{
    margin:0;
    color:#626b87;
    font-size:.72rem;
}
.search-character-info p strong{color:#b7c0dd}

.search-empty{
    min-height:210px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.search-empty-icon{
    width:54px;height:54px;
    display:grid;
    place-items:center;
    margin-bottom:12px;
    border:1px solid rgba(120,200,255,.18);
    border-radius:50%;
    color:#7080ff;
    background:rgba(120,200,255,.035);
    font-size:1.4rem;
}
.search-empty h2{
    margin:0 0 5px;
    font-size:1.35rem;
}
.search-empty p{
    margin:0;
    color:#69728f;
}

.search-loading{
    min-height:210px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}
.search-loading span{
    width:7px;height:7px;
    border-radius:50%;
    background:var(--cyan);
    box-shadow:0 0 12px rgba(120,200,255,.8);
    animation:searchPulse 1s ease-in-out infinite;
}
.search-loading span:nth-child(2){animation-delay:.15s}
.search-loading span:nth-child(3){animation-delay:.3s}
@keyframes searchPulse{
    0%,100%{opacity:.25;transform:scale(.7)}
    50%{opacity:1;transform:scale(1.15)}
}
.search-results-card.is-loading{opacity:.78}

@media(max-width:760px){
    .search-hero{padding:32px 20px 27px}
    .search-results-card{padding:20px 16px}
    .search-results-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .search-character-image{height:190px}
    .search-character-info{padding:13px}
}
@media(max-width:470px){
    .search-results-grid{grid-template-columns:1fr}
    .search-character-image{height:250px}
}

.search-empty-icon{
    color:#7d88ff;
}

/* =========================================================
   ETERNIA V3 — COSMIC ARCHIVE
   ========================================================= */
:root{
  --v3-bg:#04030a;--v3-panel:#0b0915;--v3-panel2:#110d20;--v3-line:rgba(178,157,255,.18);
  --v3-cyan:#78c8ff;--v3-violet:#9b7bff;--v3-purple:#5f3ccf;--v3-gold:#d8b76a;--v3-text:#f5f3ff;--v3-muted:#9d98b4;
}
body{background:radial-gradient(ellipse at 50% -10%,rgba(111,56,220,.26),transparent 38%),radial-gradient(ellipse at 100% 50%,rgba(0,180,255,.08),transparent 28%),#04030a;}
body::before{opacity:.34;}
.site-noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");}
.site-header{height:78px;min-height:78px;padding:0 34px;background:rgba(4,3,10,.72);border-bottom:1px solid rgba(145,119,255,.2);backdrop-filter:blur(24px) saturate(150%);}
.site-header::after{background:linear-gradient(90deg,transparent,#6f45e8,#78c8ff,#6f45e8,transparent);}
.main-nav{display:flex;align-items:center;gap:28px;min-width:0;}
.brand{display:flex!important;align-items:center;gap:10px!important;padding:0!important;color:#fff!important;background:none!important;box-shadow:none!important;font-family:'Cinzel',serif;font-weight:800;letter-spacing:.12em;font-size:.86rem;white-space:nowrap;}
.brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(93,70,255,.7));}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-links a{color:#aaa5c0;padding:10px 12px;border-radius:8px;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;transition:.2s;}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.045);}
.nav-links a.active{box-shadow:inset 0 -1px var(--v3-cyan);}
.header-user{display:flex;align-items:center;gap:9px;}
.mini-profile{display:flex;align-items:center;gap:8px;color:#e8e5f5;font-size:.78rem;font-weight:700;}
.mini-profile img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(120,200,255,.65);}
.header-action,.header-login{padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#d7d2e7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.header-login{border-color:rgba(120,200,255,.35);color:#e8ffff;background:rgba(120,200,255,.07);}
.page-container{width:min(1440px,calc(100% - 48px));padding:0 0 90px;}
.site-footer{margin-top:0;background:#030208;border-top:1px solid rgba(145,119,255,.14);padding:30px 5%;color:#777188;}
.footer-inner{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:30px;align-items:flex-end;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;}
.footer-inner>div{display:flex;flex-direction:column;gap:6px}.footer-inner strong{color:#eae6f5;font-family:'Cinzel',serif;letter-spacing:.15em}.footer-inner span{color:#706b7f}
.v3-hero{min-height:calc(100vh - 78px);position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;padding:70px 6%;margin:0 -24px;background:radial-gradient(circle at 74% 48%,rgba(80,43,210,.2),transparent 31%),linear-gradient(180deg,rgba(5,3,14,.1),rgba(4,3,10,.85));}
.hero-cosmos{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none;}.hero-cosmos-a{width:520px;height:520px;right:8%;top:4%;background:rgba(93,45,255,.18);animation:floatCosmos 10s ease-in-out infinite}.hero-cosmos-b{width:400px;height:400px;left:35%;bottom:-20%;background:rgba(120,200,255,.08);animation:floatCosmos 13s ease-in-out infinite reverse}.hero-stars-layer{position:absolute;inset:0;opacity:.32;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#78c8ff 0 1px,transparent 1.4px);background-size:170px 170px,310px 310px;background-position:20px 40px,80px 130px;}
.hero-content{position:relative;z-index:3;max-width:720px}.v3-kicker,.section-overline{font-size:.68rem;letter-spacing:.2em;color:#8e89a5;font-weight:800;text-transform:uppercase}.v3-kicker{display:flex;align-items:center;gap:12px;color:#aaa4bd}.v3-kicker i{display:block;width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--v3-cyan))}.v3-kicker i:last-child{background:linear-gradient(90deg,var(--v3-cyan),transparent)}
.v3-hero h1{font-size:clamp(3.6rem,7vw,7.6rem);line-height:.92;margin:24px 0;color:#fff;letter-spacing:-.055em;text-shadow:0 0 45px rgba(120,74,255,.18)}.v3-hero h1 span,.v3-hero em,.intro-section em,.section-heading em,.codex-hero em,.territory-hero em,.news-hero em,.archive-hero em,.manage-head em,.profile-hero em,.dossier em,.profile-gallery em,.profile-gallery-empty em,.territory-notes em{font-style:normal;color:var(--v3-cyan)}
.v3-hero p{font-size:1rem;color:#aaa5bb;line-height:1.8;max-width:590px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.v3-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(178,157,255,.24);border-radius:7px;padding:12px 17px;background:rgba(255,255,255,.035);color:#e9e5f4!important;font-size:.73rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.22s;text-decoration:none}.v3-btn:hover{transform:translateY(-2px);border-color:rgba(120,200,255,.7);box-shadow:0 14px 40px rgba(0,0,0,.3)}.v3-btn.primary{background:linear-gradient(120deg,#00e8f2,#6674ff);border-color:#4effff;color:#02070b!important;box-shadow:0 10px 35px rgba(0,218,255,.16)}.v3-btn.danger{background:rgba(255,64,102,.09);border-color:rgba(255,64,102,.4);color:#ffb8c6!important}
.hero-emblem{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px}.hero-emblem img{width:min(560px,90%);filter:drop-shadow(0 0 28px rgba(79,91,255,.55)) drop-shadow(0 0 80px rgba(120,200,255,.1));animation:logoFloat 7s ease-in-out infinite}.emblem-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(72,58,255,.24),transparent 67%);filter:blur(20px)}.emblem-caption{margin-top:-15px;color:#77728c;font-size:.62rem;letter-spacing:.34em}.hero-ring{position:absolute;border:1px solid rgba(119,89,255,.17);border-radius:50%;pointer-events:none}.ring-a{width:580px;height:580px;right:7%;top:12%;transform:rotate(23deg) skewX(-12deg)}.ring-b{width:740px;height:300px;right:0;top:30%;transform:rotate(-24deg);border-color:rgba(120,200,255,.1)}.hero-discover{position:absolute;bottom:28px;left:6%;display:flex;flex-direction:column;gap:7px;color:#686278;font-size:.6rem;letter-spacing:.18em;font-weight:800}.hero-discover b{font-size:1.2rem;color:#aaa4bb;font-weight:400}
.v3-section{padding:115px 3% 30px}.intro-section{max-width:1280px;margin:auto}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:22px}.v3-section h2,.section-heading h2{font-family:'Cinzel',serif;font-size:clamp(2rem,4vw,4rem);margin:0;color:#f8f5ff;line-height:1.05}.intro-copy p{color:#a29caf;line-height:1.9;max-width:620px}.text-link{display:inline-flex;gap:15px;margin-top:15px;color:#d9d4e9;font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.text-link span{color:var(--v3-cyan);transition:.2s}.text-link:hover span{transform:translateX(5px)}
.v3-stats{max-width:1280px;margin:75px auto 20px;border-top:1px solid var(--v3-line);border-bottom:1px solid var(--v3-line);display:grid;grid-template-columns:repeat(4,1fr)}.v3-stats.stats-two{grid-template-columns:repeat(2,minmax(0,1fr));}.v3-stats.stats-two .stat-block{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px}.v3-stats.stats-two .stat-block:last-child{border-right:0}.stat-block{padding:30px 25px;border-right:1px solid var(--v3-line)}.stat-block:last-child{border-right:0}.stat-block strong{display:block;font-family:'Cinzel',serif;font-size:2.5rem;color:#f5f2ff}.stat-block span{display:block;margin-top:5px;color:#716b7f;font-size:.61rem;letter-spacing:.16em;font-weight:800}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px}.section-heading>p{max-width:420px;color:#888296;font-size:.9rem}.portal-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.portal-card{position:relative;min-height:310px;padding:30px;background:linear-gradient(150deg,rgba(27,19,48,.8),rgba(7,6,14,.94));border:1px solid var(--v3-line);overflow:hidden;transition:.3s}.portal-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(120,200,255,.08),transparent 28%);opacity:.8}.portal-card:hover{transform:translateY(-5px);border-color:rgba(120,200,255,.42);box-shadow:0 25px 70px rgba(0,0,0,.35)}.portal-large{min-height:380px;background:radial-gradient(circle at 65% 25%,rgba(103,60,230,.24),transparent 34%),linear-gradient(150deg,#151025,#07060e)}.portal-number{position:absolute;right:20px;top:20px;color:#514b62;font-size:.62rem;letter-spacing:.15em}.portal-symbol{font-size:2.2rem;color:var(--v3-cyan);margin-top:30px}.portal-card h3{position:relative;font-size:2rem;margin:45px 0 8px}.portal-card p{position:relative;color:#8d879c;max-width:430px}.portal-card>b{position:absolute;bottom:28px;color:#77718a;font-size:.62rem;letter-spacing:.14em}.portal-card:hover>b{color:var(--v3-cyan)}
.archive-preview{max-width:1440px;margin:auto}.character-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.archive-card{display:block;background:#0a0811;border:1px solid var(--v3-line);transition:.25s;min-width:0}.archive-card:hover{transform:translateY(-4px);border-color:rgba(120,200,255,.4)}.archive-image{height:230px;position:relative;overflow:hidden;background:#0e0b19}.archive-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.archive-card:hover .archive-image img{transform:scale(1.05)}.archive-image.empty{display:grid;place-items:center;color:#4e485d;font-size:2rem}.archive-image small{position:absolute;left:10px;bottom:10px;color:#d8d3e4;background:rgba(3,2,7,.65);padding:4px 6px;font-size:.55rem;letter-spacing:.12em}.archive-info{padding:15px;text-align:center}.archive-info h3{font-family:'Cinzel',serif;font-size:1rem;margin:0;color:#eeeaf7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-info p{font-size:.72rem;color:#777185;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0}.archive-info>span{font-size:.61rem;color:#78c8ff;text-transform:uppercase;letter-spacing:.08em}.empty-panel{border:1px dashed var(--v3-line);padding:70px;text-align:center;color:#716b7f}.v3-quote{max-width:900px;margin:80px auto 40px;text-align:center;padding:90px 20px;position:relative}.quote-mark{font-family:Georgia,serif;font-size:7rem;color:rgba(120,200,255,.12);line-height:.3}.v3-quote p{font-family:'Cinzel',serif;font-size:clamp(1.8rem,4vw,3.2rem);color:#f0ecf7;line-height:1.3}.v3-quote strong{color:var(--v3-cyan)}.v3-quote span{color:#686276;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}
.account-profile{max-width:1280px;margin:0 auto;padding:28px 3%;display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(120deg,rgba(31,21,55,.6),rgba(7,6,13,.8));border:1px solid var(--v3-line)}
.account-profile-main{display:flex;align-items:center;gap:20px}.account-profile-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:1px solid rgba(120,200,255,.22);box-shadow:0 0 35px rgba(120,200,255,.06)}.account-profile-avatar-empty{display:grid;place-items:center;background:#110d1d;color:#5f586d;font-size:1.5rem}.account-profile h2{font-family:'Cinzel',serif;font-size:1.6rem;margin:7px 0}.account-profile p{margin:0;color:#777185;font-size:.72rem}.account-profile p strong{color:#b9b3c6}.account-profile-actions{display:flex;gap:8px}
.account-strip{max-width:1280px;margin:40px auto 0;border:1px solid var(--v3-line);padding:45px;background:linear-gradient(120deg,rgba(31,21,55,.6),rgba(7,6,13,.8));display:flex;justify-content:space-between;align-items:center;gap:30px}.account-strip h2{font-size:2rem;margin:7px 0}.account-strip p{margin:0}.account-strip-actions{display:flex;gap:10px;flex-wrap:wrap}
.codex-hero,.news-hero,.archive-hero,.manage-head{max-width:1280px;margin:0 auto;padding:95px 3% 65px;display:flex;justify-content:space-between;align-items:end;gap:50px}.codex-hero h1,.territory-hero h1,.news-hero h1,.archive-hero h1,.manage-head h1{font-size:clamp(3.2rem,6vw,6.4rem);margin:20px 0 0;line-height:.93}.codex-hero p,.territory-hero p,.news-hero p,.archive-hero p,.manage-head p{max-width:630px;color:#8f899e;line-height:1.8}.codex-seal{width:150px;height:150px;border:1px solid rgba(120,200,255,.22);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--v3-cyan);font-size:2rem;box-shadow:0 0 70px rgba(120,200,255,.06)}.codex-seal span{font-size:.5rem;letter-spacing:.18em;line-height:1.6;color:#6e687d}.codex-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:210px 1fr;gap:70px;padding:30px 3%}.codex-index{position:sticky;top:105px;align-self:start;border-left:1px solid var(--v3-line);display:flex;flex-direction:column}.codex-index span{font-size:.58rem;color:#5f596d;letter-spacing:.2em;padding:0 0 16px 15px}.codex-index a{padding:9px 15px;color:#777184;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.codex-index a:hover{color:var(--v3-cyan)}.codex-content{border-top:1px solid var(--v3-line)}.codex-entry{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:70px 0;border-bottom:1px solid var(--v3-line)}.entry-number{font-family:'Cinzel',serif;color:#514b5f;font-size:.8rem}.codex-entry h2{font-size:2.5rem;margin:9px 0 20px}.codex-entry p{max-width:760px;color:#9690a5;line-height:1.9}.lore-callout{margin:30px 0;padding:22px 25px;border-left:2px solid var(--v3-cyan);background:rgba(120,200,255,.035);display:flex;flex-direction:column;gap:5px}.lore-callout strong{font-size:.6rem;letter-spacing:.18em;color:#676172}.lore-callout span{font-family:'Cinzel',serif;color:#e8e3f1;font-size:1.1rem}.timeline-mini{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:center;gap:15px;margin-top:35px}.timeline-mini div{display:flex;flex-direction:column;gap:6px}.timeline-mini b{font-size:.58rem;letter-spacing:.14em;color:var(--v3-cyan)}.timeline-mini span{font-size:.75rem;color:#777185}.timeline-mini i{height:1px;background:linear-gradient(90deg,transparent,var(--v3-violet),transparent)}.taxonomy{display:grid;gap:30px;margin-top:30px}.taxonomy h3{font-family:'Cinzel',serif;color:#e9e5f0;margin-bottom:12px}.pill-list{display:flex;flex-wrap:wrap;gap:7px}.pill-list span{border:1px solid var(--v3-line);background:rgba(255,255,255,.025);padding:7px 10px;color:#9690a5;font-size:.67rem}.atlas-panel{max-width:1280px;margin:auto;padding:0 3%}.atlas-map{height:590px;position:relative;overflow:hidden;border:1px solid var(--v3-line);background:radial-gradient(circle at 45% 45%,rgba(74,48,151,.22),transparent 28%),#07050e}.map-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(120,200,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.12) 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(55deg) scale(1.5);transform-origin:center}.map-orbit{position:absolute;border:1px solid rgba(126,89,255,.22);border-radius:50%}.o1{width:700px;height:330px;left:25%;top:16%;transform:rotate(-18deg)}.o2{width:460px;height:460px;left:43%;top:3%;transform:rotate(22deg);border-color:rgba(120,200,255,.1)}.territory{position:absolute;display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:rgba(7,5,14,.82);border:1px solid rgba(153,119,255,.28);box-shadow:0 10px 50px rgba(0,0,0,.4)}.territory::before{content:"";position:absolute;inset:-1px;border:1px solid rgba(120,200,255,.08);transform:skew(-8deg)}.territory b{font-family:'Cinzel',serif;color:#eeeaf7;font-size:.9rem}.territory span{font-size:.55rem;color:#6f687d;letter-spacing:.14em}.t1{left:41%;top:39%}.t2{left:17%;top:59%}.t3{right:12%;top:25%}.t4{right:28%;bottom:10%;opacity:.65}.map-compass{position:absolute;right:30px;bottom:25px;color:#686274;text-align:center;font-size:.6rem;line-height:1.8}.map-compass i{color:var(--v3-cyan);font-style:normal;font-size:1rem}.atlas-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--v3-line);margin-top:1px}.atlas-legend>div{background:#090711;padding:18px;display:grid;grid-template-columns:12px 1fr;gap:4px 10px}.atlas-legend b{font-size:.68rem;color:#d8d3e3}.atlas-legend small{grid-column:2;color:#625c6d;font-size:.62rem}.legend-dot{width:8px;height:8px;background:var(--v3-cyan);border-radius:50%;margin-top:4px}.legend-dot.hollow{background:transparent;border:1px solid var(--v3-violet)}.legend-dot.dim{background:#3d3746}.territory-notes{max-width:1280px;margin:auto}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.note-grid>div{border-top:1px solid var(--v3-line);padding-top:20px}.note-grid b{color:#5b5565;font-size:.65rem}.note-grid h3{margin:15px 0 7px}.note-grid p{font-size:.8rem;line-height:1.7}
.news-hero{display:block}.news-grid{max-width:1280px;margin:auto;padding:0 3%;display:grid;grid-template-columns:2fr 1fr;gap:14px}.news-feature,.news-card{border:1px solid var(--v3-line);background:linear-gradient(145deg,rgba(24,16,41,.75),rgba(7,5,12,.9));padding:35px;min-height:250px}.news-feature{grid-row:span 2;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 20%,rgba(83,53,191,.18),transparent 30%),linear-gradient(145deg,rgba(24,16,41,.75),rgba(7,5,12,.9))}.news-feature>span,.news-card small{font-size:.6rem;color:var(--v3-cyan);letter-spacing:.15em;font-weight:800}.news-feature h2{font-size:3rem;margin:12px 0}.news-feature p,.news-card p{color:#8b8598;line-height:1.8}.news-meta{margin-top:30px;color:#625c6d;font-size:.6rem;letter-spacing:.14em}.news-meta b{color:var(--v3-cyan);margin-left:10px}.news-card h3{font-family:'Cinzel',serif;font-size:1.4rem;margin:18px 0 8px}.archive-hero{align-items:center}.archive-hero-symbol{font-size:9rem;color:rgba(120,200,255,.15);font-family:serif}.archive-shell{max-width:1280px;margin:auto;padding:0 3%}.archive-toolbar{display:grid;grid-template-columns:1fr 190px;gap:10px}.search-box{display:flex;align-items:center;border:1px solid var(--v3-line);background:#090711}.search-box>span{padding:0 15px;color:#6d667a;font-size:1.3rem}.search-box input{flex:1;background:transparent;border:0;outline:0;color:#eeeaf6;padding:15px 0;font:inherit;font-size:.85rem}.search-box button{background:none;border:0;color:#666071;font-size:1.4rem;cursor:pointer;padding:0 16px}.archive-toolbar select,.filter-row select{background:#090711;border:1px solid var(--v3-line);color:#c9c4d5;padding:0 13px;font:inherit;font-size:.72rem;outline:none}.filter-row{display:flex;gap:8px;margin:10px 0 35px}.filter-row select{height:42px;min-width:180px}.archive-count{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--v3-line);padding:0 0 13px;margin-bottom:14px}.archive-count span{font-size:.6rem;letter-spacing:.14em;color:#777084;font-weight:800}.archive-count em{font-style:normal;color:#625c6d;font-size:.7rem}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.archive-result{background:#090711;border:1px solid var(--v3-line);display:block;transition:.25s}.archive-result:hover{border-color:rgba(120,200,255,.4);transform:translateY(-4px)}.archive-result-image{height:280px;background-size:cover;background-position:center;position:relative}.archive-result-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,2,7,.72))}.archive-result-image.empty{display:grid;place-items:center;background:#0d0a16;color:#4d465a;font-size:2rem}.archive-result-image small{position:absolute;left:12px;bottom:11px;z-index:2;color:#ddd8e8;font-size:.55rem;letter-spacing:.12em}.archive-result-body{padding:17px}.archive-result-body>span{color:var(--v3-cyan);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.archive-result-body h3{margin:8px 0 4px;font-family:'Cinzel',serif;font-size:1.15rem;color:#f1edf8}.archive-result-body p{margin:0;color:#777080;font-size:.7rem}.archive-result-body footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid rgba(178,157,255,.09)}.archive-result-body footer small{color:#625c6e;font-size:.57rem}.archive-result-body footer b{color:#625c6e}.archive-result:hover footer b{color:var(--v3-cyan)}.archive-empty{padding:90px 20px;text-align:center;border:1px dashed var(--v3-line);margin-bottom:50px}.archive-empty>b{display:block;color:var(--v3-cyan);font-size:2rem}.archive-empty h2{font-family:'Cinzel',serif;margin:15px 0 5px}.archive-empty p{color:#716b7e}.archive-loading{display:flex;justify-content:center;gap:7px;padding:100px}.archive-loading span{width:7px;height:7px;background:var(--v3-cyan);border-radius:50%;animation:pulse 1s infinite}.archive-loading span:nth-child(2){animation-delay:.15s}.archive-loading span:nth-child(3){animation-delay:.3s}.archive-shell #archive-results.loading{opacity:.45}
.manage-head{align-items:center}.manage-list{max-width:1280px;margin:auto;padding:0 3%}.manage-row{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:15px;border:1px solid var(--v3-line);background:#090711;margin-bottom:8px}.manage-thumb{width:90px;height:90px;background:#110d1d;overflow:hidden;display:grid;place-items:center;color:#4f485d}.manage-thumb img{width:100%;height:100%;object-fit:cover}.manage-main>span{font-size:.57rem;color:#5f586c;letter-spacing:.13em}.manage-main h2{font-family:'Cinzel',serif;font-size:1.25rem;margin:6px 0}.manage-main p{font-size:.7rem;margin:0}.manage-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.manage-actions form{margin:0}
.profile-hero{max-width:1280px;margin:70px auto 30px;display:grid;grid-template-columns:330px 1fr;gap:55px;align-items:center}.profile-hero-image{height:440px;position:relative;background:#0c0915;border:1px solid var(--v3-line);overflow:hidden}.profile-hero-image img{width:100%;height:100%;object-fit:cover}.profile-hero-image.empty{display:grid;place-items:center;color:#4d4659;font-size:4rem}.profile-image-label{position:absolute;left:15px;bottom:15px;color:#ddd8e9;background:rgba(3,2,7,.7);padding:6px 8px;font-size:.56rem;letter-spacing:.14em}.profile-hero-copy h1{font-family:'Cinzel',serif;font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:15px 0}.profile-tags{display:flex;gap:7px;flex-wrap:wrap}.profile-tags span{padding:7px 10px;border:1px solid rgba(120,200,255,.18);color:#8bdfe3;background:rgba(120,200,255,.035);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.profile-hero-copy p{color:#888295;max-width:650px;line-height:1.8}.profile-hero-copy strong{color:#ddd8e8}.profile-actions{display:flex;gap:8px;margin-top:24px}.profile-actions form{margin:0}.profile-gallery,.dossier,.upload-panel,.profile-gallery-empty{max-width:1280px;margin:0 auto}.profile-gallery .section-heading{align-items:center}.gallery-count{font-family:'Cinzel',serif;color:#4e485a}.profile-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-gallery-item{height:320px;padding:0;border:1px solid var(--v3-line);background:#090711;overflow:hidden;cursor:pointer}.profile-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s}.profile-gallery-item:hover img{transform:scale(1.04)}.profile-gallery-empty,.upload-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--v3-line);padding:45px;margin-top:40px}.profile-gallery-empty h2,.upload-panel h2{margin:8px 0}.upload-panel form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.upload-panel input[type=file]{color:#8e879a;font-size:.7rem;max-width:270px}.dossier{padding-top:80px}.dossier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--v3-line);margin-top:25px}.dossier-block{background:#090711;padding:28px}.dossier-block>span{display:block;color:#5f586b;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:12px}.dossier-block>div{color:#a19baa;line-height:1.85;font-size:.85rem}.profile-lightbox{position:fixed;inset:0;background:rgba(2,1,6,.94);z-index:5000;display:none;align-items:center;justify-content:center}.profile-lightbox.show{display:flex}.profile-lightbox img{max-width:min(88vw,1100px);max-height:88vh;object-fit:contain;box-shadow:0 20px 100px rgba(0,0,0,.6)}.lb-close,.lb-prev,.lb-next{position:absolute;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#fff;width:48px;height:48px;cursor:pointer;font-size:2rem}.lb-close{top:25px;right:25px}.lb-prev{left:25px}.lb-next{right:25px}.lb-count{position:absolute;bottom:25px;color:#777184;font-size:.65rem;letter-spacing:.15em}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(.4deg)}}@keyframes floatCosmos{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-15px)}}@keyframes pulse{0%,100%{transform:scale(.7);opacity:.3}50%{transform:scale(1.1);opacity:1}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.nav-links a{padding:9px 7px;font-size:.68rem}.main-nav{gap:15px}.v3-hero{grid-template-columns:1fr}.hero-emblem{position:absolute;right:-10%;opacity:.45;width:60%;pointer-events:none}.hero-content{max-width:800px}.character-rail{grid-template-columns:repeat(3,1fr)}.archive-grid{grid-template-columns:repeat(3,1fr)}.profile-hero{grid-template-columns:260px 1fr}.portal-grid{grid-template-columns:1fr 1fr}.portal-large{grid-column:span 2}}
@media(max-width:780px){.site-header{height:auto;min-height:70px;padding:10px 14px;gap:10px;align-items:flex-start}.main-nav{flex-direction:column;align-items:flex-start;gap:5px}.nav-links{overflow:auto;max-width:calc(100vw - 30px)}.nav-links a{font-size:.59rem;padding:7px}.header-user{display:none}.page-container{width:min(100% - 22px,1440px)}.v3-hero{min-height:calc(100vh - 70px);margin:0 -11px;padding:50px 7%}.v3-hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-emblem{right:-28%;width:85%;opacity:.3}.intro-layout,.codex-layout{grid-template-columns:1fr;gap:25px}.v3-section{padding:80px 3% 20px}.v3-stats{grid-template-columns:repeat(2,1fr)}.stat-block:nth-child(2){border-right:0}.stat-block{border-bottom:1px solid var(--v3-line)}.portal-grid{grid-template-columns:1fr}.portal-large{grid-column:auto}.section-heading{display:block}.section-heading>.text-link{margin-top:20px}.character-rail{grid-template-columns:repeat(2,1fr)}.archive-image{height:220px}.codex-hero,.news-hero,.archive-hero,.manage-head{padding:70px 3% 45px;display:block}.codex-index{display:none}.codex-entry{grid-template-columns:35px 1fr;padding:50px 0}.codex-entry h2{font-size:2rem}.timeline-mini{grid-template-columns:1fr;gap:10px}.timeline-mini i{display:none}.atlas-map{height:520px}news-grid{grid-template-columns:1fr}.news-feature{grid-row:auto;min-height:400px}.archive-toolbar{grid-template-columns:1fr}.filter-row{overflow:auto}.filter-row select{min-width:160px}.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-result-image{height:250px}.manage-row{grid-template-columns:70px 1fr}.manage-thumb{width:70px;height:70px}.manage-actions{grid-column:1/-1;justify-content:flex-start}.profile-hero{grid-template-columns:1fr;gap:25px;margin-top:45px}.profile-hero-image{height:390px;max-width:430px}.profile-hero-copy h1{font-size:3.3rem}.profile-gallery-grid{grid-template-columns:repeat(2,1fr)}.profile-gallery-item{height:250px}.dossier-grid{grid-template-columns:1fr}.profile-gallery-empty,.upload-panel{display:block}.upload-panel form{margin-top:20px}.footer-inner{display:block}.footer-inner>div+div{margin-top:15px}}
@media(max-width:500px){.brand span{display:none}.v3-stats{margin-top:40px}.character-rail,.archive-grid{grid-template-columns:1fr}.archive-result-image{height:300px}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .v3-btn{width:100%}.archive-hero-symbol{font-size:6rem}.profile-gallery-grid{grid-template-columns:1fr}.profile-gallery-item{height:330px}.profile-actions{flex-wrap:wrap}}

/* V3.1 — Character creation, privacy spoilers, stats and factions */
.form-intro{padding-bottom:28px;border-bottom:1px solid var(--v3-line);margin-bottom:4px}.form-intro h2{font-family:'Cinzel',serif;font-size:clamp(2rem,4vw,3.2rem);margin:10px 0 8px;color:#f8f5ff}.form-intro p{max-width:760px;color:#858091}.form-intro strong{color:#c8c3d6}.form-section{padding:30px 0;border-bottom:1px solid rgba(178,157,255,.1)}.form-section:last-of-type{border-bottom:0}.form-section-title{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px}.form-section-title>span{font-family:'Cinzel',serif;color:var(--v3-cyan);font-size:.8rem}.form-section-title b{display:block;color:#f1edf8;font-family:'Cinzel',serif;font-size:1.2rem}.form-section-title small{display:block;color:#655f70;font-size:.67rem;margin-top:3px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.two label:last-child{grid-column:span 2;max-width:50%}.character-form label{color:#d9d5e4}.character-form textarea{min-height:170px}.visibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.visibility-option{display:flex;align-items:center;gap:12px!important;padding:13px 14px;border:1px solid rgba(178,157,255,.1);background:rgba(255,255,255,.018);cursor:pointer;transition:.2s}.visibility-option:hover{border-color:rgba(120,200,255,.28);background:rgba(120,200,255,.025)}.visibility-option input{width:17px;height:17px;margin:0;accent-color:var(--v3-cyan)}.visibility-option span{display:block}.visibility-option b{display:block;color:#ddd8e8;font-size:.78rem}.visibility-option small{color:#605a6d;font-size:.62rem}.spoiler-help{display:flex;gap:13px;margin-top:16px;padding:15px;border:1px solid rgba(120,200,255,.12);background:rgba(120,200,255,.025)}.spoiler-help>span{color:var(--v3-cyan)}.spoiler-help b{font-size:.75rem;color:#d9d4e7}.spoiler-help p{margin:3px 0 0;color:#716b7d;font-size:.68rem}.rules-check{display:flex!important;align-items:center;gap:10px;margin:22px 0 4px!important}.rules-check input{width:18px;margin:0;accent-color:var(--v3-cyan)}.private-name-note{font-size:.67rem;color:#655f70;margin:-5px 0 18px}.private-name-note strong{color:#a9a4b6}.dossier-value{position:relative;transition:none}.dossier-block.is-spoiler{cursor:default}.spoiler-blur{filter:blur(7px);opacity:.62;user-select:none;pointer-events:none;min-height:34px;display:flex;align-items:center}.spoiler-placeholder{display:inline-block;color:#d9d4e7;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.spoiler-caption{display:block;margin-top:10px;color:#575161;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.history-text{white-space:normal}.gdoc-button{display:inline-flex;align-items:center;gap:10px;margin-top:7px;padding:11px 14px;border:1px solid rgba(120,200,255,.32);background:rgba(120,200,255,.055);color:#bffcff!important;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gdoc-button:hover{border-color:var(--v3-cyan);box-shadow:0 10px 30px rgba(120,200,255,.08)}.gdoc-inline-link{display:inline-flex;align-items:center;gap:5px;margin:0 3px;padding:3px 8px;border:1px solid rgba(120,200,255,.28);background:rgba(120,200,255,.045);color:#bffcff!important;font-size:.68em;font-weight:800;letter-spacing:.05em;text-decoration:none;border-radius:3px;vertical-align:baseline}.gdoc-inline-link:hover{border-color:var(--v3-cyan);background:rgba(120,200,255,.09);box-shadow:0 0 16px rgba(120,200,255,.08)}.history-preview{margin:0 0 8px!important;color:#787184!important;font-size:.78rem!important}.stats-hero{max-width:1280px;margin:80px auto 30px;padding:0 3%}.stats-hero h1,.faction-hero h1{font-family:'Cinzel',serif;font-size:clamp(3rem,7vw,6.5rem);line-height:.95;margin:18px 0}.stats-hero h1 em,.faction-hero h1 em{font-style:normal;color:var(--v3-cyan)}.stats-hero p,.faction-hero p{max-width:720px;color:#888296;line-height:1.8}.stats-overview{max-width:1280px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v3-line);border-bottom:1px solid var(--v3-line)}.stats-overview>div{padding:25px;border-right:1px solid var(--v3-line)}.stats-overview>div:last-child{border-right:0}.stats-overview span{display:block;color:#625d6d;font-size:.58rem;letter-spacing:.15em;font-weight:800}.stats-overview strong{display:block;margin-top:5px;font-family:'Cinzel',serif;font-size:2rem;color:#f4f0fa}.stats-grid{max-width:1280px;margin:30px auto 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stats-panel{background:#090711;border:1px solid var(--v3-line);padding:28px;min-width:0}.stats-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid rgba(178,157,255,.09)}.stats-panel-head span{color:#625d6d;font-size:.57rem;letter-spacing:.14em}.stats-panel-head h2{font-family:'Cinzel',serif;margin:8px 0 0;font-size:1.8rem}.stats-panel-head>b{color:#777082;font-size:.62rem}.stats-bars{padding-top:20px}.stats-bar-row{display:grid;grid-template-columns:minmax(100px,.9fr) minmax(100px,2fr) 55px;gap:12px;align-items:center;margin:12px 0}.stats-label{display:flex;justify-content:space-between;gap:8px;color:#aaa5b5;font-size:.68rem}.stats-label b{color:#ddd8e8}.stats-track{height:7px;background:#171323;overflow:hidden}.stats-track i{display:block;height:100%;background:linear-gradient(90deg,var(--v3-cyan),#7359ff);box-shadow:0 0 14px rgba(120,200,255,.2)}.stats-bar-row>small{color:#5f596a;text-align:right;font-size:.57rem}.stats-pie-wrap{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid rgba(178,157,255,.08)}.stats-pie{width:170px;height:170px;border-radius:50%;position:relative;background:conic-gradient(from 0deg,#171323 0deg 360deg);}.stats-pie::after{content:"";position:absolute;inset:38px;background:#090711;border:1px solid rgba(178,157,255,.08);border-radius:50%}.stats-legend{display:grid;gap:7px}.stats-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;color:#8b8597;font-size:.64rem}.stats-legend i{width:7px;height:7px;background:var(--legend-color);display:block}.stats-legend b{color:#ddd8e8}.stats-empty{padding:45px 5px;color:#625d6d;font-size:.72rem}.faction-hero{max-width:1280px;margin:85px auto 40px;padding:0 3%}.faction-conflict{max-width:1280px;margin:30px auto 20px;display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch;gap:0}.faction-card{position:relative;min-height:410px;padding:45px 42px;background:#090711;border:1px solid var(--v3-line);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.faction-card::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-140px;top:-140px;background:radial-gradient(circle,rgba(111,69,232,.16),transparent 65%)}.faction-card.raiik{border-color:rgba(120,200,255,.16)}.faction-card.queldrin{border-color:rgba(180,92,255,.18)}.faction-index{position:absolute;left:20px;top:20px;color:#605a6d;font-size:.58rem;letter-spacing:.16em}.faction-sigil{font-family:'Cinzel',serif;font-size:7rem;line-height:1;color:rgba(120,200,255,.1);position:absolute;right:28px;bottom:24px}.queldrin .faction-sigil{color:rgba(180,92,255,.11)}.faction-card h2{font-family:'Cinzel',serif;font-size:2.4rem;margin:8px 0 12px}.faction-card p{max-width:460px;color:#827c8e;line-height:1.85}.conflict-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06050b;border-top:1px solid var(--v3-line);border-bottom:1px solid var(--v3-line);position:relative}.conflict-mark span{writing-mode:vertical-rl;transform:rotate(180deg);color:#5e586a;font-size:.53rem;letter-spacing:.2em}.conflict-mark b{font-family:'Cinzel',serif;color:#f4effa;font-size:1.4rem;margin:13px 0}.conflict-mark i{display:block;width:1px;height:60px;background:linear-gradient(var(--v3-cyan),#b45cff)}.conflict-note{max-width:1280px;margin:auto;padding-left:3%;padding-right:3%;}.conflict-note p{max-width:650px;color:#80798b;line-height:1.8}.portal-symbol{font-family:'Cinzel',serif}
@media(max-width:900px){.form-grid.two{grid-template-columns:1fr}.form-grid.two label:last-child{grid-column:auto;max-width:none}.visibility-grid,.stats-grid{grid-template-columns:1fr}.faction-conflict{grid-template-columns:1fr}.conflict-mark{height:90px;border-left:1px solid var(--v3-line);border-right:1px solid var(--v3-line);border-top:0;border-bottom:0}.conflict-mark span{writing-mode:horizontal-tb;transform:none}.conflict-mark i{width:70px;height:1px}.stats-overview{grid-template-columns:1fr}.stats-overview>div{border-right:0;border-bottom:1px solid var(--v3-line)}.stats-overview>div:last-child{border-bottom:0}.stats-pie-wrap{grid-template-columns:1fr}.stats-pie{margin:auto}.stats-hero,.faction-hero{margin-top:55px}}

.privacy-blur{filter:blur(4px);opacity:.62;transition:none}.archive-result:hover .privacy-blur{filter:blur(4px);opacity:.62}.privacy-placeholder{display:inline-block;min-width:52px;cursor:default}

/* =========================================================
   V3.2 — CHARACTER IMAGE UPLOADS
   ========================================================= */
.image-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.image-upload-card{background:linear-gradient(145deg,rgba(16,12,28,.9),rgba(7,6,13,.96));border:1px solid rgba(178,157,255,.13);padding:22px;min-width:0}
.image-upload-card:hover{border-color:rgba(120,200,255,.28)}
.upload-card-kicker{color:#6f697b;font-size:.56rem;letter-spacing:.17em;font-weight:800;margin-bottom:15px}
.upload-placeholder{height:210px;display:grid;place-items:center;background:rgba(0,0,0,.2);border:1px dashed rgba(178,157,255,.13);color:rgba(120,200,255,.3);font-family:'Cinzel',serif;font-size:4rem;margin-bottom:15px}
.annex-placeholder{font-size:3rem;color:#5e5670}
.current-profile-preview{position:relative;height:210px;background:#06050b;border:1px solid rgba(120,200,255,.15);overflow:hidden;margin-bottom:15px}
.current-profile-preview img{width:100%;height:100%;object-fit:cover}
.current-profile-preview span{position:absolute;left:10px;bottom:10px;padding:6px 9px;background:rgba(2,1,6,.78);color:#d8d3e3;font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}
.image-upload-card label{display:block}
.image-upload-card input[type=file]{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid rgba(178,157,255,.12);background:#090711;color:#aaa4b5;font-size:.66rem}
.image-upload-card input[type=file]::file-selector-button{border:1px solid rgba(120,200,255,.25);background:rgba(120,200,255,.05);color:#bffcff;padding:8px 11px;margin-right:10px;cursor:pointer}
.image-upload-card>small{display:block;color:#5f596a;font-size:.59rem;line-height:1.6;margin-top:10px}
@media(max-width:760px){.image-upload-grid{grid-template-columns:1fr}.upload-placeholder,.current-profile-preview{height:190px}}

/* V3.3 — Actualités, chroniques, livres, administration et stats interactives */
.admin-inline-actions{margin-top:22px}.edition-feature{max-width:1280px;margin:0 auto 70px;padding:52px 5%;position:relative;border:1px solid rgba(120,200,255,.18);background:radial-gradient(circle at 80% 20%,rgba(103,60,230,.17),transparent 34%),linear-gradient(145deg,rgba(22,15,39,.94),rgba(7,5,12,.98));overflow:hidden}.edition-feature::before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.035);pointer-events:none}.edition-kicker{font-size:.6rem;letter-spacing:.2em;color:var(--v3-cyan);font-weight:800}.edition-feature h2{font-family:'Cinzel',serif;font-size:clamp(2.4rem,5vw,4.8rem);margin:14px 0}.edition-feature p{max-width:780px;color:#928ba0;line-height:1.9}.edition-feature .news-meta{margin-top:26px}.news-edit-link{position:absolute;right:28px;bottom:25px;color:#716b7c;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.news-edit-link:hover{color:var(--v3-cyan)}.actus-section{max-width:1280px;margin:0 auto;padding:0 3% 80px}.actus-count{color:#686174;font-size:.65rem;letter-spacing:.12em}.actus-event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.actus-event-card{padding:26px;border:1px solid var(--v3-line);background:#090711;transition:.25s;min-height:240px;display:flex;flex-direction:column}.actus-event-card:hover{border-color:rgba(120,200,255,.4);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.25)}.actus-event-card>span,.chronique-mini-card small,.patch-card>span{color:var(--v3-cyan);font-size:.56rem;font-weight:800;letter-spacing:.15em}.actus-event-card h3{font-family:'Cinzel',serif;font-size:1.4rem;margin:15px 0 8px}.actus-event-card p{color:#817a8c;line-height:1.7;font-size:.76rem}.actus-event-card footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(178,157,255,.08);display:flex;justify-content:space-between;gap:15px}.actus-event-card footer small{color:#5e5869;font-size:.58rem}.actus-event-card footer b{color:#686173;font-size:.57rem;letter-spacing:.1em}.actus-event-card:hover footer b{color:var(--v3-cyan)}.chronique-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.chronique-mini-card{display:grid;grid-template-columns:12px 1fr;gap:20px;padding:25px;background:#090711;border:1px solid var(--v3-line);position:relative;transition:.25s}.chronique-mini-card>i{width:12px;background:var(--book-color);box-shadow:0 0 25px color-mix(in srgb,var(--book-color),transparent 65%)}.chronique-mini-card h3{font-family:'Cinzel',serif;font-size:1.35rem;margin:10px 0}.chronique-mini-card p{color:#7f788a;font-size:.72rem;line-height:1.7}.chronique-mini-card>b{grid-column:2;color:#686173;font-size:.55rem;letter-spacing:.13em}.chronique-mini-card:hover{transform:translateY(-4px);border-color:var(--book-color)}.patch-list{display:grid;border-top:1px solid var(--v3-line)}.patch-card{display:grid;grid-template-columns:100px 1fr 30px;gap:20px;align-items:center;padding:21px 15px;border-bottom:1px solid rgba(178,157,255,.09);background:rgba(255,255,255,.012);transition:.2s}.patch-card:hover{background:rgba(120,200,255,.025);padding-left:20px}.patch-card>span{color:#766f82}.patch-card h3{font-family:'Cinzel',serif;font-size:1rem;margin:0 0 4px}.patch-card small{color:#5f5969;font-size:.57rem}.patch-card>b{color:#5f5969}.patch-card:hover>b{color:var(--v3-cyan)}
.content-hero{max-width:1000px;margin:90px auto 30px;padding:0 3%}.content-hero h1{font-family:'Cinzel',serif;font-size:clamp(3rem,7vw,6rem);line-height:.95;margin:18px 0}.content-hero p{max-width:700px;color:#8c8598;line-height:1.8}.content-meta{margin-top:25px;color:#676071;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.longform-card{max-width:900px;margin:35px auto 100px;padding:50px 6%;background:#090711;border:1px solid var(--v3-line);color:#a39cab;line-height:2;font-size:.95rem;white-space:normal}.patch-longform{font-family:Inter,sans-serif}
.book-hero{max-width:1280px;margin:90px auto 55px;padding:0 3%;display:flex;justify-content:space-between;align-items:end;gap:50px}.book-hero h1{font-family:'Cinzel',serif;font-size:clamp(3rem,7vw,6.2rem);line-height:.92;margin:18px 0}.book-hero h1 em{font-style:normal;color:var(--v3-cyan)}.book-hero p{max-width:650px;color:#898294;line-height:1.8}.book-seal{width:170px;height:210px;display:grid;place-items:center;text-align:center;border:1px solid rgba(210,190,135,.22);background:linear-gradient(150deg,#17121a,#08070b);color:#bba979;font-family:'Cinzel',serif;font-size:.75rem;line-height:1.8;box-shadow:10px 20px 50px rgba(0,0,0,.35);transform:rotate(2deg)}.bookshelf{max-width:1280px;margin:0 auto 100px;padding:0 3%}.bookshelf-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--v3-line);padding-bottom:13px;margin-bottom:24px}.bookshelf-head span{font-size:.58rem;color:#6b6475;letter-spacing:.2em}.bookshelf-head b{font-size:.6rem;color:#625c6d}.book-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:end;padding:30px 25px 0;background:linear-gradient(180deg,transparent,#0c0910);border-bottom:12px solid #171118}.book-card{border:0;background:none;padding:0;cursor:pointer;min-height:350px;position:relative;transform-origin:bottom center;transition:.3s}.book-card:hover{transform:translateY(-15px) rotate(-1deg)}.book-cover{height:350px;position:relative;padding:30px 22px 25px;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 16%),linear-gradient(135deg,#1a1422,#09070c 70%);border:1px solid rgba(255,255,255,.08);border-left:7px solid var(--book-color);box-shadow:15px 25px 45px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#ece5d5}.book-cover::before{content:"";position:absolute;inset:15px;border:1px solid color-mix(in srgb,var(--book-color),transparent 70%)}.book-cover span{font-size:.55rem;letter-spacing:.3em;color:#81796d}.book-cover strong{font-family:'Cinzel',serif;font-size:1.35rem;line-height:1.2;margin:22px 0;color:#e8dfca;text-shadow:0 3px 15px #000}.book-cover small{font-size:.52rem;letter-spacing:.18em;color:#746d65}.book-spine{height:12px;background:linear-gradient(90deg,#20181b,#09070a,#20181b);margin:0 10px;box-shadow:0 8px 10px rgba(0,0,0,.45)}.book-summary-panel{position:fixed;inset:0;background:rgba(2,1,5,.82);backdrop-filter:blur(8px);z-index:80;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.35s}.book-summary-panel.show{opacity:1;pointer-events:auto}.book-summary-inner{width:min(900px,92vw);display:grid;grid-template-columns:270px 1fr;gap:45px;align-items:center;position:relative;padding:55px;background:#0a080d;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 120px #000}.book-close{position:absolute;right:18px;top:13px;background:none;border:0;color:#8c8595;font-size:2rem;cursor:pointer}.book-summary-cover{height:390px;background:linear-gradient(135deg,#1b1523,#08070a);border-left:8px solid var(--book-color);border-top:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;box-shadow:15px 25px 55px #000}.book-summary-cover span{font-size:.6rem;letter-spacing:.3em;color:#81786f}.book-summary-cover strong{font-family:'Cinzel',serif;font-size:1.6rem;margin-top:25px;color:#eee5d4}.book-summary-copy h2{font-family:'Cinzel',serif;font-size:2.7rem;margin:12px 0 18px}.book-summary-copy p{color:#8e8798;line-height:1.9;max-width:520px}.open-book-page{padding:90px 3% 45px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--book-color),transparent 90%),transparent 45%)}.open-book-shell{max-width:1050px;margin:auto;display:grid;grid-template-columns:360px 1fr;align-items:center;filter:drop-shadow(0 35px 50px rgba(0,0,0,.45))}.open-book-cover{height:510px;background:linear-gradient(90deg,#24191d,#0a080b);border-left:10px solid var(--book-color);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#e9dfc9}.open-book-cover span{font-size:.65rem;letter-spacing:.3em}.open-book-cover strong{font-family:'Cinzel',serif;font-size:2.1rem;margin:30px 0;line-height:1.1}.open-book-cover small{letter-spacing:.18em;color:#8c8173}.open-book-intro{height:510px;padding:65px 60px;background:linear-gradient(90deg,#ddd5c0,#f2ead6 12%,#e9e0ca);color:#29231e;position:relative}.open-book-intro h1{font-family:'Cinzel',serif;font-size:3.1rem;line-height:1.05;margin:18px 0;color:#33291f}.open-book-intro p{line-height:1.9;color:#51463b;white-space:pre-line}.open-book-intro .section-overline{color:#7b6651}.book-rule{height:1px;background:#b5a489;margin:28px 0}.open-book-intro small{color:#756653;letter-spacing:.12em}.reader-shell{max-width:1250px;margin:30px auto 100px;padding:0 3%;display:grid;grid-template-columns:210px 1fr;gap:30px}.chapter-index{display:flex;flex-direction:column;align-self:start;position:sticky;top:95px;border-left:1px solid var(--v3-line)}.chapter-index span{padding:0 0 15px 14px;font-size:.55rem;color:#6c6575;letter-spacing:.18em}.chapter-index button{border:0;background:none;color:#777083;text-align:left;padding:10px 14px;font:inherit;font-size:.65rem;cursor:pointer}.chapter-index button:hover,.chapter-index button.active{color:var(--v3-cyan);background:rgba(120,200,255,.03)}.reader-book{display:grid;grid-template-columns:1fr 1fr;min-height:600px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.reader-page{position:relative;padding:65px 55px;background:linear-gradient(90deg,#e5ddc8,#f1ead9);color:#302920;min-width:0}.reader-page.left{border-right:1px solid #c1b59f}.reader-page.right{background:linear-gradient(90deg,#ddd4bd,#efe6d1);display:flex;flex-direction:column;justify-content:space-between}.page-kicker{font-size:.55rem;letter-spacing:.16em;color:#7d6e5d}.reader-page h2{font-family:'Cinzel',serif;font-size:2.2rem;line-height:1.08;color:#352b22;margin:16px 0}.page-rule{height:1px;background:#b7a98e;margin:25px 0}.reader-page p{font-family:Georgia,serif;font-size:.93rem;line-height:2;color:#493d31;white-space:normal}.chapter-number{font-family:'Cinzel',serif;font-size:6rem;color:rgba(81,66,49,.12)}.page-ornament{font-size:3rem;color:var(--book-color);text-align:center}.reader-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b9ad96;padding-top:20px;color:#6e6153}.reader-controls button{border:0;background:none;font-size:1.5rem;color:#594c40;cursor:pointer}.reader-controls button:hover{color:var(--book-color)}
.editorial-form{max-width:1050px;margin:0 auto 80px;padding:35px;display:grid;gap:20px}.editorial-form label{display:grid;gap:8px;color:#c9c4d5;font-size:.72rem}.editorial-form textarea{min-height:220px}.chapter-editor{min-height:420px!important}.color-input{height:45px;padding:3px;background:#090711;border:1px solid var(--v3-line)}.check-line{display:flex!important;align-items:center;gap:10px}.check-line input{accent-color:var(--v3-cyan)}.admin-list-card{max-width:1280px;margin:0 auto 80px;padding:20px;overflow:auto}.admin-list-card table{min-width:850px}.admin-list-card small{color:#716b7b}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.admin-list-card .actions{display:flex;flex-wrap:wrap;gap:5px}.admin-list-card .btn{border:1px solid var(--v3-line);background:#0c0a12;color:#aaa3b3;padding:7px 9px;font-size:.58rem;cursor:pointer}.admin-list-card .btn:hover{border-color:rgba(120,200,255,.4);color:var(--v3-cyan)}.admin-list-card .btn.danger{color:#d76a80}.field-help{display:block;color:#5f5969;font-size:.58rem;margin-top:5px}.race-category{font-weight:800;background:#14101d;color:#78c8ff}.stats-view-toggle{margin-top:30px;border:1px solid rgba(120,200,255,.22);background:#090711;color:#bcb6c7;padding:12px 16px;display:flex;align-items:center;gap:9px;cursor:pointer;overflow:hidden;position:relative}.stats-view-toggle::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(120,200,255,.08),rgba(122,97,255,.08));transform:translateX(-100%);transition:.45s}.stats-view-toggle.is-market::before{transform:translateX(0)}.stats-view-toggle>*{position:relative}.stats-view-toggle b{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.toggle-pie{color:var(--v3-cyan)}.toggle-switch{color:#665f70;margin:0 4px}.stats-mode{transition:opacity .35s,transform .35s,max-height .5s}.stats-mode-bars{display:none}.stats-market-mode .stats-mode-pie{display:none}.stats-market-mode .stats-mode-bars{display:block;animation:marketIn .5s ease}.stats-market-chart{height:310px;display:flex;align-items:flex-end;gap:9px;padding:25px 8px 0;border-bottom:1px solid rgba(178,157,255,.12);overflow-x:auto}.market-col{height:100%;min-width:48px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.market-value{font-size:.57rem;color:#ddd8e8;margin-bottom:6px}.market-bar{width:22px;height:var(--h);background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c),#000 35%));box-shadow:0 0 18px color-mix(in srgb,var(--c),transparent 65%);transform-origin:bottom;animation:barRise .6s cubic-bezier(.2,.8,.2,1)}.market-col small{max-width:80px;text-align:center;margin-top:10px;color:#716a7a;font-size:.52rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-col em{font-style:normal;color:#555061;font-size:.48rem;margin-top:4px}.stats-market-mode .stats-pie{animation:none}@keyframes marketIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes barRise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1000px){.actus-event-grid,.chronique-mini-grid{grid-template-columns:1fr 1fr}.book-grid{grid-template-columns:repeat(3,1fr)}.open-book-shell{grid-template-columns:300px 1fr}.reader-shell{grid-template-columns:1fr}.chapter-index{position:static;display:grid;grid-template-columns:repeat(2,1fr);border-left:0;border-top:1px solid var(--v3-line)}}
@media(max-width:760px){.edition-feature{margin:0 0 50px}.news-edit-link{position:static;display:inline-block;margin-top:18px}.actus-event-grid,.chronique-mini-grid{grid-template-columns:1fr}.patch-card{grid-template-columns:70px 1fr 20px}.book-hero{display:block}.book-seal{margin-top:30px}.book-grid{grid-template-columns:repeat(2,1fr);padding:20px 8px 0}.book-card{min-height:280px}.book-cover{height:280px;padding:20px 12px}.book-summary-inner{grid-template-columns:1fr;padding:35px;max-height:90vh;overflow:auto}.book-summary-cover{height:250px}.open-book-shell{grid-template-columns:1fr}.open-book-cover{height:360px}.open-book-intro{height:auto;min-height:360px}.reader-book{grid-template-columns:1fr}.reader-page.right{min-height:230px}.reader-page.left{border-right:0;border-bottom:1px solid #c1b59f}.reader-page{padding:40px 30px}.stats-view-toggle{width:100%;justify-content:center}.stats-market-chart{gap:7px}}

.stats-pie{background:var(--pie)!important}
.chapter-admin-list{display:grid;margin:18px 0 22px;border-top:1px solid rgba(178,157,255,.08)}.chapter-admin-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 5px;border-bottom:1px solid rgba(178,157,255,.08)}.chapter-admin-row small{display:block;color:#5f5969;font-size:.52rem;letter-spacing:.12em}.chapter-admin-row strong{display:block;margin-top:4px;color:#d9d4e4;font-family:'Cinzel',serif}.chapter-admin-row .actions{display:flex;gap:6px;align-items:center}.chapter-admin-row form{margin:0}

/* ETERNIA MIDNIGHT PALETTE — arcane blue, violet and restrained gold */
.section-overline,.v3-kicker{color:#aaa5bc;}
.v3-hero h1 span,.v3-hero em,.intro-section em,.section-heading em,.codex-hero em,.news-hero em,.archive-hero em,.manage-head em,.profile-hero em,.dossier em,.profile-gallery em,.profile-gallery-empty em{
  color:#9b7bff;
  text-shadow:0 0 22px rgba(155,123,255,.16);
}
.v3-kicker i,.v3-kicker i:last-child{background:linear-gradient(90deg,transparent,#78c8ff);}
.section-overline::before{background:#d8b76a;}
.race-category{color:#9b7bff !important;}
.stats-view-toggle{border-color:rgba(155,123,255,.3);}
.stats-view-toggle::before{background:linear-gradient(90deg,rgba(120,200,255,.08),rgba(155,123,255,.12),rgba(216,183,106,.05));}
.toggle-pie{color:#9b7bff;}
.v3-btn.primary,.btn-primary{background:linear-gradient(135deg,#78c8ff,#7867e8);border-color:#a9dcff;box-shadow:0 8px 28px rgba(120,200,255,.14);}
.button,.button-logout,button,.btn{background:linear-gradient(180deg,rgba(120,200,255,.12),rgba(155,123,255,.06));}

.required-mark{color:#d8b76a;font-weight:800;margin-left:3px;}

/* V3.6 — image previews & gallery management */
.file-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px;padding:12px;border:1px solid rgba(150,170,220,.18);background:rgba(8,10,18,.58);border-radius:14px}
.file-preview-item{min-width:0;border:1px solid rgba(150,170,220,.16);background:rgba(255,255,255,.025);border-radius:11px;overflow:hidden}
.file-preview-item img{display:block;width:100%;height:150px;object-fit:cover;background:#090b12}
.file-preview-meta{display:flex;flex-direction:column;gap:3px;padding:8px 10px;font-size:.78rem;overflow:hidden}
.file-preview-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-preview-meta small{opacity:.6}
.profile-gallery-grid{align-items:start}
.profile-gallery-entry{position:relative;min-width:0}
.image-delete-form{position:absolute;top:8px;right:8px;z-index:3}
.image-delete-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(7,9,15,.82);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}
.image-delete-btn:hover{background:#7d1f32;border-color:#d96a82;transform:scale(1.06)}
.image-kind{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(7,9,15,.72);border:1px solid rgba(255,255,255,.15);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}
.gallery-upload-form{display:flex;flex-direction:column;gap:12px;min-width:min(100%,520px)}
.file-drop-label{display:flex;flex-direction:column;gap:8px}
.file-drop-label input{width:100%}
@media (max-width:700px){.file-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.file-preview-item img{height:120px}}

/* Unlimited character galleries / Instagram-like archive */
.full-gallery-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px;padding:22px 24px;border:1px solid var(--v3-line);background:linear-gradient(120deg,rgba(255,255,255,.035),rgba(90,75,150,.06));}
.full-gallery-cta>div{display:flex;flex-direction:column;gap:5px}.full-gallery-cta strong{font-family:'Cinzel',serif;font-size:1.15rem;color:#eee}.full-gallery-cta span{color:#8c8798;font-size:.75rem}
.instagram-gallery-page{max-width:1240px;margin:55px auto 90px}.instagram-gallery-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding-bottom:28px;border-bottom:1px solid var(--v3-line)}
.gallery-back{color:#aaa4b4;text-decoration:none;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.gallery-back:hover{color:#fff}
.instagram-profile-head{display:flex;align-items:center;gap:20px}.instagram-avatar{width:82px;height:82px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#6b54c8,#a58bdc,#5f6da8)}.instagram-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #080711}.instagram-avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#11101a;color:#77718a;font-size:1.8rem}.instagram-profile-head h1{font-family:'Cinzel',serif;margin:4px 0;font-size:clamp(1.8rem,4vw,3.2rem)}.instagram-profile-head p{margin:0;color:#777184;font-size:.75rem}
.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:28px}.instagram-post{background:#090711;position:relative}.instagram-image-button{display:block;width:100%;aspect-ratio:1/1;padding:0;border:0;overflow:hidden;background:#090711;cursor:pointer}.instagram-image-button img{width:100%;height:100%;object-fit:cover;transition:.5s}.instagram-post:hover .instagram-image-button img{transform:scale(1.035)}.instagram-post-meta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#ddd;font-size:.58rem;letter-spacing:.12em}.instagram-post-meta form{margin:0}.instagram-delete{border:0;background:rgba(100,20,40,.72);color:#fff;padding:5px 8px;font-size:.55rem;cursor:pointer}.instagram-delete:hover{background:#9d2944}
@media(max-width:800px){.instagram-gallery-page{margin-top:35px;padding:0 14px}.instagram-gallery-head{grid-template-columns:1fr;gap:18px}.instagram-gallery-head>.v3-btn{justify-self:start}.instagram-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.instagram-grid{grid-template-columns:1fr}.instagram-profile-head{gap:13px}.instagram-avatar{width:65px;height:65px}}


/* V4.1 — Badges de statut des comptes */
.mini-profile{align-items:center!important}
.mini-profile-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;line-height:1;min-width:0}
.mini-profile-copy strong{font-size:.72rem;line-height:1.1;white-space:nowrap}
.account-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 8px 3px 6px;border-radius:999px;border:1px solid rgba(178,157,255,.22);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));color:#aaa3b8;font-size:.46rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 3px 12px rgba(0,0,0,.2)}
.account-badge::before{content:'✦';display:inline-grid;place-items:center;width:11px;height:11px;margin-right:4px;font-size:.48rem;line-height:1;color:currentColor}
.account-badge.status-joueur{color:#aaa3b8;border-color:rgba(170,163,184,.3);background:linear-gradient(135deg,rgba(170,163,184,.11),rgba(170,163,184,.035))}
.account-badge.status-animateur{color:#b69cff;border-color:rgba(182,156,255,.38);background:linear-gradient(135deg,rgba(182,156,255,.15),rgba(182,156,255,.035));box-shadow:0 0 16px rgba(182,156,255,.08)}
.account-badge.status-moderateur{color:#78c8ff;border-color:rgba(120,200,255,.4);background:linear-gradient(135deg,rgba(120,200,255,.14),rgba(120,200,255,.035));box-shadow:0 0 16px rgba(120,200,255,.08)}
.account-badge.status-administrateur{color:#d6a8ff;border-color:rgba(214,168,255,.42);background:linear-gradient(135deg,rgba(214,168,255,.16),rgba(214,168,255,.035));box-shadow:0 0 18px rgba(214,168,255,.09)}
.account-badge.status-fondatrice{color:#f4d58b;border-color:rgba(244,213,139,.5);background:linear-gradient(135deg,rgba(244,213,139,.2),rgba(169,111,255,.09));box-shadow:0 0 20px rgba(244,213,139,.12),inset 0 0 12px rgba(255,255,255,.025)}
.account-badge.status-fondatrice::before{content:'♛';font-size:.54rem}

@media(max-width:780px){.mini-profile-copy{display:flex}.mini-profile-copy strong{font-size:.62rem}.account-badge{font-size:.4rem;padding:2px 6px}.account-badge::before{width:9px;height:9px;margin-right:3px}}

/* Codex — Première Trame */
.codex-hero-trame{padding-bottom:72px}
.codex-hero-trame h1{letter-spacing:-.045em}
.codex-hero-trame p{font-size:.92rem}
.codex-trame-content{border-top:1px solid var(--v3-line)}
.codex-trame-entry{padding:82px 0}
.codex-trame-entry p{max-width:820px;color:#9b95aa;line-height:1.95;margin:0 0 18px}
.codex-trame-entry p:last-child{margin-bottom:0}
.codex-trame-entry h2{max-width:900px;font-size:clamp(2.15rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.025em}
.codex-trame-entry strong{color:#ddd8e8}
.codex-epigraph{display:inline-block;margin:3px 0 28px;padding:9px 13px;border:1px solid rgba(120,200,255,.18);background:rgba(120,200,255,.025);color:var(--v3-cyan);font-size:.61rem;font-weight:800;letter-spacing:.16em}
.codex-highlight{display:flex;flex-direction:column;gap:7px;max-width:820px;margin:30px 0;padding:20px 24px;border-left:2px solid var(--v3-cyan);background:linear-gradient(90deg,rgba(120,200,255,.055),transparent);box-shadow:inset 0 0 35px rgba(120,200,255,.018)}
.codex-highlight strong{font-family:'Cinzel',serif;color:#e9e5f0;font-size:.76rem;letter-spacing:.11em}
.codex-highlight span{color:#777185;font-size:.76rem;line-height:1.65}
.codex-highlight.danger{border-left-color:#9a80ff;background:linear-gradient(90deg,rgba(122,97,255,.07),transparent)}
.codex-world-title{margin:30px 0 18px;font-family:'Cinzel',serif;color:#edf5ff;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:.08em;text-shadow:0 0 30px rgba(120,200,255,.12)}
.codex-final-line{font-family:'Cinzel',serif!important;color:#e9e5f0!important;font-size:1.04rem!important;letter-spacing:.015em}
.codex-question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:34px 0;background:rgba(178,157,255,.11);border:1px solid rgba(178,157,255,.11);max-width:820px}
.codex-question-grid>div{padding:18px 20px;background:#090711;display:flex;flex-direction:column;gap:6px}
.codex-question-grid b{font-size:.58rem;letter-spacing:.15em;color:var(--v3-cyan)}
.codex-question-grid span{font-size:.73rem;color:#777185;line-height:1.5}
.codex-choice-list,.codex-action-grid{display:flex;flex-wrap:wrap;gap:8px;max-width:820px;margin:28px 0 30px}
.codex-choice-list span,.codex-action-grid span{padding:9px 12px;border:1px solid var(--v3-line);background:rgba(255,255,255,.018);color:#aaa4b5;font-size:.68rem}
.codex-choice-list span::before{content:'✦';color:var(--v3-cyan);margin-right:7px}
.codex-action-grid span{font-family:'Cinzel',serif;color:#aaa4b5}
.codex-action-grid span::before{content:'·';color:var(--v3-cyan);margin-right:7px}
.codex-end{margin:30px 0 90px;padding:85px 40px;text-align:center;border-top:1px solid var(--v3-line);border-bottom:1px solid var(--v3-line);background:radial-gradient(circle at 50% 45%,rgba(74,48,151,.11),transparent 55%)}
.codex-end-symbol{color:var(--v3-cyan);font-size:2.3rem;margin-bottom:20px;text-shadow:0 0 30px rgba(120,200,255,.2)}
.codex-end h2{max-width:800px;margin:16px auto 18px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}
.codex-end p{color:#898396;margin:0 0 20px}
.codex-end strong{font-family:'Cinzel',serif;color:#e9e5f0;font-size:.86rem;letter-spacing:.08em}
@media(max-width:780px){.codex-trame-entry{padding:58px 0}.codex-question-grid{grid-template-columns:1fr}.codex-end{padding:65px 20px;margin-bottom:60px}.codex-epigraph{line-height:1.5}.codex-trame-entry p{line-height:1.8}}


/* Eternia V4.7 — règles / liens communautaires */
.community-links{max-width:1280px;margin:30px auto 0;display:grid;grid-template-columns:1.4fr 1fr;gap:14px;padding:0 3%;}
.community-link-card{position:relative;display:flex;align-items:center;gap:22px;min-height:145px;padding:25px 28px;background:linear-gradient(145deg,rgba(24,16,41,.82),rgba(7,5,12,.96));border:1px solid var(--v3-line);overflow:hidden;transition:.25s;text-decoration:none!important;}
.community-link-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 25%,rgba(120,200,255,.09),transparent 35%);pointer-events:none;}
.community-link-card:hover{transform:translateY(-4px);border-color:rgba(120,200,255,.42);box-shadow:0 22px 60px rgba(0,0,0,.3)}
.community-link-symbol{position:relative;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(120,200,255,.3);color:var(--v3-cyan);font-family:'Cinzel',serif;font-size:1.1rem;flex:0 0 auto;background:rgba(120,200,255,.035)}
.community-link-copy{position:relative}.community-link-copy small{display:block;color:#686173;font-size:.56rem;font-weight:800;letter-spacing:.17em}.community-link-copy strong{display:block;font-family:'Cinzel',serif;font-size:1.35rem;color:#eeeaf7;margin:7px 0}.community-link-copy span{display:block;color:#817a8e;font-size:.74rem;line-height:1.6}.community-link-card b{margin-left:auto;position:relative;color:#6f687e;font-size:.6rem;letter-spacing:.12em;white-space:nowrap}.community-link-card:hover b{color:var(--v3-cyan)}

.rules-hero{max-width:1280px;margin:85px auto 38px;padding:0 3%;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.rules-hero h1{font-family:'Cinzel',serif;font-size:clamp(3rem,6vw,5.8rem);line-height:.92;margin:18px 0}.rules-hero h1 em{font-style:normal;color:var(--v3-cyan)}.rules-hero p{max-width:720px;color:#898294;line-height:1.8}.rules-seal{width:180px;height:220px;display:grid;place-items:center;text-align:center;border:1px solid rgba(210,190,135,.22);background:linear-gradient(150deg,#17121a,#08070b);color:#bba979;font-family:'Cinzel',serif;font-size:.72rem;line-height:1.8;box-shadow:10px 20px 50px rgba(0,0,0,.35);transform:rotate(2deg);flex:0 0 auto}.rules-toolbar{max-width:1280px;margin:0 auto 35px;padding:0 3%;position:sticky;top:76px;z-index:20}.rules-search{display:flex;align-items:center;gap:0;border:1px solid rgba(178,157,255,.18);background:rgba(7,5,12,.94);box-shadow:0 18px 45px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.rules-search-icon{padding:0 16px;color:#777084;font-size:1rem}.rules-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#eeeaf7;padding:16px 0;font:inherit;font-size:.82rem}.rules-search button{border:0;background:transparent;color:#716a7d;padding:13px 17px;cursor:pointer;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.rules-search button:hover{color:var(--v3-cyan)}.rules-search-count{padding:0 15px;color:#5e586a;font-size:.58rem;letter-spacing:.08em;white-space:nowrap}.rules-book-shell{max-width:1280px;margin:0 auto 110px;padding:0 3%;display:grid;grid-template-columns:235px 1fr;gap:30px}.rules-index{align-self:start;position:sticky;top:142px;border-left:1px solid var(--v3-line);display:flex;flex-direction:column}.rules-index>span{padding:0 14px 14px;color:#6b6475;font-size:.55rem;letter-spacing:.18em}.rules-index button{border:0;background:none;color:#777083;text-align:left;padding:10px 14px;font:inherit;font-size:.64rem;cursor:pointer;transition:.18s}.rules-index button:hover,.rules-index button.active{color:var(--v3-cyan);background:rgba(120,200,255,.035)}.rules-book{background:linear-gradient(90deg,#ddd4bd,#f1e9d7 49%,#ded4bc);color:#352d25;box-shadow:0 30px 90px rgba(0,0,0,.45);border:1px solid rgba(220,202,166,.25);position:relative}.rules-book::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(103,83,57,.17);box-shadow:-14px 0 24px rgba(40,30,20,.08),14px 0 24px rgba(40,30,20,.08)}.rules-chapter{padding:62px 68px 70px;position:relative;border-bottom:1px solid rgba(105,83,56,.18);scroll-margin-top:145px}.rules-chapter:last-child{border-bottom:0}.rules-chapter .chapter-kicker{font-size:.56rem;color:#7d6c59;letter-spacing:.17em;font-weight:800}.rules-chapter h2{font-family:'Cinzel',serif;font-size:2.25rem;line-height:1.1;color:#352a20;margin:13px 0 28px}.rules-section{margin:32px 0}.rules-section h3{font-family:'Cinzel',serif;font-size:1.2rem;color:#43372c;margin:0 0 12px}.rules-section p,.rules-section li{font-family:Georgia,'Times New Roman',serif;font-size:.93rem;line-height:1.88;color:#51463b}.rules-section p{margin:0 0 13px}.rules-section ul{margin:8px 0 16px;padding-left:22px}.rules-section li{margin:5px 0}.rules-callout{margin:28px 0;padding:20px 24px;border-left:3px solid #8d7657;background:rgba(109,82,47,.06);font-family:Georgia,serif}.rules-callout strong{display:block;font-family:'Cinzel',serif;color:#4a3b2c;margin-bottom:7px;letter-spacing:.04em}.rules-chapter .chapter-number{position:absolute;right:42px;top:45px;font-family:'Cinzel',serif;font-size:5.5rem;color:rgba(80,61,40,.09)}.rules-end{padding:75px 30px;text-align:center;background:linear-gradient(180deg,#e6ddc9,#d9ceb7);border-top:1px solid rgba(105,83,56,.18)}.rules-end .symbol{font-size:2rem;color:#8c7657}.rules-end h2{font-family:'Cinzel',serif;color:#35291f;font-size:2rem;margin:15px 0}.rules-end p{font-family:Georgia,serif;color:#625446}.rules-no-results{display:none;padding:45px;text-align:center;font-family:Georgia,serif;color:#665a4c}.rules-no-results.show{display:block}.rules-book mark{background:rgba(255,213,75,.72);color:#211a13;padding:0 2px;box-shadow:0 0 0 2px rgba(255,213,75,.15)}.rules-search:focus-within{border-color:rgba(120,200,255,.45)}

@media(max-width:1000px){.community-links{grid-template-columns:1fr}.rules-book-shell{grid-template-columns:1fr}.rules-index{position:static;display:grid;grid-template-columns:repeat(2,1fr);border-left:0;border-top:1px solid var(--v3-line)}.rules-index>span{grid-column:1/-1;padding-top:14px}.rules-book::before{display:none}.rules-chapter{padding:50px 42px}.rules-toolbar{top:70px}}
@media(max-width:760px){.community-links{padding:0 2%}.community-link-card{min-height:125px;padding:20px}.community-link-card b{display:none}.rules-hero{display:block;margin-top:55px}.rules-seal{margin-top:30px}.rules-toolbar{padding:0 2%;top:68px}.rules-search-count{display:none}.rules-book-shell{padding:0 2%}.rules-index{grid-template-columns:1fr}.rules-chapter{padding:42px 27px}.rules-chapter h2{font-size:1.8rem}.rules-chapter .chapter-number{right:20px;top:28px;font-size:4rem}.site-footer::before{width:190px;height:70px}.footer-inner{display:block}.footer-inner>div+div{margin-top:15px}}


/* V4.8.1 — liens communauté intégrés à la présentation d'accueil */
.hero-community-links{display:flex;justify-content:center;align-items:stretch;gap:10px;margin:22px auto 0;width:min(100%,560px)}
.hero-community-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 15px;border:1px solid rgba(120,200,255,.18);background:rgba(7,6,14,.62);color:#aaa3b6;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.2s;backdrop-filter:blur(7px);flex:1}
.hero-community-link span{color:var(--v3-cyan);font-size:.8rem}.hero-community-link strong{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#d8d2df}.hero-community-link b{font-size:.65rem;color:#686173;margin-left:3px}.hero-community-link:hover{transform:translateY(-2px);border-color:rgba(120,200,255,.45);background:rgba(15,12,27,.8);box-shadow:0 15px 35px rgba(0,0,0,.28)}.hero-community-link:hover strong,.hero-community-link:hover b{color:#fff}
.hero-community-vote{border-color:rgba(155,120,255,.2)}.hero-community-vote span{color:#b995ff}
.home-community-top{display:none!important}
@media(max-width:760px){.hero-community-links{width:100%;gap:8px}.hero-community-link{padding:0 10px}.hero-community-link strong{font-size:.56rem}}

/* Eternia V4.8 — bibliothèque intégrée à l'actualité + pagination des livres + éditeur riche */
.home-community-top{max-width:1280px;margin:0 auto;padding:28px 3% 34px;border-bottom:1px solid var(--v3-line);background:linear-gradient(180deg,rgba(14,10,24,.72),rgba(5,4,10,.15));}
.home-community-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:20px}.home-community-heading h2{font-family:'Cinzel',serif;font-size:clamp(1.8rem,3vw,2.7rem);margin:8px 0 0;color:#f5f1fb}.home-community-heading h2 em{font-style:normal;color:var(--v3-cyan)}.home-community-heading p{max-width:430px;color:#777084;font-size:.72rem;line-height:1.7;margin:0}.home-community-top .community-links{margin:0;padding:0;grid-template-columns:1.35fr 1fr}.home-community-top .community-link-card{min-height:112px;padding:20px 24px}

/* Éditeur riche */
.rich-editor-wrap{display:grid;gap:8px}.rich-editor-label{display:block!important;color:#c9c4d5;font-size:.72rem}.rich-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;background:#090711;border:1px solid var(--v3-line);border-bottom:0}.rich-toolbar button,.rich-toolbar select,.rich-color{height:34px;border:1px solid rgba(178,157,255,.14);background:#100d18;color:#bdb7c8;font:inherit;font-size:.64rem;cursor:pointer}.rich-toolbar button{min-width:34px;padding:0 8px}.rich-toolbar button:hover,.rich-toolbar button.is-active,.rich-toolbar select:hover{border-color:rgba(120,200,255,.5);color:var(--v3-cyan)}.rich-toolbar select{padding:0 7px}.rich-toolbar-sep{width:1px;height:22px;background:rgba(178,157,255,.13);margin:0 3px}.rich-color{display:flex;align-items:center;gap:6px;padding:3px 7px}.rich-color span{font-size:.58rem;color:#817a8c;text-transform:uppercase;letter-spacing:.06em}.rich-color input{width:25px;height:25px;padding:0;border:0;background:none;cursor:pointer}.rich-editor{min-height:360px;padding:20px 22px;background:#0b0911;border:1px solid var(--v3-line);color:#e8e3ef;outline:0;font-family:Inter,Arial,sans-serif;line-height:1.75;overflow:auto}.rich-editor:focus{border-color:rgba(120,200,255,.45);box-shadow:0 0 0 1px rgba(120,200,255,.08)}.rich-editor p{margin:0 0 12px}.rich-editor h2,.rich-editor h3,.rich-editor h4{font-family:'Cinzel',serif;color:#fff;margin:18px 0 10px}.rich-editor blockquote{border-left:3px solid var(--v3-cyan);padding:8px 14px;margin:15px 0;color:#aaa2b5;background:rgba(120,200,255,.035)}.rich-editor-source{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.rich-public{line-height:1.85}.rich-public p{margin:0 0 14px}.rich-public h2,.rich-public h3,.rich-public h4{font-family:'Cinzel',serif;color:inherit;margin:20px 0 10px}.rich-public blockquote{border-left:3px solid currentColor;padding-left:15px;margin:20px 0;opacity:.82}.rich-public ul,.rich-public ol{margin:12px 0 18px;padding-left:25px}.rich-public a{color:var(--v3-cyan);text-decoration:underline;text-underline-offset:3px}

/* Livres directement dans Actualité */
.chronique-library-section{scroll-margin-top:100px}.chronique-library-section .section-intro{max-width:680px;color:#7f788b;line-height:1.8;margin:-8px 0 10px}.chronique-library-section .book-grid{margin-top:24px}.book-summary-copy .rich-public{color:#8e8798;max-width:520px;margin-bottom:22px}.book-summary-copy .rich-public p{line-height:1.9}
.book-modal-open{overflow:hidden}.book-reader-panel{position:fixed;inset:0;z-index:90;background:rgba(2,1,5,.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:28px;opacity:0;pointer-events:none;transition:.3s}.book-reader-panel.show{opacity:1;pointer-events:auto}.book-reader-shell{width:min(1400px,96vw);height:min(900px,94vh);display:flex;flex-direction:column;background:#09070d;border:1px solid rgba(220,205,170,.15);box-shadow:0 40px 130px #000;overflow:hidden}.book-reader-top{height:62px;display:flex;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid rgba(178,157,255,.13);flex:0 0 auto}.book-back{border:0;background:none;color:#81798c;font:inherit;font-size:.63rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.book-back:hover{color:var(--v3-cyan)}.book-reader-title{flex:1;text-align:center;font-family:'Cinzel',serif;color:#eee7d7;font-size:.9rem;letter-spacing:.08em}.reader-close{position:static;margin-left:auto}.book-reader-layout{min-height:0;flex:1;display:grid;grid-template-columns:215px 1fr}.reader-chapter-index{padding:28px 0;border-right:1px solid rgba(178,157,255,.12);overflow:auto}.reader-chapter-index>span{display:block;padding:0 18px 15px;color:#696274;font-size:.54rem;letter-spacing:.18em}.reader-chapter-index button{display:block;width:100%;padding:11px 18px;border:0;border-left:2px solid transparent;background:none;color:#777083;text-align:left;font:inherit;font-size:.62rem;cursor:pointer}.reader-chapter-index button:hover,.reader-chapter-index button.active{color:var(--v3-cyan);background:rgba(120,200,255,.035);border-left-color:var(--v3-cyan)}.reader-stage{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.reader-book-spread{width:min(100%,1060px);height:min(680px,calc(100% - 70px));min-height:420px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 28px 80px rgba(0,0,0,.5);filter:drop-shadow(0 0 20px color-mix(in srgb,var(--book-color),transparent 92%))}.reader-page{position:relative;min-width:0;min-height:0;overflow:hidden;padding:48px 52px;background:linear-gradient(90deg,#ded5be,#f0e8d5);color:#3b3026}.reader-page-left{border-right:1px solid rgba(96,75,51,.22);box-shadow:inset -16px 0 24px rgba(72,53,35,.05)}.reader-page-right{background:linear-gradient(90deg,#e5ddc7,#d8cdb5);box-shadow:inset 16px 0 24px rgba(72,53,35,.04)}.reader-page-inner{height:100%;overflow:hidden;font-family:Georgia,'Times New Roman',serif;font-size:.9rem;line-height:1.8}.reader-page-inner p{margin:0 0 13px}.reader-page-inner h2,.reader-page-inner h3,.reader-page-inner h4{font-family:'Cinzel',serif;line-height:1.15;color:#34291f;margin:0 0 18px}.reader-page-inner h2{font-size:1.7rem}.reader-page-inner h3{font-size:1.25rem}.reader-page-inner h4{font-size:1.05rem}.reader-page-inner ul,.reader-page-inner ol{padding-left:23px;margin:10px 0 16px}.reader-page-inner blockquote{margin:18px 0;padding:8px 14px;border-left:3px solid var(--book-color);color:#655548;background:rgba(102,78,45,.055)}.reader-page-inner a{color:#5e477e;text-decoration:underline}.page-chapter-label{display:block;font-family:'Cinzel',serif;font-size:.48rem;letter-spacing:.15em;text-transform:uppercase;color:#8a775f;margin-bottom:14px}.reader-page-number{position:absolute;bottom:15px;color:#877763;font-family:'Cinzel',serif;font-size:.55rem}.reader-page-left .reader-page-number{left:28px}.reader-page-right .reader-page-number{right:28px}.reader-empty-page{height:100%;display:grid;place-items:center;color:rgba(85,66,48,.14);font-size:3rem}.reader-navigation{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:17px;color:#817665;font-family:'Cinzel',serif;font-size:.62rem}.reader-navigation button{width:42px;height:34px;border:1px solid rgba(210,190,150,.22);background:#120e14;color:#bcae95;cursor:pointer;font-size:1.1rem}.reader-navigation button:hover:not(:disabled){border-color:var(--book-color);color:#fff}.reader-navigation button:disabled{opacity:.25;cursor:default}.reader-hint{margin-top:9px;color:#4f4859;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase}.reader-page-measure{position:absolute;left:-99999px;top:0;width:min(460px,38vw);height:calc(min(680px, 78vh) - 96px);padding:48px 52px;box-sizing:border-box;overflow:hidden;font-family:Georgia,'Times New Roman',serif;font-size:.9rem;line-height:1.8;color:#3b3026;background:#eee}.reader-page-measure p{margin:0 0 13px}.reader-page-measure h2,.reader-page-measure h3,.reader-page-measure h4{font-family:'Cinzel',serif;line-height:1.15;margin:0 0 18px}.reader-page-measure ul,.reader-page-measure ol{padding-left:23px;margin:10px 0 16px}.reader-page-measure blockquote{margin:18px 0;padding:8px 14px;border-left:3px solid #888}

@media(max-width:1000px){.home-community-heading{display:block}.home-community-heading p{margin-top:10px}.home-community-top .community-links{grid-template-columns:1fr}.book-reader-layout{grid-template-columns:1fr}.reader-chapter-index{max-height:120px;border-right:0;border-bottom:1px solid rgba(178,157,255,.12);display:grid;grid-template-columns:repeat(2,1fr);padding:10px}.reader-chapter-index>span{grid-column:1/-1;padding:5px 12px}.reader-chapter-index button{padding:8px 12px}.reader-stage{padding:18px}.reader-book-spread{height:min(650px,calc(100% - 20px))}}
@media(max-width:760px){.home-community-top{padding:20px 2% 24px}.home-community-top .community-link-card{min-height:105px;padding:17px}.home-community-heading h2{font-size:1.7rem}.rich-toolbar{gap:4px}.rich-toolbar button{padding:0 6px}.rich-toolbar select{max-width:130px}.rich-color span{display:none}.rich-editor{min-height:300px}.book-reader-panel{padding:8px}.book-reader-shell{width:100%;height:96vh}.book-reader-top{padding:0 12px}.book-reader-title{font-size:.72rem}.book-reader-layout{grid-template-rows:auto 1fr}.reader-chapter-index{max-height:105px;overflow:auto;grid-template-columns:1fr 1fr}.reader-book-spread{grid-template-columns:1fr;height:calc(100% - 5px);min-height:0}.reader-page-right{display:none}.reader-page{padding:35px 28px}.reader-page-inner{font-size:.87rem;line-height:1.75}.reader-stage{padding:10px}.reader-navigation{margin-top:8px}.reader-hint{display:none}.reader-page-measure{width:calc(100vw - 64px);height:calc(96vh - 300px);padding:35px 28px}.book-summary-inner{max-height:92vh}.site-footer::before{width:240px;height:88px}}
.rich-public font[size="2"],.reader-page-inner font[size="2"]{font-size:.82em}.rich-public font[size="3"],.reader-page-inner font[size="3"]{font-size:1em}.rich-public font[size="4"],.reader-page-inner font[size="4"]{font-size:1.25em}.rich-public font[size="5"],.reader-page-inner font[size="5"]{font-size:1.5em}.rich-public font[size="6"],.reader-page-inner font[size="6"]{font-size:1.85em}.rich-public font[size="7"],.reader-page-inner font[size="7"]{font-size:2.2em}


/* V4.9 — Profils joueurs, badges secondaires, consent sheet & cosmétiques */
.profile-owner-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(120,200,255,.18);transition:.2s}.profile-owner-link:hover{color:var(--v3-cyan);border-color:var(--v3-cyan)}
.secondary-badge{--badge-color:#9b7cff;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.52rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--badge-color);border:1px solid color-mix(in srgb,var(--badge-color),transparent 18%);background:color-mix(in srgb,var(--badge-color),transparent 88%);box-shadow:0 0 18px color-mix(in srgb,var(--badge-color),transparent 84%);transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s}
.secondary-badge::before{content:'✦';font-size:.55rem;color:var(--badge-color)}
.secondary-badge-alpha,.secondary-badge-beta,.secondary-badge-vip{color:var(--badge-color);background:color-mix(in srgb,var(--badge-color),transparent 88%);box-shadow:0 0 18px color-mix(in srgb,var(--badge-color),transparent 84%)}
.player-profile-page{max-width:1280px;margin:40px auto 100px;padding:0 3%;position:relative}.player-profile-page::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:540px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--profile-color),transparent 25%),transparent 62%);opacity:.5}.player-profile-cover{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;min-height:300px;padding:60px 6%;border:1px solid var(--v3-line);background:linear-gradient(135deg,color-mix(in srgb,var(--profile-color),#07050d 55%),rgba(7,5,12,.86));isolation:isolate}.player-profile-cover::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--profile-image),radial-gradient(circle at 75% 50%,rgba(102,68,210,.2),transparent 35%);background-size:cover,cover;background-position:center;opacity:var(--profile-bg-opacity,.28);filter:saturate(.85)}.player-profile-cover::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,4,10,.96),rgba(5,4,10,.7) 45%,rgba(5,4,10,.55))}.player-profile-avatar{width:150px;height:150px;flex:0 0 150px;border-radius:50%;padding:5px;background:linear-gradient(135deg,#78c8ff,#7867e8,#e0b4ff);box-shadow:0 0 45px rgba(120,200,255,.13)}.player-profile-avatar img,.player-profile-avatar span{display:grid;width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #080711;background:#0b0912;place-items:center;color:#77718a;font-size:2rem}.player-profile-head h1{font-family:'Cinzel',serif;font-size:clamp(2.6rem,6vw,5.2rem);margin:10px 0 16px}.player-profile-badges{display:flex;flex-wrap:wrap;gap:8px}.profile-owner-actions{display:flex;justify-content:flex-end;margin:14px 0}.player-profile-section{padding:75px 0 0}.player-profile-section .section-heading{margin-bottom:25px}.player-character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.player-character-card{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;padding:14px;background:linear-gradient(145deg,rgba(25,17,42,.8),rgba(7,5,12,.92));border:1px solid var(--v3-line);color:inherit;text-decoration:none;transition:.25s}.player-character-card:hover{border-color:rgba(120,200,255,.4);transform:translateY(-3px)}.player-character-image{width:100px;height:100px;overflow:hidden;background:#0a0810}.player-character-image img{width:100%;height:100%;object-fit:cover}.player-character-image.empty{display:grid;place-items:center;color:#5e576d;font-size:1.5rem}.player-character-card span{font-size:.52rem;letter-spacing:.12em;color:#6f687b}.player-character-card h3{font-family:'Cinzel',serif;font-size:1.05rem;margin:8px 0}.player-character-card p{font-size:.67rem;color:#7d7689;margin:0}.consent-disabled{padding:28px;border:1px solid var(--v3-line);background:rgba(255,255,255,.018);display:flex;flex-direction:column;gap:7px}.consent-disabled strong{font-family:'Cinzel',serif;color:#ddd7e6}.consent-disabled span{color:#716b7c;font-size:.75rem}.consent-text-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(178,157,255,.1);border:1px solid rgba(178,157,255,.1)}.consent-text-grid>div{padding:20px;background:#090711}.consent-text-grid span{font-size:.54rem;letter-spacing:.13em;color:var(--v3-cyan);font-weight:800}.consent-text-grid p{margin:8px 0 0;color:#9b95a6;font-size:.75rem;line-height:1.7;white-space:pre-line}.consent-matrix{margin-top:20px;border:1px solid var(--v3-line);background:#08070e}.consent-matrix-title{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:18px 20px;border-bottom:1px solid var(--v3-line);background:rgba(255,255,255,.02)}.consent-matrix-title h3{font-family:'Cinzel',serif;font-size:1.35rem;margin:0}.consent-matrix-title small{font-size:.53rem;color:#6e687a;letter-spacing:.13em}.consent-legend{display:flex;flex-wrap:wrap;gap:10px 14px;padding:12px 20px;border-bottom:1px solid rgba(178,157,255,.08)}.consent-legend span{display:inline-flex;align-items:center;gap:5px;color:#817b8b;font-size:.58rem}.consent-legend i{width:10px;height:10px;border-radius:50%;display:block;border:1px solid currentColor}.consent-table{display:grid}.consent-row{display:grid;grid-template-columns:1.7fr 1fr 1fr;border-bottom:1px solid rgba(178,157,255,.06);align-items:center}.consent-row>*{padding:11px 14px}.consent-row>span{color:#a29bac;font-size:.7rem}.consent-row> b{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em}.consent-header{background:rgba(255,255,255,.025);color:#686173;font-size:.54rem;letter-spacing:.12em;text-transform:uppercase}.rating-chip{display:inline-flex;align-items:center;justify-content:center;justify-self:start;border-radius:999px;padding:4px 8px;border:1px solid currentColor}.rating-unanswered{color:#b9b9bd}.rating-limit{color:#ff5b00}.rating-maybe{color:#ff9800}.rating-indifferent{color:#ffd000}.rating-like{color:#6fd500}.rating-favorite{color:#ff4bd1}
.profile-settings-card{max-width:1280px;margin-left:auto;margin-right:auto}.profile-settings-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.profile-settings-form label{display:flex;flex-direction:column;gap:7px;color:#8d8697;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.profile-settings-form input[type=color]{width:72px;height:44px;padding:3px;background:#090711;border:1px solid var(--v3-line);border-radius:4px}.profile-settings-form select{min-width:260px}.vip-note{align-self:center;color:#8b8397;font-size:.68rem}.vip-note.muted{color:#5f5969}.consent-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:35px}.consent-question-grid label{display:flex;flex-direction:column;gap:7px;color:#d0cad7;font-size:.75rem;font-weight:700}.consent-question-grid textarea{min-height:85px;resize:vertical}.consent-question-grid small{font-size:.55rem;color:#5f5969;text-align:right}.consent-editor-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.consent-editor-actions>form{margin:0}.consent-unpublish{border-color:rgba(255,100,140,.25);color:#d6a0b1}.consent-unpublish:hover{border-color:rgba(255,100,140,.55);color:#ffd0dc;background:rgba(255,80,120,.05)}.consent-editor-matrix{margin:22px 0;border:1px solid var(--v3-line);background:#08070e}.consent-editor-table{overflow:auto}.consent-editor-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;min-width:850px;border-bottom:1px solid rgba(178,157,255,.07)}.consent-editor-row>span,.consent-editor-row>b{padding:10px 14px}.consent-editor-header{color:#6d6677;font-size:.54rem;text-transform:uppercase;letter-spacing:.12em}.rating-radio-group{display:flex;gap:7px;align-items:center;padding:7px 10px}.rating-option{position:relative;display:inline-flex!important;align-items:center!important;gap:0!important;cursor:pointer}.rating-option input{position:absolute;opacity:0;pointer-events:none}.rating-option i{display:block;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;box-shadow:inset 0 0 0 3px #08070e;transition:.15s}.rating-option input:checked+i{background:currentColor;box-shadow:inset 0 0 0 3px #08070e,0 0 10px currentColor}.rating-option span{display:none}.profile-admin-backgrounds{max-width:1280px;margin:auto}.profile-background-upload{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px}.profile-background-upload label{display:flex;flex-direction:column;gap:7px;color:#8d8697;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.vip-background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.vip-background-card{border:1px solid var(--v3-line);background:#090711;padding:10px}.vip-background-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.vip-background-card>div{display:flex;justify-content:space-between;gap:10px;padding:12px 4px}.vip-background-card strong{font-family:'Cinzel',serif;font-size:.8rem}.vip-background-card small{color:#5e586a}.vip-background-card form{margin:0}.muted{color:#6a6472}.profile-owner-link strong{color:inherit}
@media(max-width:900px){.player-character-grid{grid-template-columns:1fr 1fr}.consent-question-grid{grid-template-columns:1fr}.profile-background-upload{grid-template-columns:1fr}.vip-background-grid{grid-template-columns:1fr 1fr}.player-profile-cover{padding:45px 5%}.consent-text-grid{grid-template-columns:1fr}}
@media(max-width:600px){.player-profile-page{padding:0 2%}.player-profile-cover{display:block;text-align:center;padding:45px 20px}.player-profile-avatar{margin:0 auto 20px}.player-profile-badges{justify-content:center}.player-character-grid{grid-template-columns:1fr}.vip-background-grid{grid-template-columns:1fr}.consent-matrix-title{display:block}.consent-matrix-title .consent-legend{margin-top:12px;padding:0}.consent-row{grid-template-columns:1.4fr .8fr .8fr}.consent-row>*{padding:9px 8px}.consent-question-grid label{font-size:.7rem}}

/* V4.9.2 — badges cumulables & fonds de profil exclusifs */
.secondary-badge-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.badge-check-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:250px}
.badge-check-group label{display:inline-flex;align-items:center;gap:5px;margin:0;cursor:pointer}
.badge-check-group input{accent-color:#9b7cff}
.profile-settings-form .vip-note{max-width:460px;line-height:1.5}
.player-profile-page.profile-has-color .player-profile-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--profile-color),#07050d 55%),rgba(7,5,12,.86))}
.player-profile-page.profile-has-color .player-profile-cover::before{opacity:0}
.player-profile-page.profile-has-image .player-profile-cover{background:transparent}
.player-profile-page.profile-has-image .player-profile-cover::before{background-image:var(--profile-image);background-size:cover;background-position:center;opacity:1;filter:saturate(.9)}
.player-profile-page.profile-has-image .player-profile-cover::after{background:linear-gradient(90deg,rgba(5,4,10,.82),rgba(5,4,10,.34) 48%,rgba(5,4,10,.12))}
.player-profile-page .player-profile-head h1{color:var(--profile-name-color,#e9e4ef);text-shadow:0 0 24px color-mix(in srgb,var(--profile-name-color,#e9e4ef),transparent 65%)}
.player-profile-page.profile-has-image::before{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--profile-name-color),transparent 55%),transparent 62%)}
@media(max-width:900px){.badge-check-group{min-width:0}.admin-account-form{align-items:flex-start;flex-direction:column}}

/* Aperçu en direct des cosmétiques du profil */
.profile-live-preview{position:relative;overflow:hidden;margin:0 0 22px;border:1px solid var(--v3-line);background:#080711;isolation:isolate}
.profile-live-preview-cover{position:relative;display:flex;align-items:center;gap:22px;min-height:230px;padding:42px 5%;overflow:hidden}
.profile-live-preview-cover::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--preview-image),radial-gradient(circle at 75% 50%,rgba(102,68,210,.18),transparent 38%);background-size:cover;background-position:center;opacity:0;filter:saturate(.9)}
.profile-live-preview-cover::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,4,10,.94),rgba(5,4,10,.64) 50%,rgba(5,4,10,.28));opacity:0}
.profile-live-preview.preview-has-color .profile-live-preview-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--preview-color),#07050d 55%),rgba(7,5,12,.88))}
.profile-live-preview.preview-has-image .profile-live-preview-cover{background:transparent}
.profile-live-preview.preview-has-image .profile-live-preview-cover::before,.profile-live-preview.preview-has-image .profile-live-preview-cover::after{opacity:1}
.profile-live-preview-avatar{width:104px;height:104px;flex:0 0 104px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#78c8ff,#7867e8,#e0b4ff);box-shadow:0 0 35px rgba(120,200,255,.13)}
.profile-live-preview-avatar img,.profile-live-preview-avatar span{display:grid;width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #080711;background:#0b0912;place-items:center;color:#77718a;font-size:1.7rem}
.profile-live-preview-head h3{font-family:'Cinzel',serif;font-size:clamp(2rem,4vw,3.7rem);line-height:.95;margin:8px 0 14px;color:#fff;transition:color .15s,text-shadow .15s}
.profile-live-preview .player-profile-badges{display:flex;flex-wrap:wrap;gap:7px}
.profile-live-preview .section-overline{font-size:.5rem}
@media(max-width:600px){.profile-live-preview-cover{display:block;text-align:center;padding:34px 20px}.profile-live-preview-avatar{margin:0 auto 18px}.profile-live-preview .player-profile-badges{justify-content:center}}

/* V4.9.5 — badges dynamiques & catégories de fonds */
.secondary-badge-custom{color:var(--badge-color,#9b7cff);background:color-mix(in srgb,var(--badge-color,#9b7cff),transparent 88%);box-shadow:0 0 18px color-mix(in srgb,var(--badge-color,#9b7cff),transparent 86%)}
.profile-badge-admin{max-width:1280px;margin:0 auto 20px}.profile-badge-admin h2{font-family:'Cinzel',serif;margin:8px 0}.badge-create-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-top:18px}.badge-create-form label{display:flex;flex-direction:column;gap:7px;color:#8d8697;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.badge-create-form input[type=text]{min-width:260px}.badge-create-form input[type=color]{width:72px;height:44px;padding:3px;background:#090711;border:1px solid var(--v3-line);border-radius:4px}.profile-badge-definition-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}.profile-badge-definition{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(178,157,255,.1);background:rgba(255,255,255,.018)}.profile-badge-definition .muted{margin-right:auto}.profile-new-category{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr 1fr 1fr;align-items:end;gap:10px;padding:12px;border:1px solid rgba(178,157,255,.1);background:rgba(255,255,255,.018)}.profile-new-category strong{font-family:'Cinzel',serif;color:#d9d2e1;font-size:.75rem}.profile-new-category input,.profile-new-category select{min-width:0}.profile-category-list{margin-top:22px;border:1px solid var(--v3-line);background:#090711}.profile-category-list>.section-overline{padding:14px 16px;border-bottom:1px solid var(--v3-line)}.profile-category-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(178,157,255,.07)}.profile-category-row:last-child{border-bottom:0}.profile-category-row>div{display:flex;flex-direction:column;gap:4px}.profile-category-row strong{font-family:'Cinzel',serif}.profile-category-row span{font-size:.62rem;color:#716a7d}.profile-background-upload{grid-template-columns:1fr 1fr 1fr}.profile-background-upload>button{justify-self:start}.vip-background-card p{margin:0 4px 10px;font-size:.62rem}.vip-background-card>div{align-items:center}.vip-background-card form{margin:0}.admin-account-form{gap:10px}.badge-check-group{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:6px;width:min(420px,100%)}.badge-check-group label{padding:4px 6px;border:1px solid rgba(178,157,255,.08);background:rgba(255,255,255,.012)}
@media(max-width:900px){.profile-badge-definition-list{grid-template-columns:1fr}.profile-new-category{grid-template-columns:1fr}.profile-background-upload{grid-template-columns:1fr}.profile-category-row{align-items:flex-start;flex-direction:column}.badge-check-group{width:100%}}

/* V4.9.7 — gestion des badges par la Fondatrice + sélection façon Néant */
.profile-badge-definition{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(178,157,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(25,10,45,.18));min-width:0}
.badge-definition-edit{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0}
.badge-definition-name{width:min(180px,28%);min-width:100px!important;margin:0!important;padding:8px 10px!important}
.badge-definition-color{width:46px!important;height:38px!important;padding:3px!important;margin:0!important;background:#090711;border:1px solid var(--v3-line);border-radius:4px}.badge-color-editor{display:flex;align-items:center;gap:5px;color:#8d8697;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.badge-color-editor span{display:none}
.badge-definition-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.badge-definition-actions form{margin:0}.badge-delete-btn{border-color:rgba(255,80,120,.2)!important;color:#b98195!important}.badge-delete-btn:hover{border-color:rgba(255,80,120,.55)!important;color:#ffd0dc!important;background:rgba(255,60,110,.06)!important}
.badge-check-group label{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:46px;padding:7px 10px;border:1px solid rgba(178,157,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(8,4,16,.72));border-radius:8px;overflow:hidden;isolation:isolate;transition:border-color .25s,background .25s,box-shadow .25s,transform .2s;cursor:pointer}
.badge-check-group label input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.badge-check-group label::before{content:'';position:absolute;width:30px;height:30px;left:8px;top:50%;transform:translateY(-50%) scale(.35);border-radius:50%;background:radial-gradient(circle at 50% 50%,#000 0 22%,#05030a 23% 42%,transparent 43%),conic-gradient(from 0deg,transparent 0 18%,rgba(105,75,255,.55) 19% 21%,transparent 22% 43%,rgba(0,0,0,.95) 44% 49%,transparent 50% 72%,rgba(105,75,255,.42) 73% 76%,transparent 77%);box-shadow:0 0 0 0 rgba(90,45,255,0);opacity:0;z-index:-1;transition:opacity .18s,transform .35s,box-shadow .35s}
.badge-check-group label:has(input:checked){border-color:color-mix(in srgb,var(--badge-color,#9b7cff),transparent 30%);background:radial-gradient(circle at 14% 50%,rgba(0,0,0,.92),transparent 25%),linear-gradient(135deg,rgba(35,12,65,.48),rgba(5,3,12,.9));box-shadow:0 0 24px rgba(50,20,120,.22),inset 0 0 22px rgba(0,0,0,.35);transform:translateY(-1px)}
.badge-check-group label:has(input:checked)::before{opacity:1;transform:translateY(-50%) scale(1);box-shadow:0 0 18px rgba(80,50,255,.28);animation:voidBlackHole .9s cubic-bezier(.2,.8,.2,1)}
.badge-check-group label:has(input:checked) .secondary-badge{margin-left:38px}
.badge-check-group label:not(:has(input:checked)) .secondary-badge{margin-left:0}
.badge-check-group label:hover{border-color:rgba(178,157,255,.35);transform:translateY(-1px)}
.badge-check-group label:has(input:focus-visible){outline:1px solid var(--v3-cyan);outline-offset:2px}
@keyframes voidBlackHole{0%{opacity:0;transform:translateY(-50%) scale(.05) rotate(-25deg)}45%{opacity:1;transform:translateY(-50%) scale(1.2) rotate(100deg)}100%{opacity:1;transform:translateY(-50%) scale(1) rotate(180deg)}}
@media(max-width:900px){.profile-badge-definition{align-items:stretch;flex-direction:column}.badge-definition-edit{width:100%;flex-wrap:wrap}.badge-definition-name{width:100%;min-width:0!important}.badge-definition-actions{margin-left:0}}
.badge-check-group label.void-removing::before{opacity:1;transform:translateY(-50%) scale(1);animation:voidCollapse .65s cubic-bezier(.7,.05,.9,.35)}
@keyframes voidCollapse{0%{opacity:1;transform:translateY(-50%) scale(1) rotate(180deg);filter:brightness(1)}55%{opacity:.75;transform:translateY(-50%) scale(.65) rotate(300deg);filter:brightness(.5)}100%{opacity:0;transform:translateY(-50%) scale(.02) rotate(420deg);filter:brightness(0)}}


/* =========================================================
   NÉANT — confirmation de suppression des badges
   ========================================================= */
body.void-modal-open{overflow:hidden}
.void-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(1,2,9,.78);
  backdrop-filter:blur(12px) saturate(.8);
  -webkit-backdrop-filter:blur(12px) saturate(.8);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease
}
.void-confirm-overlay.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto
}
.void-confirm-modal{
  position:relative;
  width:min(560px,calc(100vw - 42px));
  padding:30px 34px 28px;
  overflow:hidden;
  text-align:center;
  border:1px solid rgba(128,106,255,.34);
  border-radius:8px;
  background:
    radial-gradient(circle at 50% 17%,rgba(100,71,255,.13),transparent 29%),
    linear-gradient(180deg,rgba(13,11,28,.98),rgba(3,4,12,.99));
  box-shadow:0 28px 100px rgba(0,0,0,.75),0 0 80px rgba(76,48,255,.12),inset 0 1px rgba(255,255,255,.04);
  transform:translateY(16px) scale(.97);
  transition:transform .28s cubic-bezier(.2,.8,.2,1)
}
.void-confirm-overlay.is-open .void-confirm-modal{transform:translateY(0) scale(1)}
.void-confirm-modal::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 15%,rgba(108,75,255,.045),transparent 45%,rgba(0,205,255,.025),transparent 76%);
  animation:void-scan 5s linear infinite
}
.void-confirm-void{
  position:relative;
  width:150px;
  height:150px;
  margin:0 auto 13px;
  border-radius:50%;
  filter:drop-shadow(0 0 24px rgba(85,45,255,.55));
  animation:void-float 4.5s ease-in-out infinite
}
.void-core{
  position:absolute;
  inset:37px;
  z-index:4;
  border-radius:50%;
  background:#000;
  box-shadow:0 0 0 7px rgba(4,3,12,.65),0 0 20px 8px rgba(0,0,0,.95),0 0 42px 14px rgba(72,39,255,.3)
}
.void-flare{
  position:absolute;
  inset:28px;
  z-index:3;
  border-radius:50%;
  background:conic-gradient(from 10deg,transparent 0 8%,rgba(129,90,255,.95) 12%,rgba(37,196,255,.8) 19%,transparent 26% 44%,rgba(142,75,255,.9) 53%,rgba(47,180,255,.65) 60%,transparent 68% 100%);
  filter:blur(5px);
  animation:void-spin 3.2s linear infinite
}
.void-orbit{
  position:absolute;
  z-index:2;
  inset:22px 2px;
  border:2px solid rgba(119,81,255,.55);
  border-left-color:rgba(30,193,255,.72);
  border-right-color:transparent;
  border-radius:50%;
  transform:rotate(-20deg) scaleY(.42);
  box-shadow:0 0 12px rgba(79,64,255,.45),inset 0 0 10px rgba(33,171,255,.25);
  animation:void-spin-rev 2.5s linear infinite
}
.void-orbit-b{
  inset:35px -10px;
  border-color:rgba(135,85,255,.45);
  border-top-color:rgba(29,202,255,.75);
  transform:rotate(27deg) scaleY(.28);
  animation-duration:3.8s
}
.void-star{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#a9a2ff;
  box-shadow:0 0 8px 2px rgba(96,137,255,.9);
  animation:void-twinkle 1.7s ease-in-out infinite
}
.void-star-a{top:20px;left:25px}.void-star-b{top:47px;right:13px;animation-delay:.35s}.void-star-c{bottom:25px;left:10px;animation-delay:.7s}.void-star-d{bottom:12px;right:31px;animation-delay:1.05s}
.void-confirm-kicker{
  position:relative;
  color:#8d7cff;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.28em;
  margin-bottom:6px
}
.void-confirm-modal h2{
  position:relative;
  margin:0 0 10px;
  color:#f5f2ff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.8rem,4vw,2.45rem);
  line-height:1.05
}
.void-confirm-modal p{
  position:relative;
  max-width:470px;
  margin:0 auto;
  color:#aaa6ba;
  line-height:1.6;
  font-size:.88rem
}
.void-confirm-modal p strong{color:#e9e5ff}
.void-confirm-warning{
  margin-top:8px!important;
  color:#777287!important;
  font-size:.74rem!important
}
.void-confirm-actions{
  position:relative;
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:22px
}
.void-btn{
  min-height:42px;
  padding:0 17px;
  border-radius:4px;
  font:inherit;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.void-btn:hover{transform:translateY(-1px)}
.void-cancel{
  color:#b9b4c7;
  border:1px solid rgba(150,145,180,.28);
  background:rgba(255,255,255,.025)
}
.void-cancel:hover{border-color:rgba(150,145,180,.5);background:rgba(255,255,255,.045)}
.void-destroy{
  color:#eeeaff;
  border:1px solid rgba(111,74,255,.62);
  background:linear-gradient(135deg,rgba(62,42,146,.75),rgba(18,11,49,.95));
  box-shadow:0 0 24px rgba(86,53,255,.16),inset 0 1px rgba(255,255,255,.08)
}
.void-destroy:hover{border-color:rgba(143,116,255,.9);box-shadow:0 0 30px rgba(86,53,255,.3)}
@keyframes void-spin{to{transform:rotate(360deg)}}
@keyframes void-spin-rev{to{transform:rotate(-380deg) scaleY(.42)}}
@keyframes void-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes void-twinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}
@keyframes void-scan{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}
@media(max-width:620px){
  .void-confirm-modal{padding:25px 20px 22px}
  .void-confirm-actions{flex-direction:column}
  .void-btn{width:100%}
}

/* =========================================================
   BADGES — LIVRE D'INSIGNES / ATTRIBUTION
   ========================================================= */
.give-badges-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  margin:0 0 8px;padding:10px 15px;border:1px solid rgba(130,102,255,.38);
  border-radius:4px;background:linear-gradient(135deg,rgba(25,19,53,.96),rgba(9,8,24,.98));
  color:#e9e4ff;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.give-badges-btn:hover{transform:translateY(-1px);border-color:rgba(120,210,255,.65);box-shadow:0 0 24px rgba(116,83,255,.18)}
.account-save-btn{display:none}
.badge-book-overlay{
  position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;
  padding:30px;background:rgba(1,2,9,.82);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)
}
.badge-book-overlay.is-open{display:flex;animation:badgeBookFade .22s ease both}
@keyframes badgeBookFade{from{opacity:0}to{opacity:1}}
.badge-book{
  position:relative;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(480px,1.28fr);
  width:min(1000px,94vw);max-height:min(760px,88vh);overflow:hidden;
  border:1px solid rgba(150,125,255,.4);border-radius:8px;
  background:linear-gradient(110deg,#100d20 0%,#17112b 48%,#0c0a18 49%,#100c1d 100%);
  box-shadow:0 30px 100px rgba(0,0,0,.72),0 0 60px rgba(103,75,255,.16),inset 0 0 80px rgba(0,0,0,.42);
  animation:badgeBookOpen .32s cubic-bezier(.2,.8,.2,1) both
}
@keyframes badgeBookOpen{from{transform:scale(.94) translateY(18px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.badge-book-page{padding:38px 34px 30px;min-height:500px;overflow:auto}
.badge-book-left{position:relative;background:linear-gradient(135deg,rgba(24,18,47,.95),rgba(10,8,21,.96));box-shadow:inset -25px 0 35px rgba(0,0,0,.18)}
.badge-book-right{background:linear-gradient(225deg,rgba(18,14,35,.98),rgba(7,7,17,.98));box-shadow:inset 25px 0 35px rgba(0,0,0,.16)}
.badge-book-kicker{font-size:.68rem;font-weight:900;letter-spacing:.2em;color:#8d82a8;margin-bottom:14px}
.badge-book-left h3{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3.4rem);line-height:.98;color:#f7f4ff}
.badge-book-left h3:after{content:"";display:block;width:74px;height:2px;margin-top:20px;background:linear-gradient(90deg,#8e6cff,#58cfff,transparent)}
.badge-book-left p{max-width:310px;margin:24px 0;color:#a9a3bb;line-height:1.75;font-size:.88rem}
.badge-book-mark{position:absolute;left:34px;bottom:28px;color:rgba(104,88,171,.55);font-size:4rem;text-shadow:0 0 25px rgba(105,83,255,.22)}
.badge-book-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(150,125,255,.16);color:#817895;font-size:.64rem;font-weight:900;letter-spacing:.16em}
.badge-pin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:52vh;overflow:auto;padding:4px 6px 10px 2px}
.badge-pin{position:relative;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(135,112,210,.16);border-radius:5px;background:rgba(3,3,11,.48);cursor:pointer;overflow:hidden;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.badge-pin:hover{transform:translateY(-2px);border-color:rgba(122,203,255,.35);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.badge-pin input{position:absolute;opacity:0;pointer-events:none}
.badge-pin-face{grid-row:1 / span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:46px;height:46px;border:1px solid currentColor;border-radius:50%;font-size:.52rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 0 3px rgba(0,0,0,.28),inset 0 0 16px rgba(255,255,255,.035);transition:transform .2s ease,box-shadow .2s ease}
.badge-pin-plus{font-size:.9rem;line-height:1}
.badge-pin-face span:last-child{max-width:38px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge-pin-state{font-size:.56rem;letter-spacing:.12em;color:#625c73;font-weight:900}
.badge-pin.is-selected{border-color:rgba(114,204,255,.45);background:linear-gradient(135deg,rgba(27,20,53,.78),rgba(8,9,20,.9));box-shadow:inset 0 0 30px rgba(97,69,255,.08),0 0 18px rgba(95,73,255,.08)}
.badge-pin.is-selected .badge-pin-face{transform:scale(1.06);box-shadow:0 0 0 3px rgba(0,0,0,.35),0 0 20px currentColor,inset 0 0 18px rgba(255,255,255,.06)}
.badge-pin.is-selected .badge-pin-state{color:#8edcff}
.badge-pin-star{position:absolute;left:20px;top:11px;z-index:5;pointer-events:none;color:#000;font-size:4.6rem;line-height:1;opacity:0;transform:scale(.08) rotate(-25deg);filter:drop-shadow(0 0 7px rgba(0,0,0,.98))}
.badge-pin.is-toggling .badge-pin-star{animation:voidPinStar 2.48s cubic-bezier(.15,.75,.25,1) both}
@keyframes voidPinStar{0%{opacity:0;transform:scale(.08) rotate(-25deg)}18%{opacity:.98;transform:scale(1.18) rotate(0deg);text-shadow:0 0 18px rgba(0,0,0,.98),0 0 34px rgba(0,0,0,.72)}42%{opacity:1;transform:scale(1.62) rotate(18deg);text-shadow:0 0 26px rgba(0,0,0,1),0 0 60px rgba(0,0,0,.82)}68%{opacity:.72;transform:scale(1.15) rotate(28deg);text-shadow:0 0 18px rgba(0,0,0,.95),0 0 42px rgba(0,0,0,.65)}100%{opacity:0;transform:scale(.38) rotate(48deg);text-shadow:0 0 4px rgba(0,0,0,.4)}}
.badge-book-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(150,125,255,.14)}
.badge-book-close{position:absolute;right:15px;top:11px;z-index:10;width:34px;height:34px;border:1px solid rgba(160,140,220,.24);border-radius:50%;background:rgba(0,0,0,.28);color:#aaa3bf;font-size:1.35rem;line-height:1;cursor:pointer;transition:.18s ease}
.badge-book-close:hover{color:#fff;border-color:rgba(130,210,255,.55);transform:rotate(90deg)}
@media(max-width:820px){
  .badge-book{grid-template-columns:1fr;max-height:92vh;overflow:auto}
  .badge-book:before{display:none}.badge-book-page{min-height:0}.badge-book-left{padding-bottom:20px}.badge-book-mark{display:none}.badge-pin-grid{max-height:none}
}
@media(max-width:560px){.badge-pin-grid{grid-template-columns:1fr}.badge-book-page{padding:32px 20px 22px}.badge-book-left h3{font-size:2.3rem}}

/* Attribution badges: keep account status saving available beside the badge book. */
.account-save-btn{display:inline-flex;align-items:center;justify-content:center;margin:0 0 8px;padding:9px 13px;border:1px solid rgba(115,190,255,.22);border-radius:4px;background:rgba(7,12,24,.78);color:#c9eaff;font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.18s ease}
.account-save-btn:hover{border-color:rgba(115,210,255,.5);box-shadow:0 0 18px rgba(65,165,255,.1)}
body.badge-book-open{overflow:hidden}
.badge-pin-grid::-webkit-scrollbar{width:7px}.badge-pin-grid::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.badge-pin-grid::-webkit-scrollbar-thumb{background:rgba(104,82,180,.55);border-radius:99px}.badge-pin-grid::-webkit-scrollbar-thumb:hover{background:rgba(120,205,255,.6)}

/* V4.10.1 — corrections structure formulaire + éditeur badges */
.profile-badge-definition{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.badge-definition-edit{display:grid;grid-template-columns:minmax(130px,1fr) 50px auto auto minmax(150px,auto);align-items:center;gap:9px;width:100%;min-width:0}
.badge-definition-edit .secondary-badge{white-space:nowrap}
.badge-definition-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.badge-definition-actions .v3-btn,.badge-definition-edit .v3-btn{white-space:nowrap;min-height:36px}
.badge-definition-name{width:100%!important;min-width:0!important}
.badge-definition-color{width:42px!important;height:36px!important}
.admin-account-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.admin-account-form select{min-width:120px}
.give-badges-btn{white-space:nowrap}
@media(max-width:1100px){.profile-badge-definition{grid-template-columns:1fr}.badge-definition-actions{justify-content:flex-start}.badge-definition-edit{grid-template-columns:minmax(130px,1fr) 50px auto auto}}
@media(max-width:700px){.badge-definition-edit{grid-template-columns:1fr 50px}.badge-definition-edit .secondary-badge,.badge-definition-edit .muted{display:none}.badge-definition-edit .v3-btn{grid-column:1/-1}.badge-definition-actions{grid-column:1/-1;flex-wrap:wrap}.admin-account-form{align-items:stretch;flex-direction:column}.admin-account-form>*{width:100%!important}}

/* V4.10.2 — éditeur badges : mise en page stable et livre réellement centré */
.profile-badge-definition{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
}
.badge-definition-edit{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) 48px minmax(92px,auto) 44px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}
.badge-name-editor,.badge-color-editor{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
}
.badge-name-editor>span,.badge-color-editor>span{
  display:none!important;
}
.badge-definition-name{width:100%!important;min-width:0!important;margin:0!important}
.badge-definition-color{width:42px!important;height:36px!important;margin:0!important;padding:3px!important}
.badge-definition-edit .secondary-badge{justify-self:start;white-space:nowrap}
.badge-definition-edit .muted{justify-self:start;white-space:nowrap}
.badge-save-definition{min-height:36px!important;white-space:nowrap!important;margin:0!important;padding:9px 13px!important}
.badge-definition-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;white-space:nowrap!important;margin:0!important}
.badge-definition-actions form{margin:0!important}
.badge-definition-actions .v3-btn{min-height:36px!important;white-space:nowrap!important}
.badge-book-overlay{position:fixed!important;inset:0!important;display:none;align-items:center!important;justify-content:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:24px!important;box-sizing:border-box!important;z-index:10000!important}
.badge-book-overlay.is-open{display:flex!important}
.badge-book{margin:auto!important;flex:0 0 auto!important;max-height:calc(100vh - 48px)!important}
.badge-pin.is-inactive{opacity:.52;filter:saturate(.55)}
.badge-pin.is-inactive:not(.is-selected){cursor:not-allowed}
.badge-pin.is-inactive:hover{transform:none;box-shadow:none;border-color:rgba(135,112,210,.16)}
.badge-pin.is-inactive .badge-pin-state{color:#5a5465}
@media(max-width:1100px){
  .profile-badge-definition{grid-template-columns:1fr!important}
  .badge-definition-actions{justify-content:flex-start!important}
}
@media(max-width:700px){
  .badge-definition-edit{grid-template-columns:1fr 48px!important}
  .badge-definition-edit .secondary-badge,.badge-definition-edit .muted{display:none!important}
  .badge-save-definition{grid-column:1/-1}
  .badge-definition-actions{grid-column:1/-1;flex-wrap:wrap}
}

.profile-new-category[hidden]{display:none!important}

/* V4.10.5 — fonds de profil : formulaire rapproché du titre */
.profile-admin-backgrounds{padding-top:0!important;margin-top:-28px!important}

/* =========================================================
   ADMINISTRATION — CENTRE DE CONTRÔLE
   ========================================================= */
.admin-dashboard{max-width:1280px;margin:0 auto;padding:55px 3% 90px}
.admin-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:38px 40px;margin-bottom:18px;border:1px solid rgba(151,125,255,.22);background:radial-gradient(circle at 85% 20%,rgba(105,75,255,.13),transparent 34%),linear-gradient(145deg,rgba(22,17,40,.92),rgba(5,5,12,.96));box-shadow:0 25px 80px rgba(0,0,0,.22)}
.admin-overline,.admin-panel-head>div>span{display:block;color:#77708a;font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.admin-dashboard-head h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.95;margin:12px 0 15px;color:#f4f0f8}
.admin-dashboard-head h1 em,.admin-panel-head h2 em{font-style:normal;color:#9b7cff}
.admin-dashboard-head p{max-width:700px;margin:0;color:#898296;line-height:1.75;font-size:.82rem}
.admin-head-status{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border:1px solid rgba(80,220,170,.18);background:rgba(40,180,130,.035);color:#8dcdb4;font-size:.55rem;font-weight:800;letter-spacing:.12em}
.admin-head-status span{width:7px;height:7px;border-radius:50%;background:#5ce0aa;box-shadow:0 0 14px rgba(92,224,170,.8)}
.admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.admin-metric{min-height:125px;padding:19px;border:1px solid rgba(151,125,255,.13);background:linear-gradient(145deg,rgba(19,15,34,.9),rgba(7,6,13,.96));display:flex;gap:13px;align-items:flex-start;transition:.25s}
.admin-metric:hover{transform:translateY(-3px);border-color:rgba(120,200,255,.3);box-shadow:0 18px 45px rgba(0,0,0,.25)}
.admin-metric-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(120,200,255,.2);color:#78c8ff;font-family:'Cinzel',serif;font-size:.95rem;flex:none}
.admin-metric small{display:block;color:#666074;font-size:.5rem;font-weight:800;letter-spacing:.13em}
.admin-metric strong{display:block;margin-top:5px;color:#f2eef7;font-family:'Cinzel',serif;font-size:2rem;line-height:1}
.admin-metric div>span{display:block;margin-top:7px;color:#70697b;font-size:.58rem}
.admin-dashboard-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:14px}
.admin-panel{border:1px solid rgba(151,125,255,.14);background:linear-gradient(145deg,rgba(18,14,34,.82),rgba(5,5,12,.94));padding:26px;min-width:0}
.admin-panel-wide{min-height:270px}
.admin-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(151,125,255,.1)}
.admin-panel-head h2{font-family:'Cinzel',Georgia,serif;font-size:1.65rem;margin:6px 0 0;color:#eeeaf6}
.admin-panel-link{color:#77718a!important;font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-decoration:none!important}
.admin-panel-link:hover{color:#78c8ff!important}
.admin-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.admin-status-item{padding:13px 14px;border:1px solid rgba(151,125,255,.09);background:rgba(255,255,255,.015)}
.admin-status-item>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}
.admin-status-item span{color:#9690a2;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.admin-status-item strong{font-family:'Cinzel',serif;font-size:1.2rem;color:#eeeaf5}
.admin-progress{height:3px;margin-top:11px;background:#171321;overflow:hidden}
.admin-progress i{display:block;height:100%;background:linear-gradient(90deg,#6674ff,#78c8ff);box-shadow:0 0 12px rgba(120,200,255,.35)}
.admin-account-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.admin-account-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(151,125,255,.08);background:rgba(255,255,255,.015)}
.admin-account-stat span{font-size:.65rem;color:#858092}.admin-account-stat strong{font-family:'Cinzel',serif;color:#eeeaf6;font-size:1.1rem}
.admin-badge-stats{display:flex;flex-direction:column;gap:7px}
.admin-badge-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(151,125,255,.08);background:rgba(255,255,255,.015)}
.admin-badge-stat strong{font-family:'Cinzel',serif;color:#eeeaf6;font-size:1.1rem}
.admin-empty-mini{padding:28px 10px;color:#615b6c;font-size:.7rem;text-align:center;border:1px dashed rgba(151,125,255,.1)}
.admin-tools-panel{grid-column:1/-1}.admin-tools-top{margin-bottom:14px}
.admin-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.admin-tool{display:flex;align-items:center;gap:12px;min-height:78px;padding:13px 14px;border:1px solid rgba(151,125,255,.1);background:rgba(255,255,255,.015);text-decoration:none!important;transition:.22s}
.admin-tool:hover{transform:translateY(-2px);border-color:rgba(120,200,255,.35);background:rgba(120,200,255,.025)}
.admin-tool-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(120,200,255,.18);color:#78c8ff;font-size:.85rem;flex:none}
.admin-tool span:nth-child(2){min-width:0}.admin-tool small{display:block;color:#666074;font-size:.48rem;font-weight:800;letter-spacing:.12em}.admin-tool strong{display:block;color:#d9d4e3;font-size:.7rem;margin-top:5px}.admin-tool b{margin-left:auto;color:#625c6d;font-size:.8rem}.admin-tool:hover b{color:#78c8ff}

/* Footer : logo Eternia sans opacité CSS ni filtre */
.site-footer::before{opacity:1 !important;filter:none !important;}

@media(max-width:1050px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-dashboard{padding:35px 14px 70px}.admin-dashboard-head{padding:25px 20px;display:block}.admin-head-status{margin-top:20px;width:max-content}.admin-metrics{grid-template-columns:1fr 1fr}.admin-dashboard-grid{grid-template-columns:1fr}.admin-panel-wide,.admin-tools-panel{grid-column:auto}.admin-status-grid,.admin-account-stats{grid-template-columns:1fr}.admin-tools-grid{grid-template-columns:1fr}}
@media(max-width:500px){.admin-metrics{grid-template-columns:1fr}.admin-panel{padding:19px}.admin-dashboard-head h1{font-size:2.5rem}.admin-panel-head{align-items:flex-start;flex-direction:column}}

/* =========================================================
   ETERNIA — CONTRÔLE SERVEUR / RCON
   ========================================================= */
.server-control{max-width:1280px;margin:0 auto;padding:55px 3% 95px}
.server-control-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:38px 40px;margin-bottom:18px;border:1px solid rgba(151,125,255,.22);background:radial-gradient(circle at 85% 20%,rgba(105,75,255,.13),transparent 34%),linear-gradient(145deg,rgba(22,17,40,.92),rgba(5,5,12,.96));box-shadow:0 25px 80px rgba(0,0,0,.22)}
.server-control-head h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(2.7rem,5vw,5.1rem);line-height:.95;margin:12px 0 15px;color:#f4f0f8}
.server-control-head h1 em{font-style:normal;color:#9b7cff}
.server-control-head p{max-width:700px;margin:0;color:#898296;line-height:1.75;font-size:.82rem}
.server-status-badge{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(151,125,255,.18);font-size:.56rem;font-weight:900;letter-spacing:.13em;white-space:nowrap}
.server-status-badge i{width:8px;height:8px;border-radius:50%;display:block}
.server-status-badge.is-online{color:#83e4b4;border-color:rgba(92,224,170,.25);background:rgba(40,180,130,.04)}
.server-status-badge.is-online i{background:#5ce0aa;box-shadow:0 0 16px rgba(92,224,170,.8)}
.server-status-badge.is-offline{color:#c19bb0;border-color:rgba(190,90,130,.2)}
.server-status-badge.is-offline i{background:#9b5675;box-shadow:0 0 12px rgba(180,75,120,.55)}
.server-flash{margin-bottom:14px;padding:14px 17px;border:1px solid rgba(120,200,255,.2);background:rgba(15,15,28,.94);display:flex;align-items:flex-start;gap:14px}
.server-flash strong{font-size:.58rem;letter-spacing:.12em;color:#78c8ff;white-space:nowrap}
.server-flash pre{margin:0;white-space:pre-wrap;color:#bdb7c9;font:500 .72rem/1.55 Inter,Arial,sans-serif}
.server-flash.error{border-color:rgba(220,90,130,.3)}.server-flash.error strong{color:#e28aa8}
.server-flash.console{border-color:rgba(155,124,255,.3)}.server-flash.console strong{color:#a78cff}
.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.server-panel{min-width:0;padding:26px;border:1px solid rgba(151,125,255,.14);background:linear-gradient(145deg,rgba(18,14,34,.82),rgba(5,5,12,.94));box-shadow:0 18px 60px rgba(0,0,0,.13)}
.server-panel-status{grid-row:span 2}
.server-panel-head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid rgba(151,125,255,.1)}
.server-panel-head>span{color:#77708a;font-size:.56rem;font-weight:900;letter-spacing:.18em}
.server-panel-head h2{font-family:'Cinzel',Georgia,serif;color:#eeeaf6;font-size:1.65rem;margin:5px 0 0}
.server-panel-head h2 em{font-style:normal;color:#9b7cff}
.server-big-status{display:flex;align-items:center;gap:12px;padding:18px 16px;border:1px solid rgba(151,125,255,.1);background:rgba(255,255,255,.015);margin-bottom:12px}
.server-big-status>span{width:10px;height:10px;border-radius:50%}
.server-big-status.online{border-color:rgba(92,224,170,.16)}.server-big-status.online>span{background:#5ce0aa;box-shadow:0 0 18px rgba(92,224,170,.75)}
.server-big-status.offline>span{background:#985773;box-shadow:0 0 15px rgba(150,70,110,.6)}
.server-big-status strong{font-family:'Cinzel',serif;color:#f0edf5;font-size:1.15rem}
.server-stat-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(151,125,255,.07);color:#777181;font-size:.68rem}
.server-stat-row strong{color:#d8d3e1;text-align:right;overflow:hidden;text-overflow:ellipsis}
.server-error-mini{margin-top:12px;padding:10px;color:#aa758c;border:1px solid rgba(190,90,130,.16);font-size:.64rem;line-height:1.5}
.server-actions-main{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.server-actions-main form{margin:0}.server-action{width:100%;min-height:44px;border:1px solid rgba(151,125,255,.2);background:rgba(255,255,255,.025);color:#dcd7e7;font:800 .6rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s}
.server-action:hover{transform:translateY(-2px);border-color:rgba(120,200,255,.45);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.server-start:hover{border-color:rgba(92,224,170,.45);color:#8de7b8}.server-restart:hover{color:#9f8cff}.server-stop:hover{border-color:rgba(225,105,145,.45);color:#e49ab2}
.server-form textarea,.server-console-form input{width:100%;box-sizing:border-box;border:1px solid rgba(151,125,255,.14);background:#07070d;color:#eeeaf6;padding:13px 14px;resize:vertical;font:500 .75rem/1.5 Inter,sans-serif;outline:none}
.server-form textarea:focus,.server-console-form input:focus{border-color:rgba(120,200,255,.42);box-shadow:0 0 0 2px rgba(120,200,255,.05)}
.server-primary{margin-top:9px;min-height:42px;padding:0 15px;border:1px solid rgba(120,200,255,.35);background:linear-gradient(135deg,#78c8ff,#8e73ff);color:#07101a;font:900 .59rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.server-schedule-buttons button{border:1px solid rgba(151,125,255,.13);background:rgba(255,255,255,.02);color:#817a8e;padding:8px 9px;font:700 .52rem Inter,sans-serif;cursor:pointer}.server-schedule-buttons button:hover{border-color:rgba(120,200,255,.3);color:#aeb8d2}
.server-schedule-live{padding:15px;border:1px solid rgba(120,200,255,.2);background:radial-gradient(circle at 50% 0,rgba(120,200,255,.07),transparent 58%);text-align:center}.server-schedule-live.is-idle{border-color:rgba(151,125,255,.1)}
.server-schedule-live span{display:block;color:#77708a;font-size:.5rem;font-weight:900;letter-spacing:.16em}.server-schedule-live strong{display:block;margin:5px 0;color:#f2eff8;font:700 2rem 'Cinzel',Georgia,serif}.server-schedule-live small{color:#777181;font-size:.58rem}.server-schedule-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.server-schedule-buttons form{margin:0}.server-schedule-buttons button{width:100%;min-height:38px}.server-schedule-buttons .danger-soft{color:#c889a2;border-color:rgba(200,100,140,.18)}
.server-players-panel{grid-column:1/-1}.server-players-list{max-height:230px;overflow:auto}.server-players-list>div{display:grid;grid-template-columns:15px 1fr auto;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(151,125,255,.08);background:rgba(255,255,255,.015);margin-bottom:5px}.server-players-list>div>span{color:#5ce0aa;font-size:.55rem}.server-players-list strong{color:#ddd8e5;font-size:.68rem}.server-players-list small{color:#615b6b;font-size:.55rem}.server-empty{display:block!important;text-align:center;color:#625c6d;font-size:.68rem!important;padding:25px!important}
.server-console-panel{grid-column:1/-1}.server-console-warning{margin:-6px 0 13px;color:#756f80;font-size:.64rem;line-height:1.6}.server-console-form{display:grid;grid-template-columns:1fr auto;gap:7px}.server-console-form button{padding:0 17px;border:1px solid rgba(155,124,255,.35);background:linear-gradient(135deg,rgba(84,57,180,.8),rgba(25,16,62,.95));color:#eeeaff;font:900 .58rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.field-help{display:block;margin-top:10px;color:#625c6d;font-size:.58rem;line-height:1.55}
@media(max-width:850px){.server-control-head{display:block;padding:27px 22px}.server-status-badge{margin-top:18px;width:max-content}.server-grid{grid-template-columns:1fr}.server-panel-status,.server-players-panel,.server-console-panel{grid-column:auto;grid-row:auto}}
@media(max-width:560px){.server-control{padding:35px 14px 70px}.server-control-head h1{font-size:2.5rem}.server-panel{padding:19px}.server-actions-main{grid-template-columns:1fr}.server-console-form{grid-template-columns:1fr}.server-schedule-buttons{grid-template-columns:1fr}.server-players-list>div{grid-template-columns:13px 1fr}.server-players-list small{grid-column:2}}

/* =========================================================
   ETERNIA — RCON V4.11.6 / INTERFACE DYNAMIQUE
   ========================================================= */
.server-livebar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px}
.server-livebar>div{padding:12px 15px;border:1px solid rgba(151,125,255,.12);background:rgba(8,8,17,.72)}
.server-livebar span{display:block;color:#625c70;font-size:.5rem;font-weight:900;letter-spacing:.16em;margin-bottom:5px}.server-livebar strong{color:#d8d3e1;font-size:.65rem}
.server-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px;padding:6px;border:1px solid rgba(151,125,255,.13);background:rgba(8,7,16,.85);position:sticky;top:72px;z-index:5;backdrop-filter:blur(10px)}
.server-tabs button{border:1px solid transparent;background:transparent;color:#746d82;padding:10px 15px;font:900 .56rem Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:.2s}.server-tabs button:hover{color:#c9c2d8;border-color:rgba(151,125,255,.14)}.server-tabs button.is-active{color:#eeeaff;border-color:rgba(155,124,255,.28);background:linear-gradient(135deg,rgba(95,65,190,.22),rgba(22,16,42,.7));box-shadow:inset 0 -2px #9b7cff}.server-tabs b{margin-left:4px;color:#78c8ff}
.server-tab-content{display:none}.server-tab-content.is-active{display:block;animation:serverTabIn .18s ease-out}@keyframes serverTabIn{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}
.server-toast{position:fixed;right:25px;bottom:25px;z-index:9999;max-width:min(520px,calc(100vw - 40px));padding:13px 16px;border:1px solid rgba(92,224,170,.28);background:#090912;color:#d9f7e8;box-shadow:0 20px 60px rgba(0,0,0,.45);font-size:.68rem;line-height:1.5}.server-toast.error{border-color:rgba(225,105,145,.35);color:#f0b2c5}
.server-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.server-form-bottom small{color:#5f596a;font-size:.55rem}
.server-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.server-players-panel-full{grid-column:1/-1}
.server-player-toolbar{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.server-player-toolbar input,.server-tool-form input,.server-tool-form select,.server-tool-form textarea{box-sizing:border-box;width:100%;border:1px solid rgba(151,125,255,.14);background:#07070d;color:#eeeaf6;padding:11px 12px;font:500 .68rem Inter,sans-serif;outline:none}.server-player-toolbar input:focus,.server-tool-form input:focus,.server-tool-form select:focus,.server-tool-form textarea:focus{border-color:rgba(120,200,255,.42);box-shadow:0 0 0 2px rgba(120,200,255,.04)}
.server-player-toolbar button,.server-secondary,.server-danger{min-height:39px;padding:0 13px;border:1px solid rgba(151,125,255,.2);background:rgba(255,255,255,.025);color:#c9c3d3;font:900 .55rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.server-secondary:hover{border-color:rgba(120,200,255,.4);color:#bde3ff}.server-danger{color:#e49ab2;border-color:rgba(225,105,145,.25)}.server-danger:hover{background:rgba(180,50,90,.08);border-color:rgba(225,105,145,.5)}
.server-players-list-full{display:grid;gap:6px;max-height:620px;overflow:auto;padding-right:2px}.server-player-row{display:grid;grid-template-columns:1.1fr 1.25fr auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(151,125,255,.09);background:rgba(255,255,255,.015)}.server-player-main{display:flex;align-items:center;gap:10px;min-width:0}.server-player-main .player-dot{color:#5ce0aa;font-size:.55rem}.server-player-main strong{display:block;color:#e1dce8;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-player-main small{display:block;color:#655f6f;font-size:.55rem;margin-top:3px}.server-player-main small i{font-style:normal;color:#7e77a0;margin-left:5px}.server-player-ids{display:flex;flex-direction:column;gap:3px;min-width:0}.server-player-ids small{color:#625c6e;font-size:.53rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-player-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.server-player-actions button,.server-ban-row button{border:1px solid rgba(151,125,255,.12);background:rgba(255,255,255,.02);color:#8e879b;padding:6px 8px;font:800 .48rem Inter,sans-serif;text-transform:uppercase;cursor:pointer}.server-player-actions button:hover,.server-ban-row button:hover{color:#d7d0df;border-color:rgba(120,200,255,.3)}.server-player-actions button:nth-child(2){color:#c88b9f}.server-ban-list{display:grid;gap:5px;margin-top:10px;max-height:330px;overflow:auto}.server-ban-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid rgba(151,125,255,.08);background:rgba(255,255,255,.015)}.server-ban-row code{color:#b9b1c8;font-size:.58rem;overflow:hidden;text-overflow:ellipsis}.server-ban-row button{color:#c98ca2}
.server-tool-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.server-tool-form.compact{margin-top:13px}.server-tool-form textarea{resize:vertical}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px;grid-column:1/-1}.server-tool-form select{min-width:100px}.server-command-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.server-command-cards button,.server-netprofile button{border:1px solid rgba(151,125,255,.12);background:rgba(255,255,255,.02);color:#a8a0b4;padding:11px 10px;font:800 .55rem Inter,sans-serif;cursor:pointer}.server-command-cards button:hover,.server-netprofile button:hover{color:#ddd7e7;border-color:rgba(120,200,255,.3)}.server-netprofile{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(151,125,255,.08)}.server-netprofile span{color:#716a7d;font-size:.58rem;font-weight:800}.server-netprofile button{padding:7px 9px}
.server-console-warning{margin:-6px 0 13px;color:#756f80;font-size:.62rem;line-height:1.6}.server-founder-panel{min-height:0}.server-sql-panel{border-color:rgba(225,105,145,.15)}.server-output-panel{margin-top:14px;padding:25px;border:1px solid rgba(151,125,255,.14);background:#05050a}.server-output-panel .server-panel-head{margin-bottom:12px}.server-output-panel pre{margin:0;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#bdb7c9;font:500 .64rem/1.6 'Cascadia Mono',Consolas,monospace;background:#020207;border:1px solid rgba(151,125,255,.08);padding:15px}
.server-control code{color:#bca8ff;font-size:.9em}.server-schedule-live strong{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.server-player-row{grid-template-columns:1fr 1fr}.server-player-actions{grid-column:1/-1;justify-content:flex-start}.server-livebar{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.server-section-grid{grid-template-columns:1fr}.server-players-panel-full{grid-column:auto}.server-tabs{top:60px}}
@media(max-width:560px){.server-livebar{grid-template-columns:1fr 1fr}.server-tabs button{flex:1 1 30%}.server-player-row{grid-template-columns:1fr}.server-player-ids{grid-column:auto}.server-player-actions{grid-column:auto}.server-player-toolbar{grid-template-columns:1fr}.server-tool-form,.two-inputs{grid-template-columns:1fr}.two-inputs{grid-column:auto}.server-command-cards{grid-template-columns:1fr}.server-form-bottom{align-items:stretch;flex-direction:column}.server-primary{width:100%}}