/* Caída — cuenta, perfil, historial, amigos y mensajes, ranking, tienda y metas.
   Todo sobre los tokens de base.css: paneles azul noche con filo de latón, texto marfil y botones con volumen.
   Prefijos: .soc- (piezas compartidas), .cuenta-, .perfil-, .hist-, .amigos-, .chat-, .rank-, .tienda-, .metas- */
:root{--soc-gana:#7ad8a5;--soc-pierde:#f5a083;--soc-deja:#8d99ad;--soc-filo:rgba(220,170,76,.16);--soc-filo-2:rgba(220,170,76,.38);--soc-celda:rgba(255,255,255,.035)}

/* ---------- Piezas compartidas ---------- */
.soc-giro{display:inline-block;flex:none;width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;vertical-align:-.15em;animation:girar .7s linear infinite}
.b3d[aria-busy=true]{filter:none;cursor:progress}
.b3d.laton .moneda,.b3d.marfil .moneda,.b3d.verde .moneda{color:var(--tinta)}
.tienda-pie .b3d .moneda,.tienda-hoja .b3d .moneda{font-size:inherit}
.soc-esqueleto{display:flex;flex-direction:column;gap:12px}
.soc-sk{display:block;border-radius:14px;background:linear-gradient(100deg,rgba(255,255,255,.035) 30%,rgba(255,255,255,.09) 45%,rgba(255,255,255,.035) 60%) 0 0/300% 100%;box-shadow:inset 0 0 0 1px rgba(220,170,76,.06);animation:soc-brillo 1.5s ease-in-out infinite}
@keyframes soc-brillo{from{background-position:100% 0}to{background-position:0 0}}
.soc-vacio{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 16px;text-align:center;color:var(--tenue)}
.soc-vacio-ico{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:var(--laton);background:radial-gradient(circle at 50% 35%,rgba(220,170,76,.2),rgba(220,170,76,.04) 70%);box-shadow:inset 0 0 0 1px rgba(220,170,76,.28)}
.soc-vacio-ico .ico{width:30px;height:30px}
.soc-vacio>b{font:400 21px/1.15 var(--disp);color:var(--marfil);text-wrap:balance}
.soc-vacio>p{max-width:44ch;font-size:15px}
.soc-vacio>.b3d{margin-top:6px}
.soc-ins{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--rojo);color:#fff;font:700 12.5px/1 var(--cond);box-shadow:0 2px 6px rgba(0,0,0,.4)}
h3.soc-titulo{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:400 19px/1.15 var(--disp);color:var(--laton)}
h3.soc-titulo::after{content:"";flex:1;min-width:12px;height:1px;background:linear-gradient(90deg,rgba(220,170,76,.42),transparent)}
.soc-titulo-n{padding:1px 9px;border-radius:999px;font:700 14px/1.35 var(--cond);letter-spacing:.04em;color:var(--tinta);background:linear-gradient(180deg,var(--laton-luz),var(--laton))}
.soc-hoja-ico{width:66px;height:66px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--tinta);background:radial-gradient(circle at 35% 30%,var(--laton-luz),var(--laton) 60%,var(--laton-hondo));box-shadow:0 8px 18px rgba(0,0,0,.45),inset 0 -3px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.5)}
.soc-hoja-ico.peligro{color:#fff;background:radial-gradient(circle at 35% 30%,#f7a184,var(--teja) 60%,var(--teja-hondo))}
.soc-hoja-ico .ico{width:30px;height:30px}
.soc-hoja-txt{max-width:44ch;color:var(--marfil-2)}
.soc-bandera{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;font-size:1.05em;line-height:1;letter-spacing:0;vertical-align:-.04em}
.soc-datos{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,146px),1fr))}
.soc-dato{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 14px 13px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(220,170,76,.12),inset 0 1px 0 rgba(255,255,255,.05)}
.soc-dato .et{font-size:11.5px;letter-spacing:.12em;color:var(--tenue)}
.soc-dato b{font:400 clamp(24px,3.2vw,30px)/1.05 var(--disp);color:var(--marfil);overflow-wrap:anywhere}
.soc-dato small{font:600 13px/1.25 var(--cond);letter-spacing:.02em;color:var(--tenue)}
.soc-dato.grande b{color:var(--laton-luz)}
.soc-dato.gana b{color:var(--soc-gana)}
.soc-dato.pierde b{color:var(--soc-pierde)}
.soc-dato.texto b{font:700 18px/1.2 var(--cond);letter-spacing:.01em}
.soc-dato.con-emblema{flex-direction:row;align-items:center;gap:10px}
.soc-dato.con-emblema .columna{gap:2px}
.soc-dato.con-emblema b{font-size:19px}
.soc-medalla{--m:50px;flex:none;width:var(--m);height:var(--m);border-radius:50%;display:grid;place-items:center;color:#1a1208;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--rz,#b9c3d1) 50%,#fff),var(--rz,#b9c3d1) 52%,color-mix(in srgb,var(--rz,#b9c3d1) 55%,#000));box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.4),0 0 0 3px rgba(0,0,0,.28),0 6px 14px rgba(0,0,0,.4)}
.soc-medalla .ico{width:52%;height:52%;stroke-width:2.2}
.soc-medalla.grande{--m:78px}
.rareza-epico .soc-medalla,.soc-medalla.rareza-epico{box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.4),0 0 0 3px rgba(0,0,0,.28),0 0 18px rgba(181,140,255,.4)}
.rareza-legendario .soc-medalla,.soc-medalla.rareza-legendario{box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.4),0 0 0 3px rgba(0,0,0,.28),0 0 22px rgba(255,180,74,.5)}
.soc-confeti{position:fixed;inset:0;z-index:1300;overflow:hidden;pointer-events:none}
.soc-confeti i{position:absolute;width:7px;height:12px;border-radius:2px;will-change:transform,opacity}
/* Vistas previas de cosméticos (las arma vistaItem en ui.js) */
.vista-carta{position:relative;display:inline-block;flex:none;width:calc(var(--t,92px)*.653);height:var(--t,92px);border-radius:calc(var(--t,92px)*.06);overflow:hidden;background:linear-gradient(160deg,#2a3d62,#14203a);box-shadow:0 8px 16px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.35)}
.vista-carta img{display:block;width:100%;height:100%;object-fit:cover}
.vista-mazo{position:relative;display:inline-block;flex:none;width:calc(var(--t,92px)*1.2);height:var(--t,92px)}
.vista-mazo img{position:absolute;left:50%;bottom:0;width:calc(var(--t,92px)*.6);height:auto;aspect-ratio:312/478;margin-left:calc(var(--t,92px)*-.3);border-radius:calc(var(--t,92px)*.05);box-shadow:0 6px 12px rgba(0,0,0,.45);transform-origin:50% 115%}
.vista-mazo img:nth-child(1){transform:rotate(-16deg)}
.vista-mazo img:nth-child(3){transform:rotate(16deg)}
.vista-banner.banner{display:block;flex:none;min-height:0;width:calc(var(--t,92px)*2);max-width:100%;height:var(--t,92px);border-radius:12px;box-shadow:inset 0 -24px 40px rgba(0,0,0,.28),0 6px 14px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.3)}
.vista-banner.banner-tricolor::after{font-size:9px;letter-spacing:.35em}

/* ---------- Cuenta: entrar y crear cuenta ---------- */
.contenido.cuenta-ancha{max-width:1060px}
.cuenta-acceso{display:flex;flex-direction:column;gap:16px;padding:24px clamp(16px,4vw,30px) 26px;overflow:hidden}
.cuenta-acceso::before{content:"";position:absolute;inset:0 0 auto;height:160px;background:radial-gradient(60% 100% at 50% 0,rgba(var(--lampara),.18),transparent 72%);pointer-events:none}
.cuenta-sello{position:relative;display:flex;justify-content:center;gap:12px;padding-top:6px}
.cuenta-sello span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#33507f,#17243d);box-shadow:0 0 0 3px #5b3a22,0 0 0 4px rgba(220,170,76,.4),0 8px 14px rgba(0,0,0,.45);animation:cuenta-sello .7s var(--resorte) backwards}
.cuenta-sello span:nth-child(2),.cuenta-sello span:nth-child(3){translate:0 -7px}
.cuenta-sello span:nth-child(2){animation-delay:.06s}.cuenta-sello span:nth-child(3){animation-delay:.12s}.cuenta-sello span:nth-child(4){animation-delay:.18s}
.cuenta-sello svg{width:58%;height:58%}
@keyframes cuenta-sello{from{opacity:0;transform:translateY(12px) scale(.6)}}
.cuenta-pestanas{width:100%}
.cuenta-pestanas .pestana{flex:1 1 0}
.cuenta-lema{min-height:1.4em;text-align:center;color:var(--marfil-2);font-size:16px;text-wrap:balance}
.cuenta-nota{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:14.5px;color:var(--marfil-2);background:rgba(220,170,76,.1);box-shadow:inset 0 0 0 1px rgba(220,170,76,.32)}
.cuenta-nota .ico{flex:none;margin-top:1px;color:var(--laton)}
.cuenta-nota b{color:var(--laton-luz)}
.cuenta-proveedores{display:grid;gap:12px}
@media (min-width:540px){.cuenta-proveedores{grid-auto-flow:column;grid-auto-columns:1fr}}
.cuenta-prov{gap:12px;font-size:17px}
.cuenta-logo{flex:none;width:22px;height:22px}
.cuenta-apple{--c1:#2c2c31;--c2:#111114;--borde:#000;--brillo:rgba(255,255,255,.16);--tx:#fff}
.cuenta-o{display:flex;align-items:center;gap:12px;font:600 13px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--tenue)}
.cuenta-o::before,.cuenta-o::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(220,170,76,.38))}
.cuenta-o::after{transform:scaleX(-1)}
.cuenta-forma{display:flex;flex-direction:column;gap:14px;text-align:left}
.campo>.cuenta-adorno{position:relative;display:flex;align-items:center;font:inherit;letter-spacing:normal;text-transform:none;color:inherit}
.cuenta-adorno .entrada{flex:1;min-width:0}
.cuenta-arroba{position:absolute;left:14px;z-index:1;font:700 17px var(--cond);font-style:normal;color:var(--laton);pointer-events:none}
.cuenta-arroba+.entrada{padding-left:32px}
.cuenta-ver{position:absolute;right:5px;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--tenue);transition:color .2s,background .2s}
.cuenta-ver:hover{color:var(--marfil);background:rgba(255,255,255,.06)}
.cuenta-ver[aria-pressed=true]{color:var(--laton)}
.cuenta-adorno:has(.cuenta-ver) .entrada{padding-right:48px}
.cuenta-ayuda{font-size:13px;color:var(--tenue-2)}
.cuenta-err{font-size:13.5px;color:#ff9f8c}
.cuenta-err:empty{display:none}
.entrada[aria-invalid]{border-color:#e0705d;box-shadow:inset 0 2px 6px rgba(0,0,0,.45),0 0 0 3px rgba(224,80,61,.2)}
.cuenta-enlace{align-self:flex-end;margin-top:-6px;font:600 14.5px var(--cond);letter-spacing:.03em;color:var(--laton-luz);text-decoration:underline;text-decoration-color:rgba(255,227,161,.4);text-underline-offset:3px}
.cuenta-enlace:hover{text-decoration-color:currentColor}
.cuenta-fuerza{display:block;height:4px;margin-top:-8px;border-radius:2px;overflow:hidden;background:rgba(0,0,0,.35)}
.cuenta-fuerza u{display:block;width:0;height:100%;border-radius:inherit;background:var(--teja);transition:width .3s var(--suave),background-color .3s}
.cuenta-fuerza u[data-nivel=medio]{background:var(--laton)}
.cuenta-fuerza u[data-nivel=fuerte]{background:var(--verde)}
.cuenta-forma .error:empty,.tienda-hoja .error:empty,.hoja .cuenta-zoom~.error:empty{display:none}
.error.cuenta-ok{color:var(--laton-luz)}
.cuenta-pie{max-width:54ch;margin:0 auto;text-align:center}
.cuenta-enviado{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--marfil-2)}
.cuenta-recuperar{width:100%}

/* ---------- Cuenta: ajustes ---------- */
.cuenta-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;background:linear-gradient(180deg,rgba(220,170,76,.17),rgba(220,170,76,.06));box-shadow:inset 0 0 0 1px rgba(220,170,76,.42),var(--sombra)}
.cuenta-aviso>.ico{width:28px;height:28px;color:var(--laton)}
.cuenta-aviso .columna{flex:1;min-width:190px;gap:2px}
.cuenta-ajustes{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:900px){.cuenta-ajustes{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr)}}
.cuenta-col{gap:18px}
.cuenta-vista{padding:0;overflow:hidden}
.banner.cuenta-vista-banner{height:120px;min-height:0;border-radius:0}
.cuenta-vista-et{position:absolute;top:10px;left:12px;z-index:1;padding:3px 10px;border-radius:999px;font:700 12px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--marfil);background:rgba(8,13,24,.6);backdrop-filter:blur(4px)}
.cuenta-vista-id{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:48px auto;column-gap:14px;margin-top:-48px;padding:0 18px}
.cuenta-vista-id>.cuenta-vista-av{grid-row:1/3}
.cuenta-vista-id>.cuenta-vista-txt{grid-column:2;grid-row:2;padding-top:6px}
.cuenta-vista-av{position:relative;flex:none}
.cuenta-vista-av .avatar{box-shadow:0 0 0 4px #1c2b48,0 10px 22px rgba(0,0,0,.5)}
.cuenta-foto-b{position:absolute;top:-4px;right:-10px}
.cuenta-vista-txt{display:flex;flex-direction:column;min-width:0}
.cuenta-vista-txt b{font:400 24px/1.1 var(--disp);color:var(--marfil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cuenta-vista-txt span{font:600 15px var(--cond);color:var(--tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cuenta-vista-bio{padding:12px 18px 0;color:var(--marfil-2);white-space:pre-line;overflow-wrap:anywhere}
.cuenta-foto-acciones{display:flex;flex-wrap:wrap;gap:10px;padding:16px 18px 0}
.cuenta-dibujos{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}
.cuenta-dibujos-l{display:flex;flex-wrap:wrap;gap:8px}
.cuenta-dibujo{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 8px 6px;border-radius:14px;font:600 13px var(--cond);color:var(--tenue);transition:background .2s,box-shadow .2s,color .2s}
.cuenta-dibujo:hover{color:var(--marfil);background:rgba(255,255,255,.05)}
.cuenta-dibujo[aria-pressed=true]{color:var(--laton-luz);background:rgba(220,170,76,.12);box-shadow:inset 0 0 0 2px var(--laton)}
.cuenta-contador{float:right;font-style:normal;letter-spacing:.04em;color:var(--tenue-2)}
.cuenta-interruptor{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px rgba(220,170,76,.12)}
.cuenta-interruptor .columna{flex:1;gap:3px}
.cuenta-interruptor b{font:700 16px/1.25 var(--cond);letter-spacing:.02em}
.cuenta-estilos [data-estilos]{gap:18px}
.cuenta-estilo{display:flex;flex-direction:column;gap:8px}
.cuenta-opciones{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}
.cuenta-opciones.cuenta-op-banner{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.cuenta-op{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 6px 8px;border-radius:14px;background:var(--soc-celda);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:background .2s,box-shadow .2s}
.cuenta-op:hover{background:rgba(255,255,255,.07)}
.cuenta-op[aria-pressed=true]{background:rgba(220,170,76,.12);box-shadow:inset 0 0 0 2px var(--laton),0 0 18px rgba(220,170,76,.16)}
.cuenta-op-vista{display:grid;place-items:center;width:100%;height:66px}
.cuenta-op-banner .vista-banner.banner{width:100%;height:46px;border-radius:10px}
.cuenta-op-n{max-width:100%;font:600 13px/1.15 var(--cond);color:var(--marfil-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cuenta-op-ok{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:var(--tinta);background:var(--laton);box-shadow:0 2px 4px rgba(0,0,0,.4)}
.cuenta-op-ok .ico{width:13px;height:13px;stroke-width:3}
.cuenta-mas{align-self:flex-start;margin-top:16px}
.cuenta-estilos{display:flex;flex-direction:column}
.cuenta-sesion .campo{margin-bottom:12px}
.cuenta-solo{display:flex;align-items:center;gap:10px;color:var(--marfil-2);background:rgba(0,0,0,.25)}
.cuenta-solo .ico{color:var(--tenue-2)}
.cuenta-solo span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cuenta-sesion-acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.cuenta-invitado{align-self:center;margin:0}
/* Recorte de la foto */
.cuenta-recorte{position:relative;width:min(300px,72vw);aspect-ratio:1;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(220,170,76,.3),0 12px 28px rgba(0,0,0,.5)}
.cuenta-recorte canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.cuenta-recorte canvas:active{cursor:grabbing}
.cuenta-mascara{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle closest-side,transparent calc(100% - 1px),rgba(8,13,24,.62) 100%)}
.cuenta-mascara::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px rgba(255,227,161,.8)}
.cuenta-zoom{display:flex;align-items:center;gap:10px;width:min(320px,100%)}

/* ---------- Perfil ---------- */
.perfil-sk{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:6px}
.perfil-sk-banner{width:100%;height:clamp(120px,22vw,210px)}
.soc-sk.perfil-sk-av{width:112px;height:112px;margin-top:-66px;border-radius:50%;box-shadow:0 0 0 5px var(--noche)}
.perfil-sk-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.perfil-hero{padding:0;overflow:hidden}
.banner.perfil-banner{height:clamp(124px,22vw,214px);min-height:0;border-radius:0}
.perfil-hist{position:absolute;top:12px;right:12px;z-index:2}
.b3d.cristal.perfil-hist{--c1:rgba(10,16,30,.7);--c2:rgba(10,16,30,.55);--borde:rgba(0,0,0,.45)}
/* La foto monta sobre el banner; el nombre siempre queda debajo, para que se lea sobre cualquier banner. */
.perfil-cabeza{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:56px auto;column-gap:18px;margin-top:-56px;padding:0 clamp(16px,3vw,26px)}
.perfil-av{grid-column:1;grid-row:1/3;align-self:start}
.perfil-av .avatar{box-shadow:0 0 0 5px #182641,0 12px 26px rgba(0,0,0,.55)}
.perfil-quien{grid-column:2;grid-row:2;min-width:0;padding-top:10px}
.perfil-cabeza>.perfil-acciones{grid-column:3;grid-row:2;align-self:center;justify-content:flex-end;padding-top:10px}
@media (max-width:900px) and (min-width:641px){.perfil-cabeza{grid-template-columns:auto minmax(0,1fr)}.perfil-cabeza>.perfil-acciones{grid-column:1/-1;grid-row:3;justify-content:flex-start;padding-top:14px}}
.tarjeta h3.perfil-nombre{margin:0;font:400 clamp(26px,4.2vw,38px)/1.05 var(--disp);color:var(--marfil);text-shadow:0 2px 0 rgba(0,0,0,.35);overflow-wrap:anywhere}
.perfil-usuario{margin-top:4px;font:600 16px var(--cond);letter-spacing:.02em;color:var(--tenue)}
.perfil-pais{color:var(--marfil-2)}
.perfil-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.perfil-amigos{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font:700 14px var(--cond);letter-spacing:.06em;text-transform:uppercase;color:#c6f2d8;background:rgba(69,178,122,.16);box-shadow:inset 0 0 0 1px rgba(92,199,143,.45)}
.perfil-nota-rel{font:600 13.5px var(--cond);color:var(--tenue)}
.perfil-chips{display:flex;flex-wrap:wrap;gap:10px;padding:16px clamp(16px,3vw,26px) 0}
.perfil-chip{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 16px 10px 12px;border-radius:16px;background:rgba(0,0,0,.26);box-shadow:inset 0 0 0 1px rgba(220,170,76,.16)}
.perfil-chip .columna{gap:1px;min-width:0}
.perfil-chip .et{font-size:11px;color:var(--tenue)}
.perfil-chip b{font:400 20px/1.1 var(--disp);color:var(--marfil)}
.perfil-chip small{font:600 13px var(--cond);color:var(--tenue)}
.perfil-chip-ico{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--laton);background:rgba(220,170,76,.12);box-shadow:inset 0 0 0 1px rgba(220,170,76,.3)}
.perfil-chip-ico .ico{width:24px;height:24px}
.perfil-nivel{flex:1 1 230px}
.perfil-nivel .columna{flex:1}
.perfil-nivel .barra{width:100%;margin:4px 0 2px}
.perfil-medalla{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:400 19px var(--disp);color:var(--tinta);background:radial-gradient(circle at 35% 30%,var(--laton-luz),var(--laton) 55%,var(--laton-hondo));box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.45),0 4px 10px rgba(0,0,0,.4)}
.perfil-bio{max-width:70ch;padding:14px clamp(16px,3vw,26px) 0;font-size:16px;color:var(--marfil-2);white-space:pre-line;overflow-wrap:anywhere}
.perfil-desde{display:flex;align-items:center;gap:6px;padding:12px clamp(16px,3vw,26px) 0;font:600 14px var(--cond);color:var(--tenue)}
.perfil-desde .ico{width:16px;height:16px;color:var(--laton)}
.perfil-hero::after{content:"";display:block;height:20px}
@media (max-width:640px){
  .perfil-cabeza{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;justify-items:center;margin-top:-60px;text-align:center}
  .perfil-av,.perfil-quien,.perfil-cabeza>.perfil-acciones{grid-column:1;grid-row:auto}
  .perfil-quien{width:100%;padding-top:12px}
  .perfil-cabeza>.perfil-acciones{justify-content:center;width:100%;padding-top:14px}
  .perfil-chips{justify-content:center}
  .perfil-chip{flex:1 1 auto}
  .perfil-nivel{flex-basis:100%}
  .perfil-bio{margin:0 auto;text-align:center}
  .perfil-desde{justify-content:center}
}
.perfil-secciones{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:980px){.perfil-secciones{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.perfil-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.perfil-sec{display:flex;flex-direction:column;gap:12px}
.perfil-sec>h3.soc-titulo{margin:0}
.perfil-reparto{display:flex;height:12px;border-radius:6px;overflow:hidden;background:rgba(0,0,0,.35);box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}
.perfil-reparto i{display:block;min-width:0;transform-origin:left}
.perfil-reparto i.gana,.perfil-leyenda i.gana{background:linear-gradient(180deg,#86e0b0,#3fa56f)}
.perfil-reparto i.pierde,.perfil-leyenda i.pierde{background:linear-gradient(180deg,#f7a98e,#c9583b)}
.perfil-reparto i.deja,.perfil-leyenda i.deja{background:linear-gradient(180deg,#a3aec0,#5f6b7d)}
.perfil-leyenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:-4px;font:600 13px var(--cond);color:var(--tenue)}
.perfil-leyenda span{display:inline-flex;align-items:center;gap:6px}
.perfil-leyenda i{width:10px;height:10px;border-radius:3px}
.perfil-cantos{display:flex;flex-direction:column;gap:9px}
.perfil-canto{display:grid;grid-template-columns:minmax(84px,118px) minmax(0,1fr) 40px;align-items:center;gap:10px;font:600 15px var(--cond);color:var(--marfil-2)}
.perfil-canto b{font:400 17px var(--disp);text-align:right;color:var(--marfil)}
.perfil-canto-b{height:10px;border-radius:5px;overflow:hidden;background:rgba(0,0,0,.35);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}
.perfil-canto-b u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--laton-hondo),var(--laton) 60%,var(--laton-luz));transform-origin:left}
.perfil-canto.cero,.perfil-canto.cero b{color:var(--tenue-2)}
.perfil-falsos b{color:var(--marfil)}
.perfil-fav{display:flex;align-items:center;gap:8px;margin-top:-2px;font:600 15px var(--cond);color:var(--marfil-2)}
.perfil-fav .ico{color:var(--laton)}
.perfil-fav b{color:var(--laton-luz)}
.perfil-modos{display:grid;gap:10px}
.perfil-modo{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--soc-celda);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.perfil-modo.fav{background:rgba(220,170,76,.09);box-shadow:inset 0 0 0 1px rgba(220,170,76,.42)}
.perfil-modo-mesa svg{display:block;width:62px;height:40px}
.perfil-modo .columna{gap:0}
.perfil-modo .columna>b{font:400 19px var(--disp);color:var(--marfil)}
.perfil-modo .columna>small{font:600 12.5px/1.2 var(--cond);color:var(--tenue)}
.perfil-modo-n{display:flex;flex-direction:column;gap:4px;min-width:0;font:600 14px var(--cond);color:var(--tenue)}
.perfil-modo-n b.gana{color:var(--soc-gana)}
.perfil-modo-n b.pierde{color:var(--soc-pierde)}
.perfil-modo-n small{font-size:12.5px}
.perfil-vitrina{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.perfil-trofeo{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 6px 10px;border-radius:14px;text-align:center;background:radial-gradient(80% 60% at 50% 22%,color-mix(in srgb,var(--rz) 20%,transparent),transparent 70%),var(--soc-celda);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rz) 35%,transparent)}
.perfil-trofeo b{max-width:100%;font:700 14px/1.15 var(--cond);color:var(--marfil)}
.perfil-trofeo .etiqueta-rz{font-size:10px}
.perfil-trofeos>.barra{margin:-4px 0 2px}
.perfil-hoja-trofeos{display:grid;gap:10px;width:100%;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));text-align:left}

/* ---------- Historial ---------- */
.hist-de{flex:none;font:600 15px var(--cond);color:var(--tenue);white-space:nowrap}
.hist-resumen{display:flex;flex-direction:column;gap:10px}
.hist-resumen:empty{display:none}
.hist-tira{display:flex;flex-wrap:wrap;gap:4px}
.hist-tira i{width:14px;height:22px;border-radius:4px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.hist-tira i.es-gana{background:#5cc78f}.hist-tira i.es-pierde{background:#e0705d}.hist-tira i.es-deja{background:#56627a}
.hist-cuentas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font:600 15px var(--cond);color:var(--tenue)}
.hist-cuentas b{font-size:17px;color:var(--marfil)}
.hist-cuentas b.gana{color:var(--soc-gana)}.hist-cuentas b.pierde{color:var(--soc-pierde)}
.hist-sum{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:#9fd3ff}
.hist-sum .moneda{font-size:15px}
.hist-lista{display:flex;flex-direction:column;gap:10px}
.hist-fila{--c:#5cc78f;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"res marc" "info info" "prem cuando";gap:8px 14px;align-items:center;padding:12px 14px 12px 19px;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 15%,transparent),transparent 42%),linear-gradient(180deg,rgba(38,56,92,.62),rgba(20,31,52,.72));box-shadow:inset 0 0 0 1px rgba(220,170,76,.12),0 8px 18px rgba(0,0,0,.3)}
.hist-fila::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)}
.hist-fila.es-pierde{--c:#e0705d}.hist-fila.es-deja{--c:#8d99ad}
.hist-res{grid-area:res;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
.hist-res b{font:400 20px/1.1 var(--disp);color:color-mix(in srgb,var(--c) 75%,#fff)}
.hist-res small{font:700 13px var(--cond);letter-spacing:.04em;color:var(--marfil-2)}
.hist-res small.hist-trivilin{padding:0 8px;border-radius:999px;color:var(--tinta);background:var(--laton)}
.hist-info{grid-area:info;display:flex;flex-direction:column;gap:7px;min-width:0}
.hist-modo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:600 15px var(--cond)}
.hist-modo>b{font:400 17px var(--disp);color:var(--marfil)}
.hist-clase{padding:2px 9px;border-radius:999px;font:700 11.5px/1.4 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--marfil-2);background:rgba(255,255,255,.08)}
.hist-clase.es-clasificatoria{color:var(--laton-luz);background:rgba(220,170,76,.2)}
.hist-clase.es-casual{color:#c4e2ff;background:rgba(111,184,255,.16)}
.hist-id{padding:2px 6px;border-radius:6px;font:600 13px var(--cond);letter-spacing:.08em;color:var(--tenue);font-variant-numeric:tabular-nums}
.hist-id:hover{color:var(--marfil);background:rgba(255,255,255,.07)}
.hist-rivales{display:flex;align-items:center;min-width:0}
.hist-rivales .avatar{box-shadow:0 0 0 2px #1b2a46}
.hist-rivales>:not(:first-child):not(.hist-contra){margin-left:-9px}
.hist-av{display:inline-flex;flex:none}
.hist-contra{min-width:0;margin-left:8px;font:500 14.5px/1.25 var(--cond);color:var(--tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-num{display:contents}
.hist-marcador{grid-area:marc;justify-self:end;font:400 22px/1 var(--disp);color:var(--tenue);white-space:nowrap}
.hist-marcador b{color:var(--marfil)}
.hist-marcador i{margin:0 6px;font-style:normal;color:var(--tenue-2)}
.hist-premios{grid-area:prem;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hist-premios:empty{display:none}
.hist-delta{padding:2px 8px;border-radius:999px;font:700 14px var(--cond)}
.hist-delta.sube{color:#c6f2d8;background:rgba(69,178,122,.22)}
.hist-delta.baja{color:#ffcbbd;background:rgba(224,80,61,.22)}
.hist-xp{font:700 14px var(--cond);color:#9fd3ff}
.hist-premios .moneda{font-size:15px}
.hist-cuando{grid-area:cuando;justify-self:end;font:600 13px var(--cond);color:var(--tenue-2);white-space:nowrap}
.hist-mas{display:flex;justify-content:center;padding:6px 0 10px}
@media (min-width:760px){
  .hist-fila{grid-template-columns:150px minmax(0,1fr) auto;grid-template-areas:"res info num";padding:14px 20px 14px 24px}
  .hist-res{flex-direction:column;gap:3px}
  .hist-num{grid-area:num;display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right}
  .hist-premios{justify-content:flex-end}
}

/* ---------- Amigos ---------- */
.amigos-cuenta{flex:none;display:inline-flex;align-items:center;gap:6px;font:600 14.5px var(--cond);color:var(--tenue);white-space:nowrap}
.amigos-cuenta b{color:var(--marfil)}
.amigos-verde{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:#58d68d;box-shadow:0 0 0 2px rgba(88,214,141,.22),0 0 8px rgba(88,214,141,.6)}
.amigos-pestanas .pestana,.metas-pestanas .pestana,.tienda-pestanas .pestana{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.amigos-pestanas .pestana .ico,.metas-pestanas .pestana .ico,.tienda-pestanas .pestana .ico{width:18px;height:18px}
.amigos-tab-n{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;font:700 12px/1 var(--cond);font-style:normal;letter-spacing:0;color:#fff;background:var(--rojo);box-shadow:0 1px 3px rgba(0,0,0,.35)}
@media (max-width:620px){
  .amigos-pestanas .pestana,.metas-pestanas .pestana,.tienda-pestanas .pestana{gap:5px;padding:9px 9px;font-size:13px;letter-spacing:.03em}
  .amigos-pestanas .pestana .ico,.metas-pestanas .pestana .ico,.tienda-pestanas .pestana .ico{display:none}
}
@media (max-width:430px){.amigos-cuenta{display:none}}
.amigos-panel{min-width:0}
.soc-esqueleto.amigos-sk{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))}
.amigos-rejilla{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));margin-bottom:20px}
.amigos-tarjeta{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(38,56,92,.72),rgba(20,31,52,.82));box-shadow:inset 0 0 0 1px rgba(220,170,76,.14),0 10px 24px rgba(0,0,0,.34);transition:box-shadow .25s,transform .25s var(--suave)}
.amigos-tarjeta:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(220,170,76,.34),0 14px 28px rgba(0,0,0,.42)}
.amigos-tarjeta.en-linea{background:radial-gradient(70% 100% at 0 0,rgba(88,214,141,.11),transparent 62%),linear-gradient(180deg,rgba(38,56,92,.72),rgba(20,31,52,.82))}
.amigos-quien{display:flex;align-items:center;gap:12px;min-width:0;border-radius:12px;text-align:left}
.amigos-txt{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.amigos-txt>b{font:700 18px/1.15 var(--cond);letter-spacing:.01em;color:var(--marfil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amigos-txt>small{font:500 14px/1.25 var(--cond);color:var(--tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amigos-meta{display:inline-flex;align-items:center;gap:6px;min-width:0;font:600 13.5px var(--cond);color:var(--marfil-2)}
.amigos-txt>small .amigos-meta{margin-left:6px;color:var(--tenue)}
.amigos-estado{font:700 11.5px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--tenue-2)}
.amigos-estado.on{color:#7ee2a8}
.amigos-acc{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.amigos-quitar{margin-left:auto}
.amigos-sala{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;border-radius:14px;color:var(--marfil-2);background:rgba(220,170,76,.1);box-shadow:inset 0 0 0 1px rgba(220,170,76,.36)}
.amigos-sala .ico{flex:none;color:var(--laton)}
.amigos-sala b{color:var(--laton-luz);letter-spacing:.08em}
.amigos-dos{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.amigos-dos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
.amigos-sec{display:flex;flex-direction:column;min-width:0}
.amigos-lista{display:flex;flex-direction:column;gap:10px}
.amigos-fila{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;min-width:0;padding:10px 12px;border-radius:16px;background:var(--soc-celda);box-shadow:inset 0 0 0 1px rgba(220,170,76,.1);transition:background .2s,box-shadow .2s}
.amigos-fila:hover{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(220,170,76,.26)}
.amigos-fila .amigos-quien{flex:1 1 200px}
.amigos-fila .amigos-acc{margin-left:auto}
.amigos-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font:700 13px var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--marfil-2);background:rgba(255,255,255,.07)}
.amigos-tag .ico{width:16px;height:16px}
.amigos-tag.ok{color:#c6f2d8;background:rgba(69,178,122,.18)}
.amigos-nada{padding:6px 2px}
.amigos-caja{position:relative;display:block}
.amigos-lupa{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--laton);pointer-events:none}
.amigos-lupa .ico{width:22px;height:22px}
.amigos-caja .entrada{min-height:56px;padding-left:48px;border-radius:16px;font-size:17px}
.amigos-tu{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 16px;padding:10px 14px;border-radius:14px;font-size:15px;color:var(--marfil-2);background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px rgba(220,170,76,.12)}
.amigos-tu>.ico{color:var(--laton)}
.amigos-tu span{flex:1;min-width:170px}
.amigos-tu b{color:var(--laton-luz)}
.amigos-resultados{transition:opacity .2s}
.amigos-resultados.esperando{opacity:.55}
.amigos-pista{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 10px;text-align:center;color:var(--tenue)}
.amigos-pista .ico{flex:none;color:var(--laton)}

/* ---------- Mensajes ---------- */
.chat-dos{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}
@media (min-width:900px){.chat-dos{grid-template-columns:minmax(280px,360px) minmax(0,1fr);height:calc(100vh - 214px);height:calc(100dvh - 214px);min-height:460px}}
.chat-lista{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto;padding:2px;scrollbar-width:thin}
.chat-vista{display:none;flex-direction:column;min-height:0;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,rgba(28,43,72,.8),rgba(13,22,38,.9));box-shadow:inset 0 0 0 1px rgba(220,170,76,.16),var(--sombra)}
@media (min-width:900px){.chat-vista{display:flex}}
@media (max-width:899px){
  .chat-dos.con-chat .chat-lista{display:none}
  .chat-dos.con-chat .chat-vista{display:flex}
  .amigos-raiz.chat-abierto>.cabecera,.amigos-raiz.chat-abierto>.amigos-pestanas{display:none}
  .amigos-raiz.chat-abierto .chat-dos{height:calc(100vh - 34px);height:calc(100dvh - 34px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
}
.chat-convs{display:flex;flex-direction:column;gap:6px}
.chat-conv{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:16px;text-align:left;background:var(--soc-celda);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:background .2s,box-shadow .2s}
.chat-conv:hover{background:rgba(255,255,255,.07)}
.chat-conv.activa{background:linear-gradient(90deg,rgba(220,170,76,.2),rgba(220,170,76,.05));box-shadow:inset 0 0 0 1px rgba(220,170,76,.48)}
.chat-conv-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.chat-conv-txt b{font:700 17px/1.15 var(--cond);color:var(--marfil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-conv-txt small{font-size:14px;color:var(--tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-conv.sin-leer .chat-conv-txt small{font-weight:600;color:var(--marfil)}
.chat-conv-lado{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font:600 12.5px var(--cond);color:var(--tenue-2)}
.chat-conv.sin-leer time{color:var(--laton-luz)}
.chat-nuevos{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px rgba(220,170,76,.1)}
.chat-nuevos-l{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.chat-nuevo{display:flex;flex:none;flex-direction:column;align-items:center;gap:5px;width:64px;padding:4px 0;border-radius:12px;font:600 13px var(--cond);color:var(--marfil-2)}
.chat-nuevo:hover{background:rgba(255,255,255,.05)}
.chat-nuevo span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-nada{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px;text-align:center;color:var(--tenue)}
.chat-nada>.ico{width:58px;height:58px;color:var(--laton);opacity:.85}
.chat-nada b{font:400 20px var(--disp);color:var(--marfil)}
.chat-cab{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(0,0,0,.22);box-shadow:0 1px 0 rgba(220,170,76,.16)}
.chat-atras{flex:none}
@media (min-width:900px){.chat-atras{display:none}}
.chat-quien{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 10px 2px 2px;border-radius:999px;text-align:left}
.chat-quien:hover{background:rgba(255,255,255,.05)}
.chat-quien>span{display:flex;flex-direction:column;min-width:0}
.chat-quien b{font:700 18px/1.1 var(--cond);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-quien small{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--cond);color:var(--tenue)}
.chat-msjs{flex:1;min-height:0;display:flex;flex-direction:column;gap:3px;overflow-y:auto;overscroll-behavior:contain;padding:14px clamp(10px,2.4vw,22px) 16px;scrollbar-width:thin;background:radial-gradient(90% 50% at 50% 0,rgba(var(--lampara),.07),transparent 60%)}
.chat-msjs:focus-visible{outline-offset:-3px}
.chat-cargando{margin:auto;font-size:28px;color:var(--laton)}
.chat-vacio{margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:34ch;text-align:center;color:var(--tenue)}
.chat-vacio b{color:var(--marfil)}
.chat-antes{display:flex;justify-content:center;padding:2px 0 8px}
.chat-dia{align-self:center;margin:12px 0 6px;padding:3px 12px;border-radius:999px;font:700 11.5px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);background:rgba(0,0,0,.3)}
.chat-msj{position:relative;max-width:min(80%,540px);margin-top:8px;padding:8px 12px 6px;border-radius:18px;overflow-wrap:anywhere;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.chat-msj.seguido{margin-top:0}
.chat-msj p{font-size:15.5px;line-height:1.38;white-space:pre-wrap}
.chat-hora{display:block;margin-top:2px;font:600 11.5px var(--cond);letter-spacing:.03em;text-align:right;opacity:.7}
.chat-msj.suyo{align-self:flex-start;color:var(--marfil);background:linear-gradient(180deg,#2d4571,#223559);border-bottom-left-radius:6px}
.chat-msj.mio{align-self:flex-end;color:var(--tinta);background:linear-gradient(180deg,#fbf4e4,#eadcbc);border-bottom-right-radius:6px}
.chat-msj.suyo.seguido{border-top-left-radius:6px}
.chat-msj.mio.seguido{border-top-right-radius:6px}
.chat-msj.enviando{opacity:.66}
.chat-msj.fallido{box-shadow:0 0 0 2px rgba(224,80,61,.75)}
.chat-msj.fallido .chat-hora{opacity:1;color:#a8321c}
.chat-reintentar{font:700 11.5px var(--cond);text-decoration:underline}
.chat-forma{display:flex;align-items:flex-end;gap:10px;padding:10px 12px;background:rgba(0,0,0,.25);box-shadow:0 -1px 0 rgba(220,170,76,.14)}
textarea.entrada.chat-entrada{flex:1;min-height:46px;max-height:132px;padding:11px 14px;border-radius:16px;line-height:1.35;resize:none}

/* ---------- Ranking ---------- */
.rank-total{flex:none;font:600 15px var(--cond);color:var(--tenue);white-space:nowrap}
.rank-total b{color:var(--marfil)}
.rank-lema{display:flex;align-items:center;gap:8px;margin-top:-6px;font:600 15px var(--cond);color:var(--tenue)}
.rank-lema .ico{flex:none;color:var(--laton)}
.rank-cuerpo{display:flex;flex-direction:column;gap:18px}
.rank-podio{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(8px,2.4vw,24px);width:100%;max-width:800px;margin:8px auto 0;padding:0 4px}
.rank-podio::after{content:"";position:absolute;left:6%;right:6%;bottom:-10px;height:26px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}
.rank-puesto{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center;transition:transform .25s var(--suave)}
button.rank-puesto:hover{transform:translateY(-3px)}
.rank-pav{position:relative;display:block}
.rank-puesto .avatar{box-shadow:0 0 0 4px #182641,0 12px 26px rgba(0,0,0,.5)}
.rank-corona{color:#f2c14e;filter:drop-shadow(0 0 10px rgba(242,193,78,.75));animation:rank-flota 3.2s ease-in-out infinite}
.rank-corona .ico{width:34px;height:34px}
@keyframes rank-flota{50%{transform:translateY(-5px)}}
.rank-pnom{max-width:100%;font:700 clamp(15px,2.2vw,19px)/1.15 var(--cond);color:var(--marfil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-prango{display:inline-flex;align-items:center;gap:6px;max-width:100%;font:600 14px var(--cond);color:var(--marfil-2)}
.rank-prango span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-prating{font:400 clamp(17px,2.6vw,22px)/1 var(--disp);color:var(--laton-luz)}
.rank-prating small{font:700 12px var(--cond);letter-spacing:.06em;color:var(--tenue)}
.rank-pie{--pc:#d08a52;position:relative;display:grid;justify-items:center;align-content:start;width:100%;margin-top:6px;padding-top:10px;border-radius:14px 14px 4px 4px;background:var(--vetas),linear-gradient(180deg,#8a5a37,#5a3922 60%,#3d2414);box-shadow:inset 0 3px 0 var(--pc),inset 0 5px 0 rgba(255,255,255,.18),0 12px 22px rgba(0,0,0,.45);transform-origin:bottom}
.rank-pie b{font:400 clamp(30px,6vw,52px)/1 var(--disp);color:var(--pc);text-shadow:0 3px 0 rgba(0,0,0,.45)}
.p1 .rank-pie{--pc:#f2c14e;height:clamp(92px,15vw,150px)}
.p2 .rank-pie{--pc:#d9e0e8;height:clamp(66px,11vw,108px)}
.p3 .rank-pie{--pc:#d08a52;height:clamp(50px,8vw,80px)}
.rank-puesto.libre{opacity:.62}
.rank-hueco{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:var(--tenue-2);border:2px dashed rgba(220,170,76,.35)}
.rank-hueco .ico{width:30px;height:30px}
.rank-puesto.es-tuya .rank-pnom{color:var(--laton-luz)}
.soc-sk.rank-sk-av{width:76px;height:76px;border-radius:50%}
@media (max-width:599px){
  .rank-podio .p1 .avatar{--t:84px!important}
  .rank-podio .p2 .avatar,.rank-podio .p3 .avatar{--t:62px!important}
  .rank-prango span{display:none}
  .rank-corona .ico{width:26px;height:26px}
}
.rank-tabla{display:flex;flex-direction:column;gap:6px}
.rank-cab,.rank-fila{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(126px,170px) 86px 80px 80px 74px;align-items:center;gap:12px}
.rank-cab{padding:0 16px 2px;font:700 12px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--laton)}
.rank-cab span:first-child{text-align:center}
.rank-cab span:nth-child(n+4){text-align:right}
.rank-filas{display:flex;flex-direction:column;gap:6px}
.rank-fila{width:100%;padding:10px 16px;border-radius:14px;text-align:left;background:var(--soc-celda);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);transition:background .2s,box-shadow .2s}
button.rank-fila:hover{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(220,170,76,.32)}
.rank-n{display:grid;place-items:center;font:400 18px var(--disp);color:var(--tenue);font-variant-numeric:tabular-nums}
.rank-n .ico{width:22px;height:22px}
.rank-jug{display:flex;align-items:center;gap:12px;min-width:0}
.rank-nom{display:flex;flex-direction:column;min-width:0}
.rank-nom b{font:700 17px/1.15 var(--cond);color:var(--marfil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-nom b em{font-style:normal;color:var(--laton-luz)}
.rank-nom small{font:500 13.5px var(--cond);color:var(--tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-rango{display:flex;align-items:center;gap:8px;min-width:0;font:600 15px var(--cond);color:var(--marfil-2)}
.rank-rango span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-rating{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.rank-rating b{font:400 19px var(--disp);color:var(--laton-luz);font-variant-numeric:tabular-nums}
.rank-solo-tel{display:none}
.rank-ext{font:600 16px var(--cond);color:var(--marfil-2);text-align:right;font-variant-numeric:tabular-nums}
.rank-fila.es-tuya{background:linear-gradient(90deg,rgba(220,170,76,.22),rgba(220,170,76,.06));box-shadow:inset 0 0 0 1px rgba(220,170,76,.55)}
.rank-tu{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom,0px));z-index:5;margin-top:-4px;padding:16px 0 calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,rgba(12,20,34,.95) 42%)}
.rank-fila.fija{background:linear-gradient(90deg,rgba(92,70,30,.97),rgba(34,46,74,.97));box-shadow:inset 0 0 0 1px rgba(220,170,76,.75),0 14px 30px rgba(0,0,0,.55)}
.rank-fila.fija .rank-n{color:var(--laton)}
.rank-fila.fija .rank-nom b{color:var(--laton-luz)}
.rank-fila.sin-puesto{display:flex;align-items:center;gap:12px}
.rank-fila.sin-puesto .rank-jug{flex:1}
.rank-fila.sin-puesto .rank-nom small{white-space:normal;line-height:1.3}
.rank-fila.sin-puesto .rank-n{width:30px}
.rank-mas{display:flex;justify-content:center}
.rank-pocos{padding:10px;text-align:center}
@media (max-width:899px){
  .rank-cab{display:none}
  .rank-fila{grid-template-columns:30px minmax(0,1fr) auto auto;gap:10px;padding:9px 12px}
  .rank-ext{display:none}
  .rank-rango span{display:none}
  .rank-solo-tel{display:block;font:600 12px var(--cond);color:var(--tenue);white-space:nowrap}
  .rank-n{font-size:16px}
}

/* ---------- Tienda ---------- */
.tienda-saldo{flex:none;display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.32);box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 0 0 1px rgba(220,170,76,.22)}
.tienda-saldo .moneda{font-size:19px}
.tienda-lema{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:14px;font-size:15px;color:var(--marfil-2);background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px rgba(220,170,76,.14)}
.tienda-lema .ico{flex:none;margin-top:1px;color:var(--laton)}
.tienda-lema b{font-weight:600;color:var(--laton-luz)}
.tienda-rejilla{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
@media (min-width:900px){.tienda-rejilla{gap:16px;grid-template-columns:repeat(auto-fill,minmax(186px,1fr))}}
.tienda-rejilla>:not(.tienda-item){grid-column:1/-1}
.soc-esqueleto.tienda-sk{display:grid;gap:inherit;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
@media (min-width:900px){.soc-esqueleto.tienda-sk{grid-template-columns:repeat(auto-fill,minmax(186px,1fr))}}
.tienda-cuenta{margin:-6px 0 -4px}
.tienda-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-size:14px;color:#ffcbbd;background:rgba(224,80,61,.12);box-shadow:inset 0 0 0 1px rgba(224,80,61,.36)}
.tienda-aviso span{flex:1;min-width:190px}
.tienda-item{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:12px;border-radius:18px;background:radial-gradient(100% 62% at 50% 24%,color-mix(in srgb,var(--rz) 20%,transparent),transparent 72%),linear-gradient(180deg,rgba(38,56,92,.74),rgba(18,28,48,.88));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rz) 30%,rgba(220,170,76,.06)),0 10px 22px rgba(0,0,0,.36);transition:transform .25s var(--suave),box-shadow .25s}
.tienda-item::before{content:"";position:absolute;left:20%;right:20%;top:0;height:2px;border-radius:0 0 3px 3px;background:var(--rz);opacity:.9}
.tienda-item:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rz) 62%,transparent),0 16px 30px rgba(0,0,0,.46)}
.tienda-item.rareza-legendario::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,230,170,.14) 48%,transparent 60%) 0 0/250% 100%;animation:tienda-brillo 4.5s ease-in-out infinite}
@keyframes tienda-brillo{from{background-position:120% 0}60%,to{background-position:-120% 0}}
.tienda-vista{position:relative;display:grid;place-items:center;width:100%;height:136px;border-radius:12px;transition:transform .35s var(--resorte)}
.tienda-item:hover .tienda-vista{transform:scale(1.05)}
.tienda-vista .vista-banner.banner{width:100%;height:88px}
.tienda-info{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.tienda-info b{max-width:100%;font:700 17px/1.15 var(--cond);color:var(--marfil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tienda-pie{display:flex;justify-content:center;margin-top:auto}
.tienda-pie .b3d{min-height:38px}
.tienda-estado{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:38px;padding:6px 10px;border-radius:12px;font:700 14px var(--cond);letter-spacing:.06em;text-transform:uppercase}
.tienda-estado .ico{width:17px;height:17px}
.tienda-estado.es-equipado{color:var(--tinta);background:linear-gradient(180deg,var(--laton-luz),var(--laton));box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
.tienda-estado.es-bloqueado{color:var(--tenue);background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.tienda-item.es-bloqueado .tienda-vista{filter:grayscale(.78) brightness(.62)}
.tienda-item.es-equipado{box-shadow:inset 0 0 0 2px var(--laton),0 0 26px rgba(220,170,76,.2),0 10px 22px rgba(0,0,0,.36)}
.tienda-marca{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font:700 11px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta);background:var(--marfil);box-shadow:0 2px 6px rgba(0,0,0,.35)}
.tienda-marca .ico{width:12px;height:12px;stroke-width:3}
.b3d.tienda-caro{filter:saturate(.55) brightness(.82)}
.tienda-hoja{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.tienda-grande{position:relative;display:grid;place-items:center;width:100%;min-height:210px;padding:18px;border-radius:18px;background:radial-gradient(60% 70% at 50% 45%,color-mix(in srgb,var(--rz) 32%,transparent),transparent 72%),rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rz) 30%,transparent)}
.tienda-grande .vista-banner.banner{width:min(100%,400px);height:150px}
.tienda-grande.es-bloqueado>*,.tienda-grande.es-reclamar>*{filter:grayscale(.7) brightness(.7)}
.tienda-cuerpo{display:flex;flex-direction:column;align-items:center;gap:8px}
.tienda-cuenta-hoja{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font:600 16px var(--cond);color:var(--marfil-2)}
.tienda-cuenta-hoja span{display:inline-flex;align-items:center;gap:8px}
.tienda-cuenta-hoja .falta{color:#ffb8a6}
.tienda-ya{display:inline-flex;align-items:center;gap:8px;font:600 16px var(--cond);color:var(--marfil-2)}
.tienda-ya .ico{color:var(--laton)}
.tienda-ya b{color:var(--laton-luz)}

/* ---------- Metas ---------- */
.metas-panel{display:flex;flex-direction:column;gap:16px;min-width:0}
.soc-esqueleto.metas-sk{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.metas-todo{display:flex;justify-content:flex-end}
.metas-periodos{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:760px){.metas-periodos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.metas-periodos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.metas-periodo{display:flex;flex-direction:column;gap:12px}
.metas-per-cab{display:flex;flex-direction:column;gap:6px}
.metas-per-cab h3.soc-titulo{margin:0}
.metas-reloj{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--cond);color:var(--tenue)}
.metas-reloj .ico{width:16px;height:16px;color:var(--laton)}
.metas-reloj b{color:var(--marfil)}
.metas-lista{display:flex;flex-direction:column;gap:10px}
.metas-meta{display:flex;flex-direction:column;gap:9px;padding:12px 14px;border-radius:14px;background:var(--soc-celda);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);transition:background .3s,box-shadow .3s,opacity .3s}
.metas-meta.lista{background:linear-gradient(180deg,rgba(220,170,76,.18),rgba(220,170,76,.06));box-shadow:inset 0 0 0 1px rgba(220,170,76,.6),0 0 22px rgba(220,170,76,.14);animation:metas-brillo 2.6s ease-in-out infinite}
@keyframes metas-brillo{50%{box-shadow:inset 0 0 0 1px rgba(255,227,161,.95),0 0 30px rgba(220,170,76,.3)}}
.metas-meta.hecha{opacity:.64}
.metas-meta.hecha .barra>u{background:linear-gradient(90deg,#3fa56f,#86e0b0)}
.metas-meta-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.metas-meta-cab b{font:700 16.5px/1.2 var(--cond);letter-spacing:.01em;color:var(--marfil)}
.metas-meta-prog{display:flex;align-items:center;gap:10px}
.metas-meta-prog .barra{flex:1;height:10px}
.metas-meta-prog small{min-width:46px;font:700 13px var(--cond);text-align:right;color:var(--marfil-2);font-variant-numeric:tabular-nums}
.metas-meta-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.metas-premio{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.metas-premio .moneda{font-size:16px}
.metas-xp{font:700 14px var(--cond);color:#9fd3ff}
.metas-ok{display:inline-flex;align-items:center;gap:4px;font:700 12.5px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#7ee2a8;white-space:nowrap}
.metas-ok .ico{width:15px;height:15px;stroke-width:3}
.metas-nota{display:flex;align-items:center;gap:8px}
.metas-nota .ico{flex:none;color:var(--laton)}
.metas-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 18px}
.metas-hero-txt{gap:4px}
.metas-hero-n{font:400 clamp(24px,4vw,32px)/1.1 var(--disp);color:var(--marfil)}
.metas-hero-txt .barra{max-width:520px;height:10px;margin:4px 0 2px}
.metas-hero-txt small{font:600 14px var(--cond);color:var(--tenue)}
.metas-hero-txt small b{color:var(--laton-luz)}
.metas-hero-nota{grid-column:1/-1}
@media (min-width:900px){.metas-hero{grid-template-columns:auto minmax(0,1fr) minmax(0,.8fr)}.metas-hero-nota{grid-column:auto}}
.metas-hero-rango{background:radial-gradient(70% 140% at 0 50%,color-mix(in srgb,var(--rc) 20%,transparent),transparent 62%),linear-gradient(180deg,rgba(38,56,92,.72),rgba(20,31,52,.78))}
.metas-hero-emb{display:block;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--rc) 55%,transparent))}
.metas-hero-trofeos .seg{grid-column:1/-1;justify-self:start}
@media (min-width:900px){.metas-hero-trofeos .seg{grid-column:auto;justify-self:end}}
.metas-rz{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:2px;font:600 13px var(--cond);color:var(--tenue)}
.metas-rz span{display:inline-flex;align-items:center;gap:6px}
.metas-rz i{width:9px;height:9px;border-radius:50%;background:var(--rz)}
.metas-medalla{--m:48px;flex:none;width:var(--m);height:var(--m);border-radius:50%;display:grid;place-items:center;font:400 calc(var(--m)*.38)/1 var(--disp);color:var(--tinta);background:radial-gradient(circle at 35% 30%,var(--laton-luz),var(--laton) 55%,var(--laton-hondo));box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.45),0 0 0 3px #172440,0 6px 14px rgba(0,0,0,.4)}
.metas-medalla.grande{--m:88px}
.metas-camino{position:relative;display:flex;flex-direction:column;gap:10px}
.metas-camino::before{content:"";position:absolute;left:34px;top:24px;bottom:24px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--laton),rgba(220,170,76,.12))}
.metas-paso{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:16px}
.metas-paso.es-reclamar{background:linear-gradient(90deg,rgba(220,170,76,.2),rgba(220,170,76,.04));box-shadow:inset 0 0 0 1px rgba(220,170,76,.58)}
.metas-paso.es-siguiente{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.metas-paso.es-futuro .metas-medalla{color:var(--marfil-2);background:radial-gradient(circle at 35% 30%,#3a4f75,#1d2c49);box-shadow:inset 0 0 0 2px rgba(220,170,76,.28),0 0 0 3px #172440}
.metas-paso.hito .metas-medalla{box-shadow:inset 0 0 0 2px var(--laton),0 0 0 3px #172440,0 0 16px rgba(220,170,76,.3)}
.metas-paso-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.metas-paso-txt>b{font:700 17px var(--cond);color:var(--marfil)}
.metas-paso-acc{display:flex;align-items:center;justify-content:flex-end}
.metas-item{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:4px 10px 4px 4px;border-radius:12px;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rz) 45%,transparent)}
.metas-item small{font:600 11.5px/1.15 var(--cond);letter-spacing:.03em;color:var(--tenue)}
.metas-item small b{font-size:13.5px;color:var(--marfil)}
.metas-item .vista-banner.banner{width:62px;height:32px;border-radius:8px}
.metas-falta{font:600 13px var(--cond);color:var(--laton-luz);white-space:nowrap}
.metas-candado{display:grid;place-items:center;color:var(--tenue-2)}
.metas-rangos{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.metas-rangos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.metas-rango{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"emb txt acc" "emb prem prem";align-items:center;gap:6px 14px;min-width:0;padding:12px 14px;border-radius:16px;background:radial-gradient(60% 120% at 0 50%,color-mix(in srgb,var(--rc) 13%,transparent),transparent 62%),var(--soc-celda);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.metas-rango-emb{grid-area:emb}
.metas-rango-txt{grid-area:txt;display:flex;flex-direction:column;min-width:0}
.metas-rango .metas-premio{grid-area:prem}
.metas-rango-acc{grid-area:acc}
.metas-rango-txt b{font:400 20px/1.1 var(--disp);color:var(--rc)}
.metas-rango-txt small{font:600 13px var(--cond);color:var(--tenue)}
.metas-rango.es-actual{box-shadow:inset 0 0 0 2px var(--rc),0 0 26px color-mix(in srgb,var(--rc) 26%,transparent)}
.metas-rango.es-reclamar{box-shadow:inset 0 0 0 1px rgba(220,170,76,.7),0 0 22px rgba(220,170,76,.2)}
.metas-rango.es-futuro .metas-rango-emb{filter:grayscale(.85) brightness(.7)}
.metas-tag{padding:3px 10px;border-radius:999px;font:700 12px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta);background:var(--rc)}
.metas-trofeos{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.metas-trofeo{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:14px;border-radius:16px;text-align:left;background:radial-gradient(80% 90% at 0 0,color-mix(in srgb,var(--rz) 16%,transparent),transparent 62%),var(--soc-celda);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rz) 28%,transparent)}
.metas-trofeo .columna{gap:4px;min-width:0}
.metas-trofeo b{font:700 17px/1.15 var(--cond);color:var(--marfil)}
.metas-trofeo small{font-size:13.5px;line-height:1.35;color:var(--tenue)}
.metas-trofeo-pie{display:flex;align-items:center;gap:10px;margin-top:2px}
.metas-trofeo-pie .moneda{font-size:14px}
.metas-trofeo small.metas-trofeo-fecha{display:inline-flex;align-items:center;gap:6px;font:600 12.5px var(--cond);color:var(--tenue-2)}
.metas-trofeo.ganado small.metas-trofeo-fecha{color:#7ee2a8}
.metas-trofeo-fecha .ico{width:14px;height:14px}
.metas-trofeo.bloqueado .soc-medalla{filter:grayscale(1) brightness(.55)}
.metas-trofeo.bloqueado b{color:var(--marfil-2)}
/* Bloqueados: al final de la lista de amigos, plegados */
.amigos-bloq{margin-top:22px}
.amigos-bloq>summary{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;cursor:pointer;list-style:none;color:var(--tenue)}
.amigos-bloq>summary::-webkit-details-marker{display:none}
.amigos-bloq>summary .ico{width:18px;height:18px}
.amigos-bloq[open]>summary{margin-bottom:10px}