/* Anarquía RolePlay · tema v4 · morado grisáceo suave, cargado al final en todas las páginas */
:root{--bg:#15131d;--s1:#1c1a27;--s2:#252234;--card:rgba(33,30,46,.72);--line:rgba(205,196,236,.13);--line2:rgba(205,196,236,.28);--tx:#ece9f5;--mut:#a9a4bf;--pr:160,148,212;--p:#9d92d6;--p2:#b9b0e8;--p3:#ddd8f4;--pd:#665c9e;--gr:#7b7791;--r:18px;--f:"Figtree",system-ui,sans-serif;--fd:"Bricolage Grotesque","Figtree",system-ui,sans-serif}
html body{background:var(--bg);color:var(--tx)}
html body :is(*){font-family:var(--f)!important}
html body :is(h1,h2,h3,.name,.stat b,.form h2){font-family:var(--fd)!important}
html{scrollbar-color:#6f6794 #15131d}
@supports selector(::-webkit-scrollbar){::-webkit-scrollbar-track{background:#15131d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7d759f,#575076);border:3px solid #15131d}}
::selection{background:rgba(var(--pr),.4)}
:focus-visible{outline:2px solid var(--p2)!important}
#pg{background:linear-gradient(90deg,#665c9e,#b9b0e8)!important;box-shadow:0 0 10px rgba(var(--pr),.5)!important}

/* fondo: gris lavanda, sin neón */
#bgfx{background:linear-gradient(165deg,#252133 0%,#1a1824 50%,#13111b 100%)!important}
#bgfx .a1{background:#7a6fb0!important;opacity:.2!important}
#bgfx .a2{background:#5f5a7e!important;opacity:.26!important}
#bgfx .a3{background:#6c5f9c!important;opacity:.16!important}
#bgfx .grid{opacity:.4}
#bgfx .emb{opacity:.13!important;filter:drop-shadow(0 0 24px rgba(var(--pr),.35))!important}
.orb{display:none!important}

/* tarjetas y cajas */
html body :is(.card,.box,.box2){background:linear-gradient(180deg,rgba(41,37,57,.8),rgba(30,27,43,.8));border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 44px -26px rgba(0,0,0,.65)}
html body :is(.card,.box):hover{border-color:var(--line2)}
html body :is(.ic,.jic,.ts-ic){background:rgba(var(--pr),.14);border:1px solid var(--line);border-radius:14px}

/* botones */
html body .btn{background:linear-gradient(180deg,#b3aae6,#8e83c9)!important;color:#17141f!important;border:0;border-radius:14px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px -12px rgba(var(--pr),.8)}
html body .btn:hover{filter:brightness(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 30px -12px rgba(var(--pr),.9)}
html body .btn.g{background:rgba(var(--pr),.1)!important;color:var(--p3)!important;border:1px solid var(--line2)!important;box-shadow:none}
html body .btn.g:hover{background:rgba(var(--pr),.2)!important}

/* barra de navegación */
html body :is(.dock,.orb-lg){background:rgba(27,24,39,.8);border:1px solid var(--line);box-shadow:0 16px 40px -20px rgba(0,0,0,.75)}
html body .blob{background:rgba(var(--pr),.18)!important;box-shadow:inset 0 0 0 1px var(--line2)!important}
html body :is(.dock>a.on,.dock>a:hover,.dock .mb:hover,.mo.o .mb){color:var(--tx)}
html body .dd{background:rgba(28,25,40,.97);border:1px solid var(--line);border-radius:16px}
html body .dln{background:linear-gradient(180deg,#b3aae6,#8e83c9)!important;color:#17141f!important;border:0}
html body .orb-lg img,html body header img{filter:drop-shadow(0 0 10px rgba(var(--pr),.35))!important}

/* inicio */
html body .hero h1{font-weight:800;letter-spacing:-.035em;line-height:1.03;font-size:clamp(40px,7vw,84px);text-wrap:balance;background:linear-gradient(180deg,#fff,#c6bfe8)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html body .hero p,html body .sub{color:var(--mut)}
html body .halo{background:radial-gradient(closest-side,rgba(var(--pr),.24),transparent)!important}
html body h2{font-weight:800;letter-spacing:-.028em}
html body .stat{background:rgba(33,30,46,.6);border:1px solid var(--line);border-radius:var(--r)}
html body .stat b{color:var(--p3)}
html body .pill{background:rgba(var(--pr),.12);border:1px solid var(--line2);color:var(--p3)}
html body .cr .name{font-size:clamp(72px,14vw,150px);font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,#f3f0fb,#8f84c9);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* cuenta, foro y galería */
html body .side{background:radial-gradient(ellipse at 30% 20%,rgba(var(--pr),.26),transparent 70%)!important}
html body .tabs,html body .tabs2{background:rgba(15,13,22,.6)!important;border:1px solid var(--line);border-radius:14px}
html body :is(.tabs,.tabs2) :is(button,a).on{background:rgba(var(--pr),.22)!important;color:var(--tx)!important}
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea){background:rgba(15,13,22,.7)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--tx)!important}
html body :is(input,select,textarea):focus{border-color:var(--p)!important;box-shadow:0 0 0 3px rgba(var(--pr),.22)!important;outline:0}
html body .back:hover,html body .lk:hover{color:var(--p3)}

/* entrada suave en las páginas internas */
@keyframes thUp{from{opacity:0;transform:translateY(14px)}}
body:not(.home) :is(.auth,.box,.card,.hero){animation:thUp .6s ease backwards}
@media(prefers-reduced-motion:reduce){body:not(.home) *{animation:none!important}}