/* Parque Abierto · estilos propios de la web real (cuenta, saldo, pie) */
.caja-top{flex-wrap:wrap}
.caja-top output{font-size:clamp(28px,5vw,40px)}
.cuenta-top{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-family:var(--f-display);color:var(--claro);min-width:0}
.cuenta-top .saldo{font-weight:700;font-size:20px;color:var(--oro);font-variant-numeric:tabular-nums;white-space:nowrap}
.cuenta-top small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.cuenta-top .b2{font-size:14px;padding:4px 10px}
.pie-web{border-top:3px solid var(--noche-2);padding-top:16px;color:var(--suave);font-size:14px;display:flex;flex-direction:column;gap:6px}
.pie-web p{margin:0}
.pie-web a,.lema a{color:var(--claro)}
.tablon a,.ficha a{color:var(--txt);font-weight:700}
.extra a{font-weight:700}
#tq-cuenta,#tq-pago{display:flex;flex-direction:column;gap:10px}
input[type=email],input[type=password]{font:16px var(--f-body);padding:7px 9px;background:var(--carta);color:var(--txt);border:3px solid var(--tinta);min-width:0;width:100%;box-sizing:border-box}
.movs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:14px}
.movs li{display:flex;justify-content:space-between;gap:10px}
.movs li span{min-width:0;overflow-wrap:anywhere}
.movs li b{font:600 15px var(--f-display);white-space:nowrap;font-variant-numeric:tabular-nums}
.movs li.mas b{color:var(--hoja)}
.importes{display:flex;flex-wrap:wrap;gap:8px}
.importes .b3{font-size:16px;padding:6px 12px}
.importes .b3[aria-pressed="true"]{background:var(--oro)}
.f-c label.campo{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--sepia)}
.f-c textarea{min-height:70px}
.cu-b{display:flex;flex-direction:column;gap:10px}
@media (max-width:640px){.caja-top{width:100%;box-sizing:border-box}}
.extra span span{display:block}
#cu-c,#co-c{display:contents}
.cu-b .prog{height:16px}
.cu-b .btn{align-self:flex-start}
/* la tipografía pixel es estrecha: un punto más de cuerpo en la interfaz */
.b2,.seg button,.subt button{font-size:17px}
.b3{font-size:15px}
.btn{font-size:22px}
.vistas button{font-size:18px}
h2{font-size:27px}
h3{font-size:17px}
.pl .nom{font-size:21px}
.pl .foto,.pl .est,.tag,th{font-size:14px}
.pl .fila b{font-size:17px}
.chip b{font-size:21px}.chip span{font-size:15px}
.evb,.anuncio{font-size:16px}
.toast{font-size:19px}
.acciones .ac-t{font-size:17px}
.caja-top small,.cuenta-top small{font-size:14px}
.extra b,.ley dd,.movs li b,#feed li b{font-size:17px}
.chips span{font-size:15px}
.sg b{font-size:21px}
.f-c p.grande{font-size:25px}
.art b{font-size:19px}
.rk li button{font-size:17px}.rk li span{font-size:16px}
.colal .q b{font-size:19px}
.kpi b{font-size:31px}
.rey .puja{font-size:44px}.rey .quien{font-size:21px}.reloj{font-size:17px}
.enlace{font-size:17px}
.mega .mg-n{font-size:14px}
.gr text{font-size:12px}
.tip{position:fixed;z-index:30}
.kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cu-b{break-inside:avoid;page-break-inside:avoid}
.cu-b p.grande{font:600 30px/1.1 var(--f-display);color:var(--txt);margin:0}
/* los avisos se ven siempre, estés donde estés de la página y también encima de las fichas */
.toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:40;max-width:min(92vw,460px);height:max-content;box-sizing:border-box}
.movs li.mas b{color:#7fe08f}
/* contenido fijo de la página: qué es, cómo funciona y preguntas frecuentes */
.info{display:flex;flex-direction:column;gap:14px;color:var(--claro);max-width:920px}
.info h2{margin:8px 0 0}.info h3{margin:0 0 4px;color:var(--oro)}
.info p{margin:0;color:var(--suave);font-size:16px;line-height:1.55}
.info-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.info-3>div{background:var(--noche-2);border:3px solid #0d0820;padding:12px 14px}
.faq{display:flex;flex-direction:column;gap:8px}
.faq details{background:var(--noche-2);border:3px solid #0d0820;padding:10px 14px}
.faq summary{cursor:pointer;font:600 19px var(--f-display);color:var(--claro)}
.faq details p{margin-top:8px}
.salto{position:absolute;left:-9999px;top:0;background:var(--oro);color:var(--tinta);padding:8px 12px;z-index:50;font-weight:700}
.salto:focus{left:8px;top:8px}
body.sin-scroll{overflow:hidden}
.pl[data-e="abierta"] .est{background:#256e3f}
@media (max-width:640px){.b3{min-height:36px;padding:5px 10px}.b2{min-height:38px}.subt button{min-height:40px}}
/* confianza junto al botón de pago */
.garantias{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--sepia)}
.garantias li{padding-left:22px;position:relative}
.garantias li::before{content:"";position:absolute;left:2px;top:4px;width:10px;height:6px;border-left:3px solid #1f6b3a;border-bottom:3px solid #1f6b3a;transform:rotate(-45deg)}
.incluye{border-top:3px dashed var(--papel-2);padding-top:10px}
.incluye ul{margin:6px 0 0;padding-left:18px;font-size:14px;color:var(--txt);display:flex;flex-direction:column;gap:3px}
/* llamada a la acción fija para quien aún no tiene personaje */
.cta{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#120c26;border-top:4px solid var(--oro);color:var(--claro);font:600 19px var(--f-display)}
.cta .btn{font-size:19px;padding:8px 18px;box-shadow:0 4px 0 #000}
body.con-cta .wrap{padding-bottom:86px}
.lista-v summary{cursor:pointer;color:var(--suave);font-size:14px}
.lista-v .fila-b{margin-top:8px;max-height:180px;overflow:auto}
.bienv{display:flex;flex-direction:column;gap:10px}
.bienv ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.salud{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.salud li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline}
.salud .tag{grid-row:span 2}.salud b{font:600 17px var(--f-display)}.salud small{color:var(--sepia);font-size:14px}
.tag.mal{background:var(--teja);color:#fff}.tag.ojo{background:var(--oro);color:var(--tinta)}
.salud li{grid-template-columns:92px 1fr}.salud .tag{text-align:center;align-self:start}
.evb.vivo{background:#b5361f}
@media (max-width:640px){.evb,.chip{min-height:30px}}
@media (max-width:640px){header .lema{min-height:3em}}

/* ================= Pantalla completa ================= */
#lateral{display:flex;flex-direction:column;gap:20px}
.pc-entra{position:absolute;right:10px;bottom:10px;z-index:2;background:var(--tinta);color:var(--claro);border:2px solid var(--oro);font:600 15px var(--f-display);padding:5px 10px;cursor:pointer}
.pc-entra:hover,.pc-entra:focus-visible{background:var(--oro);color:var(--tinta)}
.anuncio{bottom:48px}
@media (max-width:640px){.pc-entra{position:static;display:block;width:100%;box-sizing:border-box;border-width:2px 0 0 0;text-align:center;padding:8px}}
body.pc{overflow:hidden}
body.pc .marco{position:fixed;inset:0;z-index:12;border:0;box-shadow:none;background:#0d0820}
body.pc .visor{position:absolute;inset:0 0 var(--pc-pie,64px) 0;display:flex;align-items:center;justify-content:center;overflow:hidden}
body.pc canvas#plaza{min-width:0;flex:none;width:min(100vw,calc((100vh - var(--pc-pie,64px))*16/9));width:min(100vw,calc((100dvh - var(--pc-pie,64px))*16/9));height:auto;touch-action:manipulation}
body.pc .pc-entra{display:none}
body.pc .chip{position:absolute;display:block;top:8px;left:8px;width:auto;max-width:46%;border-width:2px;text-align:left}
body.pc .evb{position:absolute;display:block;top:auto;bottom:calc(var(--pc-pie,64px) + 8px);left:8px;right:auto;width:auto;max-width:70%;border-width:2px;text-align:left}
body.pc .anuncio{position:absolute;display:block;left:auto;right:8px;bottom:calc(var(--pc-pie,64px) + 8px);width:auto;max-width:46%;border-width:3px}
.pc-bar{position:absolute;top:8px;right:8px;z-index:3;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center;max-width:52%}
.pc-bar .b2{box-shadow:2px 2px 0 #000}
.pc-bar .b2[aria-pressed="true"]{background:var(--papel);color:var(--txt)}
.pc-saldo{font:600 17px var(--f-display);color:var(--oro);background:var(--tinta);border:2px solid var(--oro);padding:3px 8px;white-space:nowrap}
body.pc .acciones{position:fixed;left:0;right:0;bottom:0;z-index:13;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(13,8,32,.86);border-top:3px solid var(--oro);scrollbar-width:thin}
body.pc .acciones>*{flex:none}
body.pc .acciones .ac-t,body.pc .acciones .ac-n{display:none}
body.pc .acciones .mega{flex:none}
body.pc.pc-sin .acciones{display:none}
body.pc .cta{z-index:13}
body.pc.con-cta .wrap{padding-bottom:48px}
/* el menú lateral: todas las secciones sin salir de la pantalla completa */
body.pc #lateral{position:fixed;top:0;right:0;bottom:0;z-index:14;width:min(460px,100vw);box-sizing:border-box;background:var(--noche);border-left:4px solid var(--oro);padding:12px 12px 24px;overflow-y:auto;overscroll-behavior:contain;gap:12px;transform:translateX(105%);visibility:hidden;transition:transform .18s ease,visibility 0s .18s}
body.pc.pc-menu #lateral{transform:none;visibility:visible;transition:transform .18s ease}
body.pc #lateral .pc-cierra{display:block;align-self:flex-end;position:sticky;top:0;z-index:2;background:var(--oro)}
body.pc .tablon{box-shadow:none}
@media (prefers-reduced-motion:reduce){body.pc #lateral{transition:none}}
/* móvil en vertical: el parque se ve a toda la altura y se recorre de lado */
@media (orientation:portrait) and (max-width:820px){
  body.pc .visor{overflow-x:auto;justify-content:flex-start;align-items:flex-start;scrollbar-width:none}
  body.pc .visor::-webkit-scrollbar{display:none}
  body.pc canvas#plaza{height:calc(100vh - var(--pc-pie,64px));height:calc(100dvh - var(--pc-pie,64px));width:auto;aspect-ratio:16/9;touch-action:pan-x}
  .pc-bar{max-width:none;left:8px;top:auto;bottom:calc(var(--pc-pie,64px) + 46px);justify-content:flex-start}
  body.pc .chip{max-width:calc(100% - 16px)}
  body.pc .anuncio{top:64px;bottom:auto;max-width:calc(100% - 16px)}
}
/* móvil en horizontal: la altura es oro, la barra de acciones va encima del parque */
@media (orientation:landscape) and (max-height:480px){
  body.pc .visor{inset:0}
  body.pc canvas#plaza{width:min(100vw,calc(100vh*16/9));width:min(100vw,calc(100dvh*16/9))}
  body.pc .acciones{background:rgba(13,8,32,.72);padding-block:5px}
  body.pc .acciones .b2{min-height:32px;padding-block:3px}
}
@media (orientation:portrait) and (max-width:820px){body.pc .toast{top:64px}}

/* ---- ajustes tras la revisión de pantalla completa ---- */
@media (max-width:640px){.chip,.evb,.anuncio{position:static;display:block;max-width:none;width:100%;box-sizing:border-box;text-align:left;border-width:0 0 2px 0;box-shadow:none}}
.pc-bar{pointer-events:none}.pc-bar>*{pointer-events:auto}
body.pc .toast{top:auto;bottom:calc(var(--pc-pie,64px) + 56px)}
@media (orientation:portrait) and (max-width:820px){
  body.pc .toast{top:auto}
  .pc-bar{flex-wrap:nowrap;overflow-x:auto;right:8px;scrollbar-width:none}.pc-bar>*{flex:none}
  body.pc .evb{bottom:calc(var(--pc-pie,64px) + 92px)}
}
body.pc:has(.acciones input:focus) .chip,body.pc:has(.acciones input:focus) .anuncio,body.pc:has(.acciones input:focus) .evb,body.pc:has(.acciones input:focus) .pc-bar{display:none}
a.b3{text-decoration:none;display:inline-block;cursor:pointer}

/* ---- social, logros, rasca, temporada ---- */
.subt button.aviso{background:var(--oro);color:var(--tinta)}
.avisos-l li{border-bottom:2px dashed var(--papel-2);padding-bottom:8px}
.avisos-l li.nuevo .q b{color:var(--teja)}
.avisos-l .tag{margin-right:6px}
.frases{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.frases .b3{width:100%;font-size:15px;padding:8px}
.colal li.online .q small{color:#7fe08f;font-weight:700}
.logro .prog{height:8px;margin-top:4px;max-width:260px}
.logro.mio{opacity:.72}.logro.listo .q b{color:#7fe08f}
.rasca{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border:3px dashed var(--oro);padding:12px;background:#fff7dc}
.rasca h3{margin:0}.rasca p{margin:4px 0 0}
.rasca-z{position:relative;width:280px;max-width:100%;aspect-ratio:7/3;border:3px solid var(--tinta);background:var(--oro)}
.rasca-z canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.rasca-p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 44px var(--f-display);color:var(--tinta)}
.tag.oferta{background:var(--teja);color:#fff}.art.oferta{outline:3px solid var(--teja);outline-offset:-3px}
.importes .b3.bonus{border-color:#5fd17a}
.pase-cab{display:flex;flex-direction:column;gap:8px;border:3px solid var(--tinta);padding:12px;background:#fff7dc}
.pase-cab .prog{height:16px}
.pase-l li.listo .q b{color:#7fe08f}
.cuenta-top .fila-b{gap:6px}

/* ---- portada y navegación ---- */
.lema-g{margin:10px 0 0;font:600 clamp(21px,3.2vw,30px)/1.15 var(--f-display);color:var(--claro);max-width:22ch}
@media (max-width:640px){
  .subt{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .subt::-webkit-scrollbar{display:none}
  .subt button{flex:none;scroll-snap-align:start}
}
.lema-g{max-width:28ch}

/* ---------- El mundo: barra sobre el parque, armario, correos, bar ---------- */
.mundo-hud{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:60%}
.mundo-hud .b2{font-size:15px;padding:5px 10px}
.mundo-n{font:600 14px var(--f-display);color:var(--claro);background:rgba(26,18,48,.82);padding:3px 8px;pointer-events:none}
@media (max-width:640px){.mundo-hud{position:static;max-width:none;padding:6px 8px;background:var(--tinta);border-top:2px solid var(--oro)}.mundo-n{background:none;padding:0}}
body.pc .mundo-hud{position:absolute;left:auto;right:8px;bottom:calc(var(--pc-pie,64px) + 8px);max-width:60%;justify-content:flex-end;background:none;border:0;padding:0}
@media (orientation:portrait) and (max-width:820px){body.pc .mundo-hud{bottom:calc(var(--pc-pie,64px) + 50px)}}
#f-c > canvas:not(.sala):not(.fach):not(.av):not(.juego){width:132px;height:132px;image-rendering:pixelated;background:var(--papel-2);border:3px solid var(--tinta);display:block}
#f-c > canvas.fach{width:160px;height:auto;image-rendering:pixelated;background:#a3d3f4;border:3px solid var(--tinta);display:block}
.armario{border-top:2px solid var(--papel-2);padding:8px 0 4px}
.armario > b{display:block;font:600 17px var(--f-display);margin-bottom:6px}
.arm-l{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.arm-i{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--carta);border:3px solid var(--tinta);padding:4px;cursor:pointer;font:600 13px var(--f-display);color:var(--txt);width:88px}
.arm-i canvas{width:64px;height:64px;image-rendering:pixelated;background:var(--papel-2)}
.arm-i.on{background:var(--oro);box-shadow:3px 3px 0 var(--tinta)}
.arm-i:focus-visible{outline:3px solid var(--azul,#3b9fd1);outline-offset:2px}
.tag.puesto{background:var(--oro);color:var(--tinta)}
.postales{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.postal{font:600 15px var(--f-display);background:var(--carta);color:var(--txt);border:3px solid var(--tinta);padding:6px 10px;cursor:pointer;text-align:left}
.postal.on{background:var(--oro);box-shadow:3px 3px 0 var(--tinta)}
.para-sel{font:600 16px var(--f-display);margin:8px 0 4px}
.lista-carta{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.lista-carta li{display:flex;align-items:center;gap:10px;border:3px solid var(--tinta);background:var(--carta);padding:6px 8px}
.lista-carta li span{flex:1;font:600 17px var(--f-display)}
.lista-carta li b{font:600 15px var(--f-display);min-width:56px;text-align:right}
.ir-a{margin:8px 0}
.ir-a .b3{flex:1 1 140px}
.nota-cine{font-size:14px;color:var(--sepia)}
canvas.juego{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:4/3;image-rendering:pixelated;border:3px solid var(--tinta);background:#1a1444;touch-action:none;margin:4px 0 8px}
canvas.juego:focus-visible{outline:3px solid var(--oro);outline-offset:2px}
.juego-info{font:600 16px var(--f-display)}
.juego-top{margin:4px 0 0;padding-left:22px;font:600 15px var(--f-display)}

/* ---------- Pixelorion: cámara con zoom ---------- */
.zoom{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:6px}
.zoom .b2{width:38px;height:38px;padding:0;font-size:24px;line-height:1}
canvas#plaza.con-zoom{touch-action:none;cursor:grab}
@media (max-width:640px){.zoom{top:8px;transform:none}.zoom .b2{width:34px;height:34px}}
body.pc .zoom{top:50%}
/* ===== ciudades ===== */
.ciu-elige{display:grid;gap:8px}
.ciu-op{display:grid;grid-template-columns:auto 44px 1fr auto;align-items:center;gap:10px;border:3px solid var(--tinta);background:var(--carta);padding:8px 10px;cursor:pointer}
.ciu-op.on{outline:3px solid var(--oro);outline-offset:-6px;background:#fff3d0}
.ciu-op input{width:20px;height:20px;margin:0;accent-color:var(--tinta)}
.ciu-foto{width:44px;height:32px;background:var(--foto);border:2px solid var(--tinta);image-rendering:pixelated}
.ciu-tx{display:flex;flex-direction:column;gap:2px;min-width:0}.ciu-tx b{font:600 17px/1.1 var(--f-display)}.ciu-tx small{font-size:13px;color:var(--sepia)}
.ciu-pr{font:600 17px var(--f-display);font-style:normal;white-space:nowrap}
.ciudades{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ciudad{border:3px solid var(--tinta);background:var(--carta);display:flex;flex-direction:column;min-width:0}
.ciu-cab{min-height:74px;display:flex;align-items:flex-end;justify-content:space-between;padding:8px 10px;border-bottom:3px solid var(--tinta)}
.ciu-cab b{font:600 22px/1 var(--f-display);color:#fff;text-shadow:2px 2px 0 var(--tinta)}.ciu-cab .est{font:600 12px var(--f-display);background:var(--tinta);color:var(--papel);padding:2px 6px}
.ciu-c{padding:10px;display:flex;flex-direction:column;gap:6px}.ciu-c p{margin:0;font-size:15px}.ciu-tema{color:var(--sepia);font-size:14px!important}.ciu-ex{font-size:14px!important}
.ciu-c .fila-b{margin-top:4px}.ciu-c .tag{align-self:flex-start}
.tag.ciudad{background:#2c6fb0;color:#fff}.tag.abono{background:#7a4fc0;color:#fff}
.td-cat{grid-column:1/-1;margin:14px 0 0;font:600 20px var(--f-display);border-bottom:3px solid var(--tinta);padding-bottom:4px}
.td-cat:first-child{margin-top:0}
/* ===== chat ===== */
.chat-f{display:flex;gap:6px;padding:8px;background:var(--tinta);border-top:2px solid var(--oro)}
.chat-f input{flex:1;min-width:0;font:16px var(--f-texto,inherit);padding:7px 10px;border:2px solid var(--oro);background:var(--carta);color:var(--txt)}
.chat-f input:disabled{background:#d9d2c5;border-color:#9aa3ad}
.chat-f .b2{font-size:15px;padding:5px 12px;white-space:nowrap}
.chat-log{position:absolute;right:10px;top:56px;z-index:3;width:min(340px,calc(100% - 20px));max-height:min(320px,55%);display:flex;flex-direction:column;background:rgba(26,18,48,.94);border:2px solid var(--oro);color:var(--claro)}
.chat-cab{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-bottom:1px solid rgba(255,198,46,.5)}.chat-cab b{font:600 16px var(--f-display);color:var(--oro)}
.chat-cab .b3{font-size:13px;padding:2px 8px}
.chat-log ol{list-style:none;margin:0;padding:6px 8px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.3}
.chat-log li{overflow-wrap:anywhere}.chat-log li.mio{color:#ffe9a8}.chat-log li.vacio{color:#bdb3e0}
.chat-n{font:600 15px var(--f-display);color:var(--oro);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.chat-nota{margin:0;padding:6px 8px;font-size:12px;color:#bdb3e0;border-top:1px solid rgba(255,198,46,.3)}
.cita{font-size:17px;font-style:italic}
body.pc .chat-f{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--pc-pie,64px) + 8px);width:min(520px,60%);z-index:3;border:2px solid var(--oro)}
@media (max-width:640px){.chat-log{top:8px;max-height:45%}body.pc .chat-f{width:calc(100% - 16px);bottom:calc(var(--pc-pie,64px) + 56px)}}
@media (min-width:641px){.marco.con-chat .mundo-hud,.marco.con-chat .pc-entra{bottom:62px}}
@media (min-width:641px){body.pc .marco.con-chat .chat-f{left:auto;right:auto;transform:none;left:10px;bottom:calc(var(--pc-pie,64px) + 8px)}body.pc .marco.con-chat .mundo-hud{bottom:calc(var(--pc-pie,64px) + 60px)}}
input.corto{width:90px}
@media (max-width:640px){body.pc .chat-f{top:72px;bottom:auto;left:8px;right:8px;width:auto;transform:none;padding:5px}body.pc .chat-f input{padding:5px 8px;font-size:15px}body.pc .chat-log{top:124px}}
@media (max-width:640px){body.pc .marco.con-chat .mundo-hud{top:122px;bottom:auto!important;right:8px;left:auto;max-width:calc(100% - 16px)}body.pc .marco.con-chat .chat-log{top:172px}}

/* acciones: rejilla con el personaje haciendo cada una */
.acc-t{font:600 15px var(--f-display);margin:10px 0 4px;color:var(--txt)}
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}
.acc{display:flex;flex-direction:column;align-items:center;gap:2px;border:3px solid var(--tinta);background:var(--carta);color:var(--txt);padding:4px 2px 6px;font:600 13px var(--f-body);line-height:1.15;text-align:center;cursor:pointer;min-height:44px}
.acc:hover,.acc:focus-visible{background:#fff1c4}
.acc.on{background:#dff3d6}
.acc.bloq{background:#efe4cc;color:#6b5638}
.acc.bloq .acc-v{opacity:.55;filter:grayscale(.6)}
.acc small{font-size:11px;color:#6b5638}
.acc-v{width:58px;height:58px;image-rendering:pixelated;display:block}

/* sonido */
.son-b{position:absolute;right:10px;top:calc(50% + 52px);z-index:2;width:38px;height:38px;padding:0;font-size:20px;line-height:1}
.son-b.mudo{opacity:.8;color:#8a7a9a}
@media (max-width:640px){.son-b{top:8px;left:8px;right:auto;width:34px;height:34px;font-size:18px}}
.son-f{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}
.son-l{font-weight:600;min-width:110px;display:flex;align-items:center;gap:6px}
.son-l input{width:20px;height:20px;accent-color:#3d9a58}
.son-f input[type=range]{flex:1;min-width:160px;accent-color:#d8452f;height:28px}
.son-n{font-size:13px;color:var(--sepia)}
.traga-tabla{font-size:13px;color:var(--sepia);margin:4px 0 0}
body.pc .son-b{top:calc(50% + 52px)}
@media (max-width:640px){body.pc .son-b{top:calc(50% + 46px);right:10px;left:auto}}
/* móvil en horizontal con pantalla completa: el chat ocupa menos */
@media (max-height:500px) and (min-width:641px){body.pc .chat-f{width:min(360px,42%);padding:4px}body.pc .chat-f input{padding:4px 8px;font-size:14px}body.pc .chat-f .b2{font-size:13px;padding:3px 8px}}
/* los juegos caben enteros en pantallas bajas (el botón queda a la vista) */
canvas.juego{width:min(100%,480px,77vh)}
canvas.juego.ancho{width:min(100%,480px,84vh)}
/* chat en bocadillos que suben (como en las salas de chat de siempre) */
.globos{position:absolute;left:0;top:0;z-index:2;pointer-events:none;overflow:hidden}
.globo{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;max-width:min(78%,420px);padding:3px 8px 3px 4px;background:var(--carta);color:var(--txt);border:2px solid var(--tinta);border-radius:7px;box-shadow:2px 2px 0 rgba(13,8,32,.45);font:500 14px/1.25 var(--f-body);text-align:left;pointer-events:auto;cursor:pointer;opacity:1;transition:transform .35s ease-out,opacity .35s;will-change:transform}
.globo b{font-weight:700;margin-right:2px}
.globo-t{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.globo-cara{width:18px;height:18px;flex:none;image-rendering:pixelated;background:#cfe8ff;border:1px solid var(--tinta);border-radius:3px}
.globo-cola{position:absolute;bottom:-7px;width:8px;height:8px;background:inherit;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:rotate(45deg)}
@media (max-width:640px){.globo{font-size:12.5px;max-width:86%;padding:2px 6px 2px 3px}.globo-cara{width:15px;height:15px}}
@media (prefers-reduced-motion:reduce){.globo{transition:none}}
@media (max-width:640px){.marco:has(.chat-log:not([hidden])) .son-b{display:none}}
.traga-ap{align-items:center;margin:4px 0}.traga-l{font-weight:600;color:var(--txt)}
#jt-amigos.con-pm:not([aria-pressed="true"]){color:var(--tinta);background:var(--oro)}
body.sin-scroll .toast{top:auto;bottom:16px} /* con una ventana abierta, el aviso va abajo para no tapar su título */
@media (max-width:640px){body:not(.pc) .chat-f{flex-wrap:wrap}body:not(.pc) .chat-f input{flex:1 1 100%}body:not(.pc) .chat-f .b2{flex:1 1 0}body.pc .chat-f .b2{padding:4px 7px;font-size:13px}}

/* ===== mensajes privados: el sobre ✉ dentro del parque y su desplegable ===== */
.pm-b{position:absolute;right:10px;top:calc(50% + 96px);z-index:2;width:38px;height:38px;padding:0;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}
.pm-b[hidden]{display:none}
.pm-b.con{background:var(--oro);color:var(--tinta)}
.pm-b[aria-expanded="true"]{background:var(--papel);color:var(--txt)}
.pm-b .pm-n{position:absolute;top:-8px;right:-8px}
.pm-n{min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border:2px solid var(--tinta);background:var(--teja);color:#fff;font:600 12px/14px var(--f-display);text-align:center}
.pm-b.salta{animation:pm-salta .5s steps(4) 2}
@keyframes pm-salta{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.pm-b.salta{animation:none}}
.pm-p{position:absolute;right:58px;top:8px;z-index:6;width:min(340px,calc(100% - 76px));height:min(460px,calc(100% - 76px));display:flex;flex-direction:column;background:var(--papel);color:var(--txt);border:3px solid var(--tinta);box-shadow:5px 5px 0 rgba(13,8,32,.85)}
.pm-p[hidden]{display:none}
.pm-cab{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 10px;background:var(--tinta);color:var(--papel)}
.pm-tit{flex:1;min-width:0;font:600 19px/1.1 var(--f-display);color:var(--oro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-atras,.pm-x{flex:none;width:34px;height:34px;padding:0;border:2px solid var(--papel);background:none;color:var(--papel);font:600 22px/1 var(--f-display);cursor:pointer}
.pm-atras[hidden]{display:none}
.pm-atras:hover,.pm-x:hover,.pm-atras:focus-visible,.pm-x:focus-visible{background:var(--oro);color:var(--tinta);border-color:var(--oro)}
.pm-cuerpo{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#efdcae}
.pm-vacio{margin:0;padding:14px 12px;color:var(--sepia);font-size:15px;list-style:none;text-align:center}
.pm-amigos{list-style:none;margin:0;padding:0}
.pm-am{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:none;border:0;border-bottom:2px dashed var(--papel-2);text-align:left;cursor:pointer;color:var(--txt);font:15px var(--f-body);min-height:56px}
.pm-am:hover,.pm-am:focus-visible{background:#fff6dc}
.pm-am.no{cursor:default;opacity:.65}
.pm-am.nuevo .pm-am-tx b{color:var(--teja)}
.pm-ini{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:2px solid var(--tinta);background:var(--carta);font:600 18px var(--f-display);position:relative}
.pm-ini.on::after{content:"";position:absolute;right:-5px;bottom:-5px;width:9px;height:9px;background:var(--hoja);border:2px solid var(--tinta)}
.pm-am-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.pm-am-tx b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-am-tx small{font-size:13px;color:var(--sepia)}
.pm-l{list-style:none;margin:0;padding:10px 8px;display:flex;flex-direction:column;gap:8px}
.pm-l li{max-width:84%;padding:6px 10px 4px;border:3px solid var(--tinta);background:var(--carta);overflow-wrap:anywhere}
.pm-l li.suyo{align-self:flex-start;box-shadow:3px 3px 0 var(--tinta)}
.pm-l li.mio{align-self:flex-end;background:#d6f0dc;box-shadow:-3px 3px 0 var(--tinta)}
.pm-l li.pm-vacio{align-self:center;max-width:none;border:0;background:none;box-shadow:none}
.pm-t{display:block;font-size:16px;line-height:1.35;white-space:pre-wrap}
.pm-l small{display:inline-block;font-size:12px;color:var(--sepia);margin-top:2px}
.pm-l li.mio.visto small{color:#7fe08f;font-weight:700}
.pm-den{font:12px var(--f-body);background:none;border:0;color:var(--sepia);text-decoration:underline;cursor:pointer;padding:0 0 0 8px}
.pm-den:disabled{text-decoration:none;cursor:default}
.pm-nota{margin:0;padding:6px 10px;color:var(--teja);font-weight:700;font-size:14px;border-top:2px solid var(--tinta)}
.pm-nota[hidden]{display:none}
.pm-f{display:flex;gap:6px;padding:8px;border-top:3px solid var(--tinta);background:var(--papel)}
.pm-f[hidden]{display:none}
.pm-f input{flex:1;min-width:0;font:16px var(--f-body);padding:7px 9px;background:var(--carta);color:var(--txt);border:3px solid var(--tinta)}
.pm-f input:disabled{opacity:.55}
.pm-f .btn{padding:6px 12px;font-size:17px}
.pm-pie{margin:0;padding:4px 10px 6px;font-size:12px;color:var(--sepia);background:var(--papel)}
body.pc .pm-b{top:calc(50% + 96px)}
body.pc .pm-p{top:56px;height:min(460px,calc(100% - var(--pc-pie,64px) - 70px))}
/* móvil: el sobre va junto al ♪ y el desplegable sube desde abajo, a lo ancho */
@media (max-width:640px){
  .pm-b{top:8px;left:48px;right:auto;width:34px;height:34px;font-size:18px}
  body.pc .pm-b{top:calc(50% + 88px);right:10px;left:auto}
  .pm-p,body.pc .pm-p{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;height:min(78vh,620px);height:min(78dvh,620px);z-index:25;border-width:3px 0 0;box-shadow:0 -6px 0 rgba(13,8,32,.5);padding-bottom:env(safe-area-inset-bottom)}
  .pm-cab{padding:8px 8px 8px 12px}
  .pm-atras,.pm-x{width:40px;height:40px}
}
/* ===== móvil y tableta en vertical a pantalla completa: arriba lo que se lee, abajo lo que se toca ===== */
@media (orientation:portrait) and (max-width:820px){
  body.pc .marco .chip{top:8px;left:8px;max-width:calc(100% - 16px);padding:5px 9px}
  body.pc .marco .evb{top:62px;bottom:auto;left:8px;right:auto;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;padding:3px 8px}
  body.pc .marco .chat-f{top:auto;bottom:calc(var(--pc-pie,64px) + 6px);left:6px;right:6px;width:auto;transform:none;padding:5px;flex-wrap:nowrap}
  body.pc .marco .chat-f .b2{padding:4px 9px;font-size:14px}
  body.pc .marco .mundo-hud,body.pc .marco.con-chat .mundo-hud{top:auto!important;bottom:calc(var(--pc-pie,64px) + 60px)!important;left:6px;right:auto;max-width:calc(100% - 12px);justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  body.pc .marco .mundo-hud>*{flex:none}
  body.pc .marco .mundo-hud .mundo-n{display:none}
  body.pc .pc-bar{top:auto;bottom:calc(var(--pc-pie,64px) + 106px);left:6px;right:6px;justify-content:flex-start}
  body.pc .marco .chat-log,body.pc .marco.con-chat .chat-log{top:94px;max-height:calc(100% - var(--pc-pie,64px) - 260px)}
  body.pc .toast{top:96px;bottom:auto}
  body.pc .marco .anuncio{top:94px;bottom:auto;left:8px;right:8px;max-width:none}
}
/* ===== móvil: cabecera compacta y acciones en rejilla ===== */
@media (max-width:640px){
  header h1{font-size:34px}
  .caja-top{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;padding:8px 12px;align-items:start}
  .caja-top output{font-size:30px}
  .caja-top small,.cuenta-top small{font-size:11px}
  .cuenta-top{gap:2px}
  .cuenta-top .fila-b{grid-column:1/-1;flex-wrap:wrap;margin-top:4px}
  body:not(.pc) .acciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:stretch}
  body:not(.pc) .acciones .ac-t,body:not(.pc) .acciones .mega,body:not(.pc) .acciones .ac-n{grid-column:1/-1}
  body:not(.pc) .acciones .b2{width:100%;min-height:44px;padding-inline:4px;white-space:normal;line-height:1.1}
  body:not(.pc) .acciones .mega{display:flex;gap:6px;align-items:stretch}
  body:not(.pc) .acciones .mega input{flex:1;min-width:0}
  body:not(.pc) .acciones .mega .b2{width:auto;flex:none;padding-inline:10px}
}
@media (max-width:640px){body:not(.pc) .acciones{margin-top:10px}}
@media (max-width:640px){body.pc .pm-p{bottom:var(--pc-pie,64px);height:min(70vh,calc(100dvh - var(--pc-pie,64px) - 70px))}}
@media (min-width:641px){.pm-p{top:46px;height:min(460px,calc(100% - 110px))}body.pc .pm-p{top:56px}}
/* escritorio: zoom, ♪ y ✉ en una columna arriba a la derecha, lejos de los carteles de salida (que van a media altura) */
@media (min-width:641px){
  .zoom{top:52px;transform:none}
  .son-b{top:144px}
  .pm-b{top:188px}
  .pm-p{right:58px}
  body.pc .zoom{top:112px;transform:none}
  body.pc .son-b{top:204px}
  body.pc .pm-b{top:248px}
}
/* en pantalla completa del móvil, el menú no puede aplastar la fila de pestañas */
body.pc #lateral>*{flex-shrink:0}
.cuenta-top .saldo-st{font:700 18px var(--f-display);color:#ffe27a;white-space:nowrap}
/* botones dorados apagados: que se vea que no se pueden usar */
.b2.oro:disabled,.b3.oro:disabled{background:#4a4060;color:#a89fc4;border-color:#6b6390}
.zoom .b2:disabled{opacity:1;background:var(--noche-2);color:#6b6390}
/* precios que no se parten */
.ficha .b3,.art .b3,.tienda .b3{white-space:nowrap}
@media (max-width:640px){
  .zoom .b2,.son-b,.pm-b{width:40px;height:40px}
  .pm-b{left:54px}
  .barra .chk{min-height:40px;display:inline-flex;align-items:center}
  .lista-v summary{min-height:40px;display:flex;align-items:center}
}
/* con el desplegable de mensajes abierto, los avisos salen abajo para no taparlo */
@media (min-width:641px){body.pm-abierto .toast{top:auto;bottom:16px}}
/* en vertical a pantalla completa el evento ya sale arriba: el cartel de «En directo» sobra */
@media (orientation:portrait) and (max-width:640px){body.pc .marco .anuncio{display:none}}
body.tq-vista .cta{display:none}
.tq-ya{margin:-4px 0 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--sepia)}
/* móvil en horizontal a pantalla completa: columna de botones ordenada y sin la pista de andar */
@media (orientation:landscape) and (max-height:500px){
  body.pc .marco .mundo-hud .mundo-n{display:none}
  body.pc .zoom{top:100px;transform:none}
  body.pc .zoom .b2,body.pc .son-b,body.pc .pm-b{width:40px;height:40px}
  body.pc .son-b{top:192px;right:10px;left:auto}
  body.pc .pm-b{top:238px;right:10px;left:auto}
  body.pc .marco .anuncio{display:none}
}
@media (max-width:640px){
  .cuenta-top{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
  .cuenta-top>small{flex-basis:100%}
  .cuenta-top .fila-b{flex-basis:100%}
}
/* tienda: atajos a las secciones, siempre a mano */
.td-nav{position:sticky;top:0;z-index:4;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 0;margin:0 0 6px;background:var(--papel)}
.td-nav[hidden]{display:none}
.td-nav .b3{flex:none;white-space:nowrap}
.td-cat{scroll-margin-top:60px}
canvas.juego{display:block;margin-inline:auto}
.pm-ver{flex:none;font:600 13px var(--f-display);padding:4px 8px;border:2px solid var(--papel);background:none;color:var(--papel);cursor:pointer;min-height:34px}
.pm-ver[hidden]{display:none}
.pm-ver:hover,.pm-ver:focus-visible{background:var(--oro);color:var(--tinta);border-color:var(--oro)}
@media (orientation:landscape) and (max-height:500px){
  body.pc .marco .mundo-hud,body.pc .marco.con-chat .mundo-hud{left:8px!important;right:auto!important;justify-content:flex-start}
}
/* móvil: los avisos salen abajo, donde no tapan el título ni la cabecera */
@media (max-width:640px){
  body:not(.pc) .toast{top:auto;bottom:calc(14px + env(safe-area-inset-bottom))}
  body:not(.pc):has(.cta:not([hidden])) .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
  body.pm-abierto .toast{top:8px;bottom:auto}
}

/* ===================================================================
   MENÚ DENTRO DEL JUEGO (js/menu.js): barra de iconos + panel
   =================================================================== */
.dk{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;background:var(--tinta);border-top:3px solid var(--oro);padding:4px 6px calc(4px + env(safe-area-inset-bottom))}
.dk-b{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:6px 2px 4px;background:none;border:0;color:var(--claro);font:600 14px/1 var(--f-display);cursor:pointer}
.dk-ic{width:22px;height:22px;fill:currentColor;flex:none}
.dk-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dk-b:hover,.dk-b:focus-visible{color:var(--oro)}
.dk-b:focus-visible{outline:2px solid var(--oro);outline-offset:-2px}
.dk-b[aria-expanded="true"]{background:var(--papel);color:var(--txt);box-shadow:inset 0 3px 0 var(--oro)}
.dk-b.dk-entra{background:var(--oro);color:var(--tinta)}
.dk-b.dk-entra[aria-expanded="true"]{background:var(--papel)}
.dk-b.dk-apagado .dk-ic{opacity:.45}
.dk-n{position:absolute;top:4px;left:calc(50% + 7px);min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border:2px solid var(--tinta);background:var(--teja);color:#fff;font:600 12px/14px var(--f-display);text-align:center}
.dk-n[hidden]{display:none}

.dk-p{position:absolute;left:50%;transform:translateX(-50%);top:8px;width:min(900px,calc(100% - 16px));height:min(640px,calc(100% - 140px));z-index:7;display:flex;flex-direction:column;background:var(--papel);color:var(--txt);border:4px solid var(--tinta);box-shadow:6px 6px 0 rgba(13,8,32,.85)}
.dk-p[hidden]{display:none}
.dk-cab{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;background:var(--tinta);min-width:0}
.dk-tit{margin:0;font:600 26px/1 var(--f-display);color:var(--oro);flex:none;outline:none}
.dk-sub{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.dk-sub[hidden]{display:flex;visibility:hidden}
.dk-s{flex:none;font:600 15px var(--f-display);padding:6px 12px;background:none;color:var(--claro);border:2px solid #4a4068;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.dk-s:hover,.dk-s:focus-visible{border-color:var(--oro);color:var(--oro)}
.dk-s[aria-selected="true"]{background:var(--papel);color:var(--txt);border-color:var(--papel)}
.dk-punto{width:8px;height:8px;background:var(--teja);display:inline-block}
.dk-x{flex:none;margin-left:auto;width:38px;height:38px;padding:0;border:2px solid var(--papel);background:none;color:var(--papel);font:600 24px/1 var(--f-display);cursor:pointer}
.dk-x:hover,.dk-x:focus-visible{background:var(--oro);color:var(--tinta);border-color:var(--oro)}
.dk-cuerpo{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.dk-cuerpo .tablones{display:block}
.dk-cuerpo .tablon{border:0;box-shadow:none;background:none;padding:16px 18px 22px}
.dk-cuerpo .tablon[data-j]>h2{display:none}
.dk-cap{padding:16px 18px 22px;display:flex;flex-direction:column;gap:10px}
.dk-cap>p{margin:0}
.dk-vacio{color:var(--sepia);font-size:15px}
.dk-cap .acc-t{margin-top:6px}
/* efectos para todo el parque, dentro de «Acciones» */
.dk-p .acciones{position:static!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0!important;margin:0!important;background:none!important;border:0!important;overflow:visible!important}
.dk-p .acciones .ac-t{display:none}
.dk-p .acciones .ac-n{display:block!important;grid-column:1/-1;color:var(--sepia);font-size:13px}
.dk-p .acciones .b2{width:100%;min-height:44px;white-space:normal;line-height:1.1}
.dk-p .acciones .mega{grid-column:1/-1;display:flex!important;gap:6px;align-items:stretch}
.dk-p .acciones .mega input{flex:1;min-width:0}
.dk-p .acciones .mega .b2{width:auto;flex:none;padding-inline:12px}
.dk-p.con-rejilla #ac-bailar,.dk-p.con-rejilla #ac-saludar{display:none}
.dk-p .tq-ya{margin-top:0}

/* la página ya no lleva pestañas ni la barra de acciones debajo del parque */
#lateral[hidden]{display:none!important}
#pc-yo,#pc-panel{display:none!important}
body.pc .cta{display:none}

/* pantalla completa: la barra va pegada abajo */
body.pc .dk{position:fixed;left:0;right:0;bottom:0;z-index:13}
body.pc .dk-p{z-index:14}

/* móvil: la barra, compacta; el panel sube desde abajo y deja ver la barra */
@media (max-width:640px){
  .dk{padding-inline:2px}
  .dk-b{min-height:50px;font-size:12px;gap:2px}
  .dk-ic{width:20px;height:20px}
  .dk-p,body.pc .dk-p{position:fixed;left:0;right:0;transform:none;width:auto;top:auto!important;bottom:var(--dk-h,56px);height:auto!important;max-height:min(82dvh,calc(100dvh - var(--dk-h,56px) - 24px));z-index:24;border-width:4px 0 0;box-shadow:0 -6px 0 rgba(13,8,32,.5)}
  .dk-cab{flex-wrap:wrap;gap:8px;padding:8px 8px 8px 12px}
  .dk-tit{font-size:22px;flex:1}
  .dk-sub{order:3;flex-basis:100%}
  .dk-sub[hidden]{display:none}
  .dk-cuerpo .tablon{padding:12px 12px 18px}
  .dk-cuerpo{flex:0 1 auto} /* el panel mide lo que su contenido (hasta el 82 % de la pantalla) */
  .dk-fondo{position:fixed;inset:0;z-index:23;background:rgba(13,8,32,.45)}
  .dk-cap{padding:12px 12px 18px}
  body.dk-abierto:not(.pc){overflow:hidden}
  body:not(.pc) .dk{position:sticky;bottom:0;z-index:23}
  .dk-p .acciones{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body.dk-abierto .dk{position:fixed;left:0;right:0;bottom:0;z-index:25}
}
/* escritorio: lo que flota abajo del parque sube por encima del chat y la barra */
@media (min-width:641px){
  body:not(.pc) .marco .mundo-hud{bottom:calc(10px + var(--dk-h,64px))}
  body:not(.pc) .marco.con-chat .mundo-hud,body:not(.pc) .marco.con-chat .pc-entra{bottom:calc(62px + var(--dk-h,64px))}
  body:not(.pc) .marco .pc-entra{bottom:calc(10px + var(--dk-h,64px))}
  body:not(.pc) .marco .anuncio{bottom:calc(48px + var(--dk-h,64px))}
}
body.dk-vista .cta{display:none}
@media (max-width:640px){
  body:not(.pc).dk-vista .toast{bottom:calc(var(--dk-h,56px) + 12px)}
  body.dk-abierto .toast,body:not(.pc).dk-vista.dk-abierto .toast{top:8px;bottom:auto}
}
/* pantallas bajas (móvil en horizontal): la barra en una sola línea fina */
@media (max-height:500px) and (min-width:641px){
  .dk{padding-block:2px calc(2px + env(safe-area-inset-bottom))}
  .dk-b{min-height:38px;flex-direction:row;gap:6px;font-size:14px}
  .dk-ic{width:16px;height:16px}
  .dk-n{top:1px;left:auto;right:4px}
  .dk-tit{font-size:20px}
  .dk-cab{padding:4px 6px 4px 12px}
}
.ciu-links{margin:6px 0 0;font-size:15px;color:var(--suave)}
.ciu-links a{color:var(--claro)}
.barra{margin-top:10px}
/* ===== bocadillos del chat: oscuros, translúcidos, con el color de la ciudad ===== */
.chat-log{border-color:var(--acento,#ffc62e)}
.chat-cab b,.chat-n{color:var(--acento,#ffc62e)}
/* botón de la vista (isométrica / clásica), en la columna de botones del parque */

/* ===================================================================
   Móvil: más parque a la vista. «Pantalla completa» pasa a ser un botón
   de icono encima del parque y el chat va en una sola fila.
   =================================================================== */
@media (max-width:640px){
  body:not(.pc) .pc-entra{position:absolute;top:8px;right:8px;left:auto;bottom:auto;display:block;width:34px;height:34px;min-height:0;padding:0;border:2px solid var(--oro);font-size:0;color:transparent;overflow:hidden;
    background:var(--tinta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f6efff' d='M2 2h5v2H4v3H2zM9 2h5v5h-2V4H9zM2 9h2v3h3v2H2zM12 9h2v5H9v-2h3z'/%3E%3C/svg%3E") center/18px 18px no-repeat}
  body:not(.pc) .pc-entra:hover,body:not(.pc) .pc-entra:focus-visible{background-color:var(--oro)}
  body:not(.pc) .zoom:not([hidden]) ~ .pc-entra{top:102px}
  body:not(.pc) .chat-f{flex-wrap:nowrap;padding:6px}
  body:not(.pc) .chat-f input{flex:1 1 auto;padding:7px 8px}
  body:not(.pc) .chat-f .b2{flex:none;padding:5px 10px;min-height:40px}
}
/* mientras un botón espera la respuesta del servidor no se puede volver a pulsar */
button.ocupado{pointer-events:none;opacity:.7;cursor:progress}
/* escritorio: «Pantalla completa» también como botón de icono, igual que los demás botones sobre el parque (el nombre sale al pasar por encima) */
@media (min-width:641px){
  body:not(.pc) .pc-entra{width:38px;height:38px;min-height:0;padding:0;font-size:0;color:transparent;overflow:hidden;
    background:var(--tinta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f6efff' d='M2 2h5v2H4v3H2zM9 2h5v5h-2V4H9zM2 9h2v3h3v2H2zM12 9h2v5H9v-2h3z'/%3E%3C/svg%3E") center/20px 20px no-repeat}
  body:not(.pc) .pc-entra:hover,body:not(.pc) .pc-entra:focus-visible{background-color:var(--oro)}
}
.aviso-mal{border-left:4px solid var(--teja);background:#fff1ec;padding:6px 10px;margin:8px 0;color:#7a2010}
/* viñeta del parque (capa encima del lienzo, sin coste para el juego) */
.vineta{position:absolute;pointer-events:none;z-index:1;background:radial-gradient(ellipse 75% 75% at 50% 46%,rgba(14,9,36,0) 62%,rgba(14,9,36,.3) 100%)}
@media (prefers-reduced-transparency:reduce){.vineta{display:none}}

/* ===== revisión de uso y accesibilidad ===== */
/* con un panel del menú abierto, los avisos salen abajo (arriba tapaban las pestañas del panel) */
/* con un panel abierto (escritorio), el aviso sale dentro del parque, justo encima de la barra del chat */
@media (min-width:641px){body.dk-abierto:not(.pc) .toast{position:absolute;top:auto;bottom:calc(var(--dk-h,64px) + 66px)}body.pc.dk-abierto .toast{top:auto;bottom:calc(var(--pc-pie,64px) + 66px)}}
/* el historial del chat no tapa la columna de botones de la derecha */
@media (min-width:641px){.chat-log{right:58px}}
/* con un panel abierto, los rótulos del parque no asoman cortados por los lados */
body.dk-abierto .marco>.chip,body.dk-abierto .marco>.evb{visibility:hidden}
/* los botones de precio de la tienda pueden partirse en dos líneas */
.art .b3{white-space:normal;text-align:center;line-height:1.15}
/* contraste (AA) en etiquetas pequeñas y en lo ya conseguido */
.tag.temp,.oferta,.mal,.dk-n,.pm-n{background:#b5321e}
.tag.ok{background:#256e3f}
.logro.mio{opacity:1;color:#e6d6b8}
.dk-s{border-color:#7a6aa8}
/* objetivos táctiles de al menos 44 px en el móvil */
@media (max-width:640px){
  .b3,.dk-s,.dk-x,.evb,.chat-log .b2,.chat-log button{min-height:44px}
  .colores{gap:8px}.colores label{width:38px;height:38px}
  .faq summary,details>summary{padding-block:12px}
  footer a,.pie a{display:inline-block;padding-block:12px}
  label:has(>#nombres){min-height:44px;display:inline-flex;align-items:center;gap:8px}
  #nombres{width:22px;height:22px}
}
/* menos movimiento si así lo pide el sistema */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* errores del formulario, debajo de su campo */
.err-campo{margin:4px 0 10px;padding:6px 10px;border-left:4px solid #b5321e;background:#fff1ec;color:#7a2010;font-size:15px}
[aria-invalid="true"]{outline:3px solid #b5321e;outline-offset:1px}
.enlace-b{background:none;border:0;box-shadow:none;padding:4px 0;text-decoration:underline;color:inherit;min-height:44px}
/* confirmación antes de pagar con saldo */
.confirma{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(13,8,32,.6)}
.confirma-c{background:var(--papel);color:var(--txt);border:4px solid var(--tinta);box-shadow:6px 6px 0 #0d0820;padding:18px 20px 16px;width:min(380px,100%);box-sizing:border-box;text-align:center}
.confirma-t{font:600 20px/1.2 var(--f-display);margin:0 0 6px}
.confirma-p{font:400 40px/1 var(--f-display);margin:4px 0 6px;color:var(--txt)}
.confirma-n{font-size:14px;color:var(--sepia);margin:0 0 14px}
.confirma-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.confirma-b>*{min-height:44px;flex:1 1 140px}

/* ===== segunda revisión de uso ===== */
.info a{color:var(--oro)}
.info a:hover,.info a:focus-visible{color:#ffe27a}
@media (min-width:1200px){.info{margin-inline:auto}}
/* casillas de verificación más grandes y con el color del parque */
input[type=checkbox]{accent-color:#c98a1b;width:20px;height:20px;flex:none;vertical-align:middle}
/* pantalla completa en vertical: el ♪ no tapa el «−» del zoom */
@media (orientation:portrait) and (max-width:820px){body.pc .son-b{top:calc(50% + 70px)}body.pc .pm-b{top:calc(50% + 116px)}}
/* móvil escribiendo (teclado en pantalla): fuera la barra de abajo y lo que flota, para que se vea lo que escribes */
@media (max-width:820px){body.escribiendo .dk,body.escribiendo .cta,body.escribiendo .zoom,body.escribiendo .son-b,body.escribiendo .pm-b,body.escribiendo .pc-entra{display:none!important}}
/* móvil en horizontal: cabecera compacta para que se vea el parque */
@media (max-height:500px) and (orientation:landscape){header{padding-block:6px}header h1{font-size:26px}header .lema,header .lema-g,.lema-p{display:none}.caja-top{padding:4px 10px}.cta{padding-block:4px}}
/* barra de abajo en pantallas muy estrechas: texto que cabe */
@media (max-width:380px){.dk-b{font-size:11px}.dk-t{letter-spacing:-.02em}}
/* los avisos nunca quedan en mitad de un texto en el móvil */
@media (max-width:640px){body:not(.pc):not(.dk-abierto) .toast{bottom:calc(var(--dk-h,56px) + 12px + env(safe-area-inset-bottom))}}
/* muescas: margen a los lados en horizontal */
@supports (padding:max(0px)){body.pc .marco{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}
/* panel de admin: las tablas anchas se desplazan dentro de su tarjeta, sin ensanchar la página */
.tablon{min-width:0}
.tabla{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tabla table{min-width:100%}
/* dentro de una tabla que se desplaza, los campos mantienen un ancho usable en vez de encogerse */
.tabla td input[type=text],.tabla td input[type=url],.tabla td input:not([type]){min-width:9em}
.tabla td input[type=number]{min-width:5.2em}
.tabla td select{min-width:7.5em}
.tabla td input[type=checkbox]{min-width:0}
#t-marcas td,#t-gest td{vertical-align:middle}
@media (max-width:700px){.tabla table{font-size:.86rem}.tabla th,.tabla td{padding:6px 7px}}

/* ---------- la aventura: barras de vida, hambre y sed, botón de atacar, mochila, armería y vivero ---------- */
.rpg-hud{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:min(260px,46%)}
.rpg-barras{display:flex;flex-direction:column;gap:3px;background:rgba(26,18,48,.82);border:2px solid var(--tinta);box-shadow:2px 2px 0 rgba(13,8,32,.5);padding:4px 6px}
.rpg-b{display:grid;grid-template-columns:12px minmax(56px,1fr) 2.2em;align-items:center;gap:5px;color:var(--claro);font:600 13px/1 var(--f-display);font-variant-numeric:tabular-nums}
.rpg-ic{width:12px;height:12px;fill:currentColor;display:block}
.rpg-tr{height:7px;background:#2a1f40;border:1px solid #0d0820;position:relative;overflow:hidden}
.rpg-ll{position:absolute;inset:0 auto 0 0;width:0;transition:width .35s}
.rpg-vida{color:#ff6b6b}.rpg-vida .rpg-ll{background:linear-gradient(#ff8a7a 0 30%,#e2453a 30%)}
.rpg-hambre{color:#ffb35a}.rpg-hambre .rpg-ll{background:linear-gradient(#ffd08a 0 30%,#f08a3c 30%)}
.rpg-sed{color:#7fc8ff}.rpg-sed .rpg-ll{background:linear-gradient(#bfe3f2 0 30%,#3b9fd1 30%)}
.rpg-b .rpg-n{color:var(--claro);text-align:right}
.rpg-b.bajo .rpg-tr{animation:rpg-lat 1s steps(2) infinite}
@keyframes rpg-lat{50%{border-color:#ff5a4d}}
.rpg-bts{display:flex;gap:4px;pointer-events:auto}
.rpg-x{display:inline-flex;align-items:center;gap:4px;border:2px solid var(--tinta);background:var(--papel);color:var(--txt);font:600 13px/1 var(--f-display);padding:4px 7px;box-shadow:2px 2px 0 rgba(13,8,32,.45)}
.rpg-x .rpg-ic{width:12px;height:12px}
.rpg-x:hover,.rpg-x:focus-visible{background:var(--oro)}
.rpg-x:focus-visible{outline:2px solid var(--claro);outline-offset:1px}
.rpg-pvp.on{background:#d8452f;color:#fff6c9}
.rpg-golpe{position:absolute;z-index:4;width:64px;height:64px;border-radius:50%;border:3px solid var(--tinta);background:radial-gradient(circle at 35% 30%,#ff8a7a 0 18%,#e2453a 19% 62%,#a8301f 63%);color:#fff6c9;box-shadow:0 4px 0 #6e221f,3px 6px 0 rgba(13,8,32,.4);display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.rpg-golpe .rpg-ic{width:30px;height:30px}
.rpg-golpe:active{transform:translateY(3px);box-shadow:0 1px 0 #6e221f}
.rpg-golpe.maz{background:radial-gradient(circle at 35% 30%,#ffd08a 0 18%,#f08a3c 19% 62%,#a8541f 63%);box-shadow:0 4px 0 #6e3a1f,3px 6px 0 rgba(13,8,32,.4)}
.rpg-golpe:focus-visible{outline:3px solid var(--claro);outline-offset:2px}
@media (max-width:640px){.rpg-b{font-size:12px;grid-template-columns:11px minmax(40px,1fr) 2em}.rpg-x span{display:none}.rpg-x{padding:5px 6px}.rpg-golpe{width:58px;height:58px}}
body.pc .rpg-hud{z-index:12}body.pc .rpg-golpe{z-index:12}
/* listas de la mochila, la armería y el vivero */
.rpg-h{font:600 18px/1.1 var(--f-display);margin:14px 0 6px;color:var(--txt)}
.rpg-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rpg-it{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;background:var(--carta);border:2px solid var(--tinta);padding:6px 8px}
.rpg-it.mia{background:var(--carta-2)}
.rpg-it.cerrada{opacity:.6}
.rpg-it-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.rpg-it-t b{font:600 16px/1.1 var(--f-display)}
.rpg-it-t small{font-size:13px;color:var(--txt-2)}
.rpg-cant{font:600 15px/1 var(--f-display);color:var(--txt-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.rpg-acc{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.rpg-obj{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f0e2c0;border:2px solid var(--tinta)}
.rpg-obj.grande{width:40px;height:40px}
.rpg-mini{image-rendering:pixelated;width:24px;height:24px}
.rpg-obj.grande .rpg-mini{width:36px;height:36px}
@media (max-width:520px){.rpg-it{grid-template-columns:auto minmax(0,1fr) auto}.rpg-acc{grid-column:1/-1;justify-content:flex-start}}
.rpg-est{display:grid;gap:6px;margin-bottom:6px}
.rpg-b.grande{grid-template-columns:16px 5.2em minmax(0,1fr) 3.4em;font-size:15px;color:var(--txt)}
.rpg-b.grande .rpg-ic{width:16px;height:16px}
.rpg-b.grande .rpg-tr{height:10px;background:#e8dcc0;border-color:var(--tinta)}
.rpg-b.grande .rpg-n{color:var(--txt)}
.rpg-b.grande.rpg-vida .rpg-ic{color:#d8452f}.rpg-b.grande.rpg-hambre .rpg-ic{color:#d8762f}.rpg-b.grande.rpg-sed .rpg-ic{color:#2c6fb0}
.rpg-et{font:600 15px/1 var(--f-display)}
.rpg-arma-act{display:flex;align-items:center;gap:10px;background:var(--carta-2);border:2px solid var(--tinta);padding:6px 10px;margin:8px 0}
.rpg-arma-act .rpg-mini{width:36px;height:36px}
.rpg-arma-act span{display:flex;flex-direction:column;gap:2px}
.rpg-arma-act b{font:600 17px/1.1 var(--f-display)}
.rpg-arma-act small{font-size:13px;color:var(--txt-2)}
.rpg-pvp-l{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rpg-tabs .b3.on{background:var(--oro)}
.rpg-moch .nota,.rpg-moch .aviso{margin:6px 0}
.av-intro{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.av-intro li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start}
.av-intro .rpg-ic{width:20px;height:20px;color:#d8452f;margin-top:2px}
/* HUD de combate: nivel, rastro de daño, cura rápida, esquivar, recarga y avisos */
.rpg-nv{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;color:#9fd0f0;font:600 13px/1 var(--f-display)}
.rpg-nv-n{color:#fff6c9;min-width:3.1em;font-variant-numeric:tabular-nums}
.rpg-tr.rpg-xp{height:4px}.rpg-xp .rpg-ll{background:linear-gradient(#cdeaff 0 50%,#58a8e0 50%)}
.rpg-fa{position:absolute;inset:0 auto 0 0;width:0;background:#fff6c9}
.rpg-fa.va{animation:rpg-fa .7s .15s ease-in forwards}
@keyframes rpg-fa{to{opacity:0;width:var(--w,0)}}
.rpg-b .rpg-ll{z-index:1}
.rpg-cura{background:#5fd17a;animation:rpg-cura 1s steps(2) infinite}
@keyframes rpg-cura{50%{background:#9be8a8}}
.rpg-cerca{align-self:center;color:#ffb0a8;background:rgba(26,18,48,.82);border:2px solid var(--tinta);font:600 12px/1 var(--f-display);padding:4px 6px;white-space:nowrap}
.rpg-golpe .rpg-cdv,.rpg-esq .rpg-cdv{position:absolute;inset:-3px;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(13,8,32,.55) calc(var(--cd,0)*360deg),transparent 0)}
.rpg-golpe.pulsado{transform:translateY(3px);box-shadow:0 1px 0 #6e221f}
.rpg-golpe.sin{filter:grayscale(.65) brightness(.85)}
.rpg-esq{position:absolute;z-index:4;width:44px;height:44px;border-radius:50%;border:3px solid var(--tinta);background:radial-gradient(circle at 35% 30%,#d6efff 0 18%,#58a8e0 19% 62%,#2c6fb0 63%);color:#fff6c9;box-shadow:0 3px 0 #1d4a78,2px 5px 0 rgba(13,8,32,.4);display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.rpg-esq svg{width:20px;height:20px;fill:currentColor}
.rpg-esq:active{transform:translateY(2px);box-shadow:0 1px 0 #1d4a78}
.rpg-esq:focus-visible{outline:3px solid var(--claro);outline-offset:2px}
.rpg-peligro{position:absolute;z-index:2;pointer-events:none;box-shadow:inset 0 0 40px 10px rgba(216,48,32,.55);animation:rpg-pel 1.1s ease-in-out infinite}
@keyframes rpg-pel{50%{box-shadow:inset 0 0 22px 4px rgba(216,48,32,.3)}}
.rpg-marco-pvp{position:absolute;z-index:2;pointer-events:none;border:3px solid rgba(216,69,47,.75);box-shadow:inset 0 0 0 1px rgba(13,8,32,.6)}
body.pc .rpg-esq{z-index:12}body.pc .rpg-peligro,body.pc .rpg-marco-pvp{z-index:11}
@media (prefers-reduced-motion:reduce){.rpg-peligro,.rpg-cura,.rpg-fa.va{animation:none}}
@media (max-width:640px){.rpg-esq{width:46px;height:46px}.rpg-nv{font-size:12px}}
/* nivel en la mochila y armería */
.rpg-nivel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;background:#1a1230;color:#fff6c9;border:2px solid var(--tinta);padding:8px 10px;margin-bottom:8px}
.rpg-nivel-n{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffc62e;color:var(--tinta);border:2px solid var(--tinta);font:600 22px/1 var(--f-display)}
.rpg-nivel-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.rpg-nivel-t b{font:600 17px/1 var(--f-display)}
.rpg-nivel-t small{font-size:12.5px;color:#cfc2e8}
.rpg-nivel .rpg-tr.rpg-xp{height:7px;background:#2a1f40}
.rpg-mas{color:#2f8a46;font-weight:700}.rpg-menos{color:#b8402f;font-weight:700}
.rpg-it.puesta{outline:3px solid #ffc62e;outline-offset:-5px}
.tag.rpg-puesta{background:#ffc62e}
.rpg-acc .b3.falta{opacity:.6}
.rpg-acc .b3:disabled{opacity:.45;cursor:not-allowed}
.rpg-jefe{position:absolute;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(26,18,48,.85);border:2px solid var(--tinta);padding:4px 8px 6px}
.rpg-jefe-n{color:#ffc62e;font:600 14px/1 var(--f-display);text-shadow:1px 1px 0 var(--tinta)}
.rpg-jefe .rpg-tr{width:100%;height:9px}
.rpg-jefe .rpg-ll{background:linear-gradient(#ff8a7a 0 35%,#d8452f 35%);z-index:1}
.rpg-jefe.furia .rpg-ll{background:linear-gradient(#ffb05a 0 35%,#e2301f 35%)}
.rpg-jefe.furia .rpg-jefe-n{color:#ff8a7a}
body.pc .rpg-jefe{z-index:12}
.rpg-blanco{display:grid;grid-template-columns:auto auto minmax(48px,1fr) auto;align-items:center;gap:6px;background:rgba(26,18,48,.88);border:2px solid var(--tinta);color:var(--claro);padding:3px 3px 3px 6px;pointer-events:auto;font:600 13px/1 var(--f-display);max-width:240px}
.rpg-blanco-m svg{width:12px;height:12px;fill:#ffc62e;display:block}
.rpg-blanco.auto .rpg-blanco-m svg{fill:#ff5a4d;animation:rpg-cura .8s steps(2) infinite}
.rpg-blanco-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9em}
.rpg-blanco .rpg-tr{height:6px}.rpg-blanco .rpg-ll{background:linear-gradient(#ff8a7a 0 35%,#d8452f 35%)}
.rpg-blanco-x{width:26px;height:26px;border:2px solid var(--tinta);background:var(--papel);color:var(--txt);font:700 16px/1 var(--f-display);padding:0;display:flex;align-items:center;justify-content:center}
.rpg-blanco-x:hover,.rpg-blanco-x:focus-visible{background:var(--oro)}
@media (pointer:coarse){.rpg-golpe{width:76px;height:76px}.rpg-golpe .rpg-ic{width:34px;height:34px}.rpg-esq{width:56px;height:56px}.rpg-esq svg{width:24px;height:24px}.rpg-blanco-x{width:34px;height:34px}.rpg-x{min-height:34px}}
@media (pointer:coarse) and (max-height:500px){.rpg-golpe{width:66px;height:66px}.rpg-esq{width:50px;height:50px}}
.rpg-blanco{position:absolute;z-index:4}
body.pc .rpg-blanco{z-index:12}
.rpg-hud.compacto .rpg-hambre:not(.flojo),.rpg-hud.compacto .rpg-sed:not(.flojo){display:none}
.rpg-hud.compacto .rpg-barras{padding:3px 5px;gap:2px}
.rpg-hud.compacto .rpg-b{grid-template-columns:10px minmax(44px,72px) auto;font-size:11px;gap:4px}
.rpg-hud.compacto .rpg-ic{width:10px;height:10px}
.rpg-hud.compacto .rpg-tr{height:6px}
.rpg-hud.compacto .rpg-nv{font-size:11px}
.rpg-hud.compacto .rpg-tr.rpg-xp{height:3px}
.rpg-hud.compacto .rpg-x span,.rpg-hud.compacto .rpg-cerca{display:none}
canvas.rpg-sacude{animation:rpg-sac .22s steps(4)}
@keyframes rpg-sac{25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,1px)}}

/* ===== pantalla completa en el móvil (vertical y apaisado): arriba se lee, abajo se toca, el parque queda libre ===== */
.chat-tog{display:none}
@media (max-width:640px),(max-height:500px){
  body.pc .marco .chip{top:8px;left:8px;bottom:auto;max-width:calc(100% - 170px);padding:4px 9px}
  body.pc .marco .chip b{font-size:17px}body.pc .marco .chip span{font-size:12px}
  body.pc .pc-bar{top:8px;bottom:auto;left:auto;right:8px;max-width:calc(100% - 16px);justify-content:flex-end;flex-wrap:nowrap}
  body.pc #pc-nom,body.pc #pc-yo{display:none}
  body.pc .marco .evb{top:58px;bottom:auto;left:8px;right:auto;max-width:min(70%,320px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;padding:3px 8px}
  body.pc .marco .chat-tog{display:flex;position:absolute;z-index:6;left:8px;bottom:calc(var(--pc-pie,64px) + 8px);width:44px;height:44px;padding:0;align-items:center;justify-content:center}
  body.pc .marco .chat-tog svg{width:20px;height:20px;fill:currentColor}
  .chat-tog-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--teja);color:#fff;font:600 12px/18px var(--f-display)}
  body.pc .marco .chat-f,body.pc .marco.con-chat .chat-f{display:none}
  body.pc .marco.chat-on .chat-f{display:flex;position:absolute;z-index:6;top:auto;left:60px;right:8px;bottom:calc(var(--pc-pie,64px) + 8px);width:auto;transform:none;padding:4px;flex-wrap:nowrap}
  body.pc .marco.chat-on .chat-f input{padding:5px 8px;font-size:15px}
  body.pc .marco.chat-on .chat-f .b2{padding:4px 8px;font-size:13px}
  body.pc .marco .mundo-hud,body.pc .marco.con-chat .mundo-hud{top:auto!important;bottom:calc(var(--pc-pie,64px) + 8px)!important;left:60px!important;right:auto;max-width:calc(100% - 150px);justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;background:none;border:0;padding:0}
  body.pc .marco.chat-on .mundo-hud{display:none}
  body.pc .marco .chat-log,body.pc .marco.con-chat .chat-log{top:56px;bottom:calc(var(--pc-pie,64px) + 60px);max-height:none}
  body.pc .toast{top:94px;bottom:auto}
  body.pc .marco .anuncio{top:94px;bottom:auto;left:8px;right:8px;max-width:none}
}
@media (orientation:portrait) and (max-width:640px){body.pc #pc-ant,body.pc #pc-sig{display:none}}
/* notas de papel en la puerta */
.notas-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:4px 0 8px}
.nota-p{position:relative;background:#fff3a8;color:var(--tinta);padding:14px 10px 8px;box-shadow:2px 3px 0 rgba(13,8,32,.35);transform:rotate(-1.2deg);display:flex;flex-direction:column;gap:6px;min-height:92px}
.nota-p:nth-child(2n){transform:rotate(1.4deg)}.nota-p:nth-child(3n){transform:rotate(-.4deg)}
.nota-p::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#d8452f;box-shadow:1px 1px 0 rgba(0,0,0,.35)}
.nota-p.c1,.nota-ta.c1{background:#ffc8dc}.nota-p.c2,.nota-ta.c2{background:#c8ecff}.nota-p.c3,.nota-ta.c3{background:#d2f5c4}
.nota-p p{margin:0;font:600 16px/1.25 var(--f-display);overflow-wrap:anywhere}
.nota-p.nueva{outline:3px solid var(--oro);outline-offset:2px}
.nota-pie{display:flex;align-items:center;gap:6px;margin-top:auto;font-size:12px}
.nota-pie b{font:600 13px/1 var(--f-display)}.nota-pie small{color:#5a4a6e;flex:1}
.nota-x{border:1px solid var(--tinta);background:rgba(255,255,255,.6);font:600 12px/1 var(--f-display);padding:3px 6px;cursor:pointer}
.nota-x:hover,.nota-x:focus-visible{background:var(--oro)}
.nota-h{margin:8px 0 2px;font:600 18px/1 var(--f-display)}
.nota-ta{width:100%;box-sizing:border-box;background:#fff3a8;border:3px solid var(--tinta);padding:10px;font:600 17px/1.3 var(--f-display);color:var(--tinta);resize:vertical;min-height:80px}
.nota-fila{display:flex;align-items:center;gap:10px;justify-content:space-between}
.nota-cols{display:flex;gap:6px}
.nota-col{width:28px;height:28px;border:3px solid var(--tinta);cursor:pointer;padding:0}
.nota-col.on{box-shadow:0 0 0 3px var(--oro)}
.nota-col:focus-visible{outline:3px solid var(--teja);outline-offset:2px}
.nota-cnt{color:#5a4a6e;font-variant-numeric:tabular-nums}
/* la mirilla */
.mirilla{display:flex;justify-content:center;padding:6px 0}
.mirilla-cv{width:min(240px,70vw);height:auto;aspect-ratio:1;image-rendering:pixelated;border-radius:50%;box-shadow:0 0 0 6px #3a2a20,0 0 0 9px var(--tinta),0 8px 0 9px rgba(13,8,32,.35)}
.mirilla-t{text-align:center;font:600 18px/1.2 var(--f-display);margin:6px 0 0}

/* ================= paneles oscuros (rediseño 2026-10) =================
   Ventanas, tablones, el panel del menú y los avisos de confirmación pasan a paneles oscuros redondeados:
   dentro, las variables de «papel» se vuelven superficies oscuras y el texto, claro. El oro sigue siendo el acento. */
.ficha,.tablon,.dk-p,.confirma-c,.pm-p{--papel:var(--panel-2);--papel-2:var(--panel-3);--carta:var(--panel-2);--carta-2:#3a2d6e;--txt:var(--claro);--txt-2:#cfc2e8;--sepia:#cfc2e8;color:var(--claro)}
.ficha{background:var(--panel);border:2px solid var(--borde);border-radius:16px;box-shadow:0 18px 50px rgba(5,2,15,.55),inset 0 1px 0 rgba(255,255,255,.04);padding:20px}
.ficha h2,.tablon h2{color:var(--claro)}
.tablon{background:var(--panel);border:2px solid var(--borde);border-radius:16px;box-shadow:0 10px 30px rgba(5,2,15,.4)}
.dk-cuerpo .tablon{border:0;box-shadow:none;background:none;border-radius:0}
.dk-p{background:var(--panel)}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .b3{background:var(--panel-3);color:var(--claro);border:2px solid #4a3d82;border-radius:8px;box-shadow:0 2px 0 rgba(0,0,0,.35)}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .b3:hover:not(:disabled),:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .b3:focus-visible{background:#43378a;border-color:var(--oro)}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .b3.oro,:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .b3.on{background:var(--oro);color:var(--tinta);border-color:var(--oro)}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .btn{border-radius:10px;border-width:2px;box-shadow:0 4px 0 #8a6200}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) :is(input[type=text],input[type=email],input[type=password],input[type=number],select,textarea):not(.nota-ta){background:#130e2a;color:var(--claro);border:2px solid var(--borde);border-radius:8px}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) :is(input,select,textarea):focus-visible{outline:2px solid var(--oro);outline-offset:1px}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) a{color:var(--oro)}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .nota{color:#cfc2e8}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .aviso{color:#ffd27a}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .rpg-it{border:2px solid var(--borde);border-radius:10px}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .rpg-obj{background:#130e2a;border:2px solid var(--borde);border-radius:8px}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .rpg-arma-act{border:2px solid var(--borde);border-radius:10px}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .rpg-b.grande{color:var(--claro)}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .rpg-b.grande .rpg-tr{background:#130e2a;border-color:#130e2a}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .rpg-h{color:var(--oro)}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .tag{border-radius:6px}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .rpg-mas{color:#7fe08f}:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .rpg-menos{color:#ff8a7a}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) fieldset{border-color:var(--borde);border-radius:10px}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) legend{color:var(--oro)}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .colores span{border-color:#130e2a;border-radius:6px}
.ficha .cerrar,.tablon .cerrar{border-radius:8px}
:is(.ficha,.tablon,.dk-p) .acc{border:2px solid var(--borde);border-radius:10px}
:is(.ficha,.tablon,.dk-p) .acc:hover,:is(.ficha,.tablon,.dk-p) .acc:focus-visible{background:var(--panel-3);border-color:var(--oro)}
:is(.ficha,.tablon,.dk-p) .acc.on{background:#24402f;border-color:#5fd17a}
:is(.ficha,.tablon,.dk-p) .acc.bloq{background:#171230;color:#9a8fb8;border-style:dashed}
:is(.ficha,.tablon,.dk-p) .acc small{color:var(--oro)}
:is(.ficha,.tablon,.dk-p) .rasca{background:#2a2150;border-radius:12px}
:is(.ficha,.tablon,.dk-p) .rasca-z{border-radius:6px}
:is(.ficha,.tablon,.dk-p,.confirma-c,.pm-p) .tag:not(.mal):not(.ojo):not(.oferta):not(.puesto):not(.rpg-puesta){background:#130e2a;color:#e6dcff;border:1px solid var(--borde)}
/* portada: el parque por dentro (galería de sitios y lo que se puede hacer) */
.escaparate{max-width:1100px;width:100%;display:flex;flex-direction:column;gap:18px;color:var(--claro)}
.esc-cab h2{margin:0}.esc-cab p{margin:4px 0 0;color:var(--suave);font-size:16px}
.vistas-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.vistas-g figure{margin:0;position:relative;border-radius:14px;overflow:hidden;border:2px solid var(--borde);background:#0d0820;box-shadow:0 8px 24px rgba(5,2,15,.35)}
.vistas-g img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;image-rendering:pixelated}
.vistas-g figcaption{position:absolute;left:10px;bottom:10px;background:rgba(20,14,42,.88);border:1px solid var(--borde);border-radius:8px;padding:4px 10px;font:600 15px/1.2 var(--f-display);color:var(--claro)}
.rasgos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.rasgos li{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:2px solid var(--borde);border-radius:14px;padding:14px 16px}
.rasgo-i{flex:none;width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#3a2d6e,#2b2152);border:2px solid #4a3d82;display:flex;align-items:center;justify-content:center}
.rasgo-i svg{width:24px;height:24px;fill:var(--oro)}
.rasgos h3{margin:0 0 4px;font:600 19px/1.15 var(--f-display);color:var(--claro);text-transform:none;letter-spacing:0}
.rasgos p{margin:0;color:var(--suave);font-size:15px;line-height:1.45}
.info-3>div{background:var(--panel);border:2px solid var(--borde);border-radius:14px;padding:14px 16px}
.faq details{background:var(--panel);border:2px solid var(--borde);border-radius:12px}
.faq details[open]{border-color:#5a4a9a}
.caja-top{border-radius:14px}
body:not(.pc) .marco{border-radius:14px;box-shadow:0 0 0 2px #4a3c86,0 14px 40px rgba(5,2,15,.45)}
.pl{border-radius:12px;overflow:hidden;border-width:2px;box-shadow:0 6px 18px rgba(5,2,15,.35)}
.pl[aria-pressed="true"],.pl.on{outline:3px solid var(--oro);outline-offset:2px}
/* rutina: qué hace tu personaje cuando no estás */
.ru-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px;margin:4px 0 10px}
.ru-op{display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel-2);color:var(--claro);border:2px solid var(--borde);border-radius:12px;padding:10px 12px;cursor:pointer}
.ru-op:hover{border-color:#6a5a9a}
.ru-op.on{border-color:var(--oro);background:var(--panel-3);box-shadow:0 0 0 2px rgba(255,198,46,.2)}
.ru-op:focus-visible{outline:2px solid var(--claro);outline-offset:2px}
.ru-ic{flex:none;width:38px;height:38px;border-radius:10px;background:#130e2a;border:2px solid #4a3d82;display:flex;align-items:center;justify-content:center}
.ru-ic svg{width:18px;height:18px;fill:var(--oro)}
.ru-op.on .ru-ic{background:var(--oro);border-color:var(--oro)}.ru-op.on .ru-ic svg{fill:var(--tinta)}
.ru-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.ru-tx b{font:600 17px/1.1 var(--f-display)}.ru-tx small{font-size:13px;color:#cfc2e8;line-height:1.3}
/* tu día en viñetas */
.dia-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dia-v{margin:0;position:relative;background:#0d0820;border:2px solid var(--borde);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.dia-cv{display:block;width:100%;height:auto;aspect-ratio:4/3;image-rendering:pixelated}
.dia-h{position:absolute;top:8px;left:8px;background:var(--oro);color:var(--tinta);font:700 14px/1 var(--f-display);padding:4px 7px;border-radius:6px;font-variant-numeric:tabular-nums}
.dia-v figcaption{padding:8px 10px 10px;font:600 15px/1.25 var(--f-display);color:var(--claro)}
.dia-img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;border-radius:12px}
@media (max-width:420px){.dia-v figcaption{font-size:13px;padding:6px 8px 8px}}
.wrap{overflow-x:clip}
.nota-p,.nota-p p,.nota-pie b{color:#1a1230}.nota-pie small{color:#5a4a6e}
:is(.ficha,.tablon,.dk-p) .nota-cnt{color:#cfc2e8}

/* ================= rediseño 2: el marco del juego (cristal oscuro, esquinas redondas, oro de acento) ================= */
:root{--cristal:rgba(20,14,42,.84);--cristal-b:rgba(122,104,200,.45)}
.b2{border-radius:9px;border-width:2px;box-shadow:0 2px 0 rgba(0,0,0,.45)}
.b2:hover:not(:disabled){border-color:var(--oro)}
.btn{border-radius:12px;border-width:2px;box-shadow:0 4px 0 #8a6200,0 8px 18px rgba(5,2,15,.35)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #8a6200}
.chip{background:var(--cristal);border:1px solid rgba(255,198,46,.6);border-radius:12px;padding:6px 12px;box-shadow:0 6px 18px rgba(5,2,15,.35);backdrop-filter:blur(3px)}
.evb{background:var(--cristal);border:1px solid rgba(255,198,46,.55);border-radius:999px;padding:5px 14px;box-shadow:0 6px 18px rgba(5,2,15,.3)}
.evb.vivo{background:rgba(181,54,31,.92);border-color:#ffb0a0}
.zoom .b2,.son-b,.pm-b,.chat-tog{background:var(--cristal);border:1px solid var(--cristal-b);border-radius:12px;box-shadow:0 4px 12px rgba(5,2,15,.35)}
.zoom .b2:hover,.son-b:hover,.pm-b:hover{border-color:var(--oro)}
.pc-entra{border-radius:10px;background:var(--cristal);border:1px solid var(--cristal-b)}
.mundo-hud .b2{border-radius:999px;background:var(--cristal);border:1px solid var(--cristal-b);padding:6px 14px}
.mundo-hud .b2.oro{background:var(--oro);color:var(--tinta);border-color:var(--oro)}
.mundo-n{border-radius:999px}
.rpg-barras{border-radius:12px;border:1px solid var(--cristal-b);background:var(--cristal);box-shadow:0 6px 18px rgba(5,2,15,.35)}
.rpg-tr{border-radius:3px}.rpg-ll{border-radius:2px}
.rpg-x{border-radius:9px;border-width:2px}
.rpg-cerca,.rpg-blanco,.rpg-jefe{border-radius:12px;border:1px solid var(--cristal-b);background:var(--cristal)}
.toast{border-radius:14px;border-width:2px;box-shadow:0 10px 30px rgba(5,2,15,.45)}
.guia{border-radius:14px;border-width:2px}
.caja-top{background:var(--cristal);border:1px solid rgba(255,198,46,.6);box-shadow:0 10px 30px rgba(5,2,15,.35)}
.dk{border-top:2px solid var(--oro);background:#140f2c}
.dk-b{border-radius:12px;margin:2px}
.dk-b[aria-expanded="true"]{background:var(--oro);color:var(--tinta);box-shadow:none}
.chat-f{background:#140f2c}
.chat-f input{border-radius:10px;border-width:2px;background:#130e2a;color:var(--claro);border-color:var(--cristal-b)}
.chat-f input:focus-visible{border-color:var(--oro);outline:none}
.chat-f input:disabled{background:#241d40;border-color:#3a3060;color:#8a7fb0}
.velo{backdrop-filter:blur(2px)}
.h1-logo{display:flex;align-items:center;gap:14px}
.logo-m{flex:none;width:clamp(44px,6vw,62px);height:clamp(44px,6vw,62px);border-radius:16px;background:linear-gradient(180deg,#2c2150,#1c1538);border:2px solid rgba(255,198,46,.7);box-shadow:0 8px 22px rgba(5,2,15,.45);display:flex;align-items:center;justify-content:center}
.logo-m svg{width:72%;height:72%}
header{background:radial-gradient(120% 140% at 0% 0%,rgba(122,104,200,.18),transparent 60%);border-radius:20px;padding:6px 4px}
.h1-logo>.h1-t{color:var(--claro)}.h1-t span{color:var(--oro)}

/* ===== trueque: cambiar cosas con otro vecino ===== */
.ficha:has(.tq-lados){width:min(780px,100%)}
.tq-intro{margin:0 0 12px;color:var(--txt-2);font-size:14px;line-height:1.45}
.tq-lados{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
.tq-lado{background:var(--panel-3,#2f2560);border:2px solid var(--borde);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:10px;min-width:0}
.tq-lado-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tq-lado-h b{font:20px var(--f-display);color:var(--oro);letter-spacing:.02em}
.tq-lado-h small{color:var(--txt-2);font-size:12px;text-align:right}
.tq-fl{align-self:center;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--oro);color:var(--tinta);font-weight:700;font-size:20px;box-shadow:0 3px 0 #8a6200}
.tq-rej{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;max-height:228px;overflow-y:auto;padding:2px;scrollbar-width:thin}
.tq-nada{grid-column:1/-1;margin:4px 0}
.tq-t{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;background:rgba(10,6,26,.35);border:2px solid transparent;border-radius:10px;color:var(--claro);cursor:pointer;min-width:0;transition:border-color .12s,background .12s}
.tq-t:hover{border-color:var(--cristal-b)}
.tq-t:focus-visible{outline:2px solid var(--oro);outline-offset:1px}
.tq-t.on{border-color:var(--oro);background:rgba(255,198,46,.12)}
.tq-t.tope:not(.on){opacity:.4}
.tq-ic .rpg-mini{width:32px;height:32px;display:block}
.tq-tn{font-size:10px;line-height:1.15;color:var(--txt-2);max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;min-height:2.3em;overflow-wrap:anywhere}
.tq-n{position:absolute;top:-6px;right:-4px;background:var(--oro);color:var(--tinta);border-radius:999px;font:700 11px/1 var(--f-body);padding:3px 6px;box-shadow:0 2px 0 #8a6200}
.tq-n:empty{display:none}
.tq-m{position:absolute;top:-6px;left:-4px;width:20px;height:20px;border-radius:50%;background:var(--panel);border:1px solid var(--borde);color:var(--claro);font:700 14px/18px var(--f-body);display:none}
.tq-t.on .tq-m{display:block}
.tq-m:hover{background:#b5361f}
.tq-st{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px dashed var(--borde);padding-top:8px}
.tq-st-i{color:var(--oro);font-size:18px}
.tq-st input{width:64px;font:16px var(--f-body);padding:5px 6px;border-radius:8px;border:2px solid var(--borde);background:var(--panel);color:var(--claro);text-align:center}
.tq-st .tq-p{padding:4px 8px;min-width:0}
.tq-st small{color:var(--txt-2);font-size:12px;margin-left:auto}
.tq-res{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 10px;padding:10px;border-radius:12px;background:rgba(10,6,26,.35);min-height:48px}
.tq-res-f{color:var(--oro);font-size:20px;font-weight:700}
.tq-fichas{display:inline-flex;gap:5px;flex-wrap:wrap;align-items:center}
.tq-ch{display:inline-flex;align-items:center;gap:3px;background:var(--panel-2);border:1px solid var(--borde);border-radius:8px;padding:2px 6px 2px 3px;font-size:13px}
.tq-ch .rpg-mini{width:22px;height:22px;display:block}
.tq-ch-st{color:var(--oro);font-weight:700;padding:4px 8px}
.tq-ch-0{color:var(--txt-2);font-style:italic;font-size:13px}
.tq-txt{border-radius:10px!important;border:2px solid var(--borde)!important;background:var(--panel)!important;color:var(--claro)!important;margin-bottom:10px}
.tq-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tq-c{background:var(--panel-3,#2f2560);border:2px solid var(--borde);border-left:6px solid var(--oro);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.tq-c.tq-ok{border-left-color:#5fd17a}
.tq-c.tq-no{border-left-color:#6b5a9a;opacity:.75}
.tq-c.mio.tq-esp{border-left-color:#7a68c8}
.tq-c-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tq-c-h b{flex:1;min-width:0}
.tq-c-h small{color:var(--txt-2);font-size:12px}
.tq-pill{font-size:11px;border-radius:999px;padding:2px 8px;background:var(--panel);border:1px solid var(--borde);color:var(--txt-2)}
.tq-esp:not(.mio) .tq-pill{background:var(--oro);color:var(--tinta);border-color:var(--oro);font-weight:700}
.tq-ok .tq-pill{color:#5fd17a;border-color:#5fd17a}
.tq-c-b{display:flex;flex-direction:column;gap:5px}
.tq-c-l{display:flex;align-items:center;gap:8px}
.tq-c-k{width:62px;flex:none;font-size:12px;color:var(--txt-2)}
.tq-c-t{font-style:italic;color:var(--txt-2);font-size:14px}
.tq-c-a{display:flex;gap:8px;flex-wrap:wrap}
.tq-bloque{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:12px 0;padding:10px 12px;border-radius:12px;background:var(--panel-3,#2f2560);border:2px solid var(--borde)}
.tq-bloque-t{display:flex;flex-direction:column;min-width:0}
.tq-bloque-t small{color:var(--txt-2);font-size:12px}
.tq-bloque.hay{border-color:var(--oro)}
.tq-bloque.hay small{color:var(--oro)}
@media (max-width:620px){
  .tq-lados{grid-template-columns:1fr}
  .tq-fl{justify-self:center;transform:rotate(90deg)}
  .tq-rej{max-height:180px}
}

/* ===== ficha de vecino, rediseño 3 ===== */
.ficha .fh canvas.av{border:2px solid var(--borde);border-radius:14px;box-shadow:0 0 0 4px rgba(255,198,46,.08),0 10px 24px rgba(5,2,15,.4)}
.ficha .fh .grande{font:24px var(--f-display);color:var(--oro);margin:0}
.ficha .prog{border-radius:999px;overflow:hidden;height:10px;border:1px solid var(--borde);background:var(--panel)}
.ficha .prog i{border-radius:999px;background:linear-gradient(90deg,#ffc62e,#ffe48a)}
.ficha .sg{display:flex;flex-wrap:wrap;gap:8px}
.ficha .sg div{flex:1 1 120px;border:1px solid var(--borde);border-radius:12px;background:var(--panel-3);padding:8px 12px}
.ficha .fc{display:flex;gap:14px;align-items:center;background:var(--panel-3);border:1px solid var(--borde);border-radius:14px;padding:10px;margin-block:10px}
.ficha .fc canvas,.ficha .fc img{border-radius:10px;flex:none}
.ficha-ac{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:6px}
.ficha-ac>.b3{padding:10px 12px;border-radius:12px;font-size:14px;white-space:normal;text-align:center;min-height:44px}
.ficha-reg{grid-column:1/-1;display:flex;gap:8px;align-items:stretch;background:var(--panel-3);border:1px dashed var(--borde);border-radius:12px;padding:8px}
.ficha-reg select{flex:1;min-width:0;border-radius:10px;margin:0}
.ficha-reg .b3{padding:8px 18px;border-radius:10px}
.ficha .chips span{border-radius:999px;padding:3px 10px}
@media (max-width:620px){.ficha .sg div{flex:1 1 28%;padding:6px 9px}.ficha .sg small{font-size:11px}.ficha .sg b{font-size:18px}.ficha .fh canvas.av{width:150px}}

/* ===== el bloque: botonera de plantas y buzones ===== */
.bq-pan{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:4px;padding:7px 6px;border-radius:14px;background:linear-gradient(180deg,#4a4560,#2c2840);border:1px solid #6b6590;box-shadow:0 8px 20px rgba(5,2,15,.45),inset 0 1px 0 rgba(255,255,255,.15)}
.bq-pan::before{content:"";display:block;width:14px;height:4px;margin:0 auto 3px;border-radius:2px;background:#1a1230;box-shadow:inset 0 0 0 1px #6b6590}
.bq-b{width:28px;height:28px;border-radius:50%;border:2px solid #b88a3c;background:radial-gradient(circle at 40% 35%,#f4e2b0,#c9a55a 70%,#8a6a2a);color:#2a1e10;font:700 13px/1 var(--f-display);cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 2px 0 #1a1230}
.bq-b:hover{filter:brightness(1.08)}
.bq-b:focus-visible{outline:2px solid var(--oro);outline-offset:2px}
.bq-b.on{background:radial-gradient(circle at 40% 35%,#fff6c9,#ffc62e 60%,#c98a1e);border-color:#fff6c9;box-shadow:0 0 0 2px rgba(255,198,46,.35),0 0 12px rgba(255,198,46,.65)}
.bq-mia{margin-top:4px;background:radial-gradient(circle at 40% 35%,#ffe0ea,#ff8ad1 65%,#b04a88);border-color:#ffb3d9;color:#2a0e1e}
@media (max-width:640px){.bq-pan{left:50%;bottom:auto;transform:translateX(-50%);flex-direction:row-reverse;padding:4px 6px;gap:4px}.bq-pan::before{display:none}.bq-mia{margin:0 6px 0 0}.bq-b{width:26px;height:26px;font-size:12px}}
body.pc .bq-pan{top:50%}
.bz-f{width:100%;margin:4px 0 10px;border-radius:10px;border:2px solid var(--borde);background:var(--panel);color:var(--claro);font:16px var(--f-body);padding:8px 10px;box-sizing:border-box}
.bz{display:flex;flex-direction:column;gap:12px;max-height:min(56vh,520px);overflow-y:auto;padding-right:2px}
.bz-b h3{margin:0 0 6px;font:18px var(--f-display);color:var(--txt-2)}
.bz-b.aqui h3{color:var(--oro)}
.bz-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.bz-i{display:flex;align-items:center;gap:8px;background:var(--panel-3);border:1px solid var(--borde);border-radius:10px;padding:6px 8px;min-width:0}
.bz-i.mia{border-color:var(--oro)}
.bz-n{flex:none;width:36px;height:26px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(180deg,#e2b45a,#b88a3c);color:#2a1e10;font:700 12px var(--f-body);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.bz-t{flex:1;min-width:0;display:flex;flex-direction:column}
.bz-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bz-t small{color:var(--txt-2);font-size:12px}
.bz-e{flex:none;width:9px;height:9px;border-radius:50%;background:#6b5a9a}
.bz-e.si{background:#5fd17a;box-shadow:0 0 6px #5fd17a}
.bz-e.zz{background:#7aa0ff}
.bz-i .b3{flex:none}

/* la vida que vuelve sola: la barra late; bien alimentado, más deprisa y con brillo */
@keyframes vida-late{0%,100%{filter:none}50%{filter:brightness(1.25)}}
@keyframes vida-brilla{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
.rpg-b.cura .rpg-ll{animation:vida-late 2.4s ease-in-out infinite}
.rpg-b.cura .rpg-tr{position:relative;overflow:hidden}
.rpg-b.rapida .rpg-ll{animation-duration:1.1s}
.rpg-b.rapida .rpg-tr::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:vida-brilla 1.4s linear infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.rpg-b.cura .rpg-ll,.rpg-b.rapida .rpg-tr::after{animation:none}}

/* ===== bocadillos del chat como los del juego: blancos, borde oscuro y piquito ===== */
.globo{background:#ffffff;color:#1a1230;border:2px solid #1a1230;border-radius:10px;box-shadow:2px 3px 0 rgba(10,6,30,.4);padding:4px 10px 4px 5px;font:600 14px/1.25 var(--f-body)}
.globo b{color:#4a2f8a}
.globo-cara{background:#e9e3f6;border-color:#1a1230;border-radius:5px}
.globo-cola{background:#ffffff;border-right:2px solid #1a1230;border-bottom:2px solid #1a1230}
.globo.otro-sitio,.globo.tenue{background:#ece8f4;color:#4a4466}
/* ===== el quiosco del barrio ===== */
.quiosco-cab{display:flex;flex-direction:column;gap:2px;padding:10px 12px;margin-bottom:10px;border-radius:12px;background:linear-gradient(180deg,#2c6fb0,#1f4f86);border:2px solid #58b8ff}
.quiosco-cab b{font:26px var(--f-display);color:#f6efff;letter-spacing:.02em}
.quiosco-cab small{color:#cfe6ff}
.quiosco-l{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.quiosco-l li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--panel-3);border-left:4px solid var(--oro)}
.quiosco-l b{font:17px var(--f-display);color:var(--oro)}
.quiosco-l span{color:var(--claro);font-size:14px}

/* pesca: el botón de tirar de la caña, grande y en medio, solo un momento */
.pesca-tira{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:30;font:700 22px/1 "Jersey 15",monospace;padding:14px 26px;border-radius:14px;border:3px solid #1a1028;background:#ffd23f;color:#1a1028;box-shadow:0 4px 0 #1a1028,0 0 0 6px rgba(255,210,63,.35);cursor:pointer;animation:pesca-late .5s ease-in-out infinite alternate}
@keyframes pesca-late{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.pesca-tira{animation:none}}

/* la tómbola del quiosco */
.tombola{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;border:2px dashed #c9962f;border-radius:10px;background:rgba(255,210,63,.08)}
.tombola-r{flex:1 1 160px;min-width:0;font:700 18px/1.2 "Jersey 15",monospace;color:#ffe27a}
.tombola-r.gana{color:#7dff9a}

/* álbum de pesca, concurso y retos de la semana */
.album-cab{margin:0 0 10px}
.album-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-bottom:12px}
.album-c{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;background:rgba(255,255,255,.06);border:2px solid rgba(255,210,63,.35);text-align:center;min-width:0}
.album-c canvas{width:36px;height:36px;image-rendering:pixelated}
.album-c b{font-size:13px}.album-c small{font-size:11px;opacity:.8}
.album-c.falta{border-style:dashed;border-color:rgba(255,255,255,.18)}.album-c.falta canvas{filter:brightness(0) opacity(.45)}
.album-rk h3,.retos h3{margin:6px 0;font:700 18px/1.1 "Jersey 15",monospace;color:#ffe27a}
.album-ol{margin:6px 0;padding:0;list-style:none}.album-ol li{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.album-ol li.yo{color:#7dff9a}
.retos{margin:12px 0;display:flex;flex-direction:column;gap:8px}
.reto{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06)}
.reto span{min-width:0}.reto small{opacity:.85;white-space:nowrap}
.reto-b{grid-column:1/-1;display:block;height:8px;border-radius:4px;background:rgba(0,0,0,.35);overflow:hidden}.reto-r{display:block;height:100%;background:linear-gradient(90deg,#ffc62e,#ff8a3c)}
.reto.ok .reto-r{background:#5fd17a}.reto.ok span{color:#7dff9a}
.reto-pr{margin:0;font-size:13px;opacity:.9}
/* mazmorras: la bomba, el plano de la planta y el icono de cada mazmorra en la lista */
.rpg-bomba{position:absolute;z-index:4;width:46px;height:46px;border-radius:50%;border:3px solid var(--tinta);background:radial-gradient(circle at 35% 30%,#8a849a 0 18%,#3a3446 19% 62%,#1e1a28 63%);color:#ffd23f;box-shadow:0 3px 0 #0d0820,2px 5px 0 rgba(13,8,32,.4);display:grid;place-items:center;padding:0;cursor:pointer;touch-action:manipulation}
.rpg-bomba svg{width:24px;height:24px;fill:#f6efff}
.rpg-bomba .rpg-bn{position:absolute;right:-6px;bottom:-6px;min-width:20px;height:20px;border-radius:10px;background:var(--tinta);color:#ffd23f;font:700 14px/20px "Jersey 15",monospace;text-align:center;padding:0 4px}
.rpg-bomba.sin{filter:grayscale(1) brightness(.7)}
.rpg-bomba:active{transform:translateY(2px)}
.rpg-bomba:focus-visible{outline:3px solid var(--claro);outline-offset:2px}
.maz-mini{position:absolute;z-index:4;width:130px;height:114px;image-rendering:pixelated;pointer-events:none;border-radius:6px}
body.pc .rpg-bomba,body.pc .maz-mini{z-index:12}
@media (max-width:640px){.maz-mini{width:86px;height:75px;opacity:.88}}
@media (pointer:coarse){.rpg-bomba{width:52px;height:52px}}
.rpg-maz-ic{width:28px;height:28px;border-radius:6px;border:2px solid var(--tinta);flex:none}
.rpg-maz-ic.t1{background:linear-gradient(#7a6450 0 40%,#7d6852 40%)}.rpg-maz-ic.t2{background:linear-gradient(#86828e 0 40%,#6e665c 40%)}.rpg-maz-ic.t3{background:linear-gradient(#5a4a6e 0 40%,#3e3448 40%)}
.rpg-maz-ic.t4{background:linear-gradient(#527060 0 40%,#4c5a52 40%)}.rpg-maz-ic.t5{background:linear-gradient(#64382e 0 40%,#3a2a2a 40%);box-shadow:inset 0 -4px 0 #ff6a1f}.rpg-maz-ic.t6{background:linear-gradient(#b8dcf4 0 40%,#cfe6f4 40%)}
/* granja: la barra de herramientas, arriba en el centro de la vista */
.granja-bar{position:absolute;z-index:5;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:rgba(26,16,40,.86);border:2px solid var(--tinta);border-radius:10px;box-shadow:0 3px 0 rgba(13,8,32,.4)}
.granja-h{position:relative;width:46px;height:50px;padding:2px 0 0;border:2px solid #4a3a5e;border-radius:7px;background:#3a2c4a;color:#f6efff;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;font:600 10px/1 system-ui,sans-serif}
.granja-h.on{border-color:#ffc62e;background:#5a4a2e;box-shadow:0 0 0 2px rgba(255,198,46,.35)}
.granja-h:focus-visible{outline:3px solid var(--claro);outline-offset:1px}
.granja-ic canvas{width:28px;height:28px;image-rendering:pixelated;display:block}
.granja-c{position:absolute;right:2px;top:1px;font:700 12px/1 "Jersey 15",monospace;color:#ffd23f;text-shadow:1px 1px 0 #1a1028}
.granja-c:empty{display:none}
body.pc .granja-bar{z-index:12}
@media (max-width:640px){.granja-h{width:38px;height:42px}.granja-n{display:none}.granja-ic canvas{width:26px;height:26px}.granja-bar{gap:2px;padding:3px}}
.rpg-it.fuera{opacity:.62}
.amistad{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0;padding:8px 10px;border-radius:8px;background:rgba(226,69,58,.1)}
.amistad-c i{font-style:normal;color:#8a7a9a;font-size:15px}.amistad-c i.si{color:#e2453a}
.amistad small{flex-basis:100%;opacity:.85}
.encargo{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:rgba(255,198,46,.1)}
.encargo>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.encargo.ok{opacity:.7}
/* chat: hora, quien te nombra, frases rápidas */
.chat-log .chat-h{color:#8a80b0;font-size:12px;margin-right:4px;font-variant-numeric:tabular-nums}
.chat-log li.nombra{background:rgba(255,198,46,.16);border-radius:4px;padding:1px 3px}
.chat-rap{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px;border-top:1px solid rgba(255,255,255,.1)}
.chat-r{font:600 12.5px/1 var(--f-body,system-ui),sans-serif;padding:4px 7px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#f6efff;cursor:pointer}
.chat-r:hover{background:rgba(255,255,255,.18)}.chat-r:focus-visible{outline:2px solid var(--claro)}
.globo.nombra{box-shadow:0 0 0 2px #ffc62e}
/* cuaderno: habilidades, colección y calendario */
.cuaderno-b{margin:6px 0}
.hab-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hab{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;padding:8px;border-radius:8px;background:rgba(255,255,255,.05)}
.hab small{grid-column:1/-1;opacity:.8}.hab .rpg-tr{height:8px}.hab-nv{color:#ffc62e;font-weight:700}
.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}
.col-c{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;background:rgba(255,255,255,.07)}
.col-c.falta{opacity:.18;filter:grayscale(1) brightness(0)}
.col-c .rpg-mini{width:28px;height:28px}
.ventana .cal-hoy,.cal-hoy{font-size:20px;font-weight:700;color:#ffc62e}
.cal-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cal-lista li{padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.06)}
.cal-f::before{content:'🎪 '}.cal-c::before{content:'🎂 '}
/* el mapa de papel: un pergamino con el mundo, chinchetas y «estás aquí» */
.ficha:has(.papel){width:min(940px,100%)}
.papel{--perg:#f1dfb4;--perg-2:#d9bd85;--perg-t:#4a2f17;display:grid;gap:10px}
.papel-t{justify-self:center;background:#a8703f;color:#fff6c9;font:600 20px/1 "Jersey 15",monospace;letter-spacing:.04em;padding:6px 22px 7px;border:2px solid #2a1a10;border-radius:4px;box-shadow:0 3px 0 #5a3a24;position:relative}
.papel-t::before,.papel-t::after{content:'';position:absolute;top:6px;width:12px;height:18px;background:#8a5a32;border:2px solid #2a1a10;z-index:-1}
.papel-t::before{left:-12px}.papel-t::after{right:-12px}
.papel-m{position:relative;padding:14px;background:var(--perg);border:3px solid #2a1a10;border-radius:6px;box-shadow:inset 0 0 0 3px var(--perg-2),inset 0 0 40px rgba(120,80,30,.45),0 6px 0 #1a1030}
.papel-c{display:block;width:100%;height:auto;image-rendering:pixelated;filter:sepia(.38) saturate(.85) contrast(.95);border:2px solid #6e4826;border-radius:2px}
.papel-p{position:absolute;transform:translate(-50%,-50%);margin:14px 0 0 14px;width:14px;height:14px;padding:0;border-radius:50%;border:2px solid #2a1a10;background:#e2453a;box-shadow:0 2px 0 rgba(42,26,16,.5);cursor:pointer}
.papel-p:not(.g){width:9px;height:9px;background:#ffd23f}
.papel-p.g{width:auto;height:auto;border-radius:3px;background:#f6e6bd;color:var(--perg-t);padding:2px 7px 3px;font:600 13px/1 "Jersey 15",monospace;white-space:nowrap;box-shadow:0 2px 0 #6e4826}
.papel-p:disabled{cursor:default;opacity:.85;background:#e8d8b0}
.papel-p:hover,.papel-p:focus-visible{outline:2px solid #ffc62e;outline-offset:1px;z-index:3}
.papel-p.g:hover,.papel-p.g:focus-visible{background:#fff6c9}
.papel-p i{position:absolute;top:-8px;right:-9px;min-width:14px;padding:1px 3px;border-radius:7px;background:#3d9a58;color:#fff;font:600 10px/12px system-ui,sans-serif;font-style:normal;border:1px solid #2a1a10}
.papel-yo{position:absolute;margin:14px 0 0 14px;transform:translate(-50%,-100%);pointer-events:none;z-index:4;animation:papel-bota 1s ease-in-out infinite}
.papel-yo b{display:block;background:#e2453a;color:#fff;font:600 12px/1 "Jersey 15",monospace;padding:3px 6px;border:2px solid #2a1a10;border-radius:4px;white-space:nowrap}
.papel-yo::after{content:'';display:block;margin:-1px auto 0;width:0;height:0;border:6px solid transparent;border-top-color:#2a1a10}
@keyframes papel-bota{50%{transform:translate(-50%,-100%) translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.papel-yo{animation:none}}
.papel-rosa{position:absolute;left:24px;bottom:22px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:2px solid #4a2f17;background:radial-gradient(circle,#f6e6bd 55%,#d9bd85 56%);color:#4a2f17;font:600 14px/1 "Jersey 15",monospace;pointer-events:none}
.ficha .papel-info,.papel-info{margin:0;min-height:2.6em;padding:8px 12px;border-radius:6px;background:#f6e6bd;color:#4a2f17;border:2px solid #6e4826}
.papel-info b{color:#7a3a1a}
@media (max-width:620px){.papel-m{padding:8px}.papel-p,.papel-yo{margin:8px 0 0 8px}.papel-p.g{font-size:11px;padding:1px 4px 2px}.papel-rosa{display:none}}
.papel-p.g.dcha{transform:translate(-100%,-50%)}.papel-p.g.izq{transform:translate(0,-50%)}
.rpg-fiesta{background:linear-gradient(90deg,#ff8ad1,#ffd23f)!important;color:#2a1a10!important;animation:fiesta-b 1.6s ease-in-out infinite}
@keyframes fiesta-b{50%{box-shadow:0 0 0 3px rgba(255,138,209,.45)}}
@media (prefers-reduced-motion:reduce){.rpg-fiesta{animation:none}}
.fiesta-t{font-size:16px;font-weight:600}
/* centro cívico */
.civ-mejora{padding:8px 12px;border-radius:8px;background:rgba(255,198,46,.12);border:1px dashed #ffc62e}
.civ-mejora.hecha{background:rgba(95,209,122,.15);border-color:#5fd17a;border-style:solid}
.civ-lote{display:grid;gap:6px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}
.civ-lote.hecho h3{color:#5fd17a}
.civ-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.civ-it{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.05)}
.civ-it.ok{background:rgba(95,209,122,.12)}
.civ-t{display:grid;gap:3px;min-width:0}.civ-t .rpg-tr{height:6px}
.venta-l{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.venta-l li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.05)}
.venta-tot{font-size:20px;font-weight:700;color:#ffc62e;text-align:right}
.amis-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.amis-l li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.05)}
.amis-l small{grid-column:1/-1;opacity:.8}
/* la estación: panel de salidas */
.tren-panel{background:#14101f;border:3px solid #2a2340;border-radius:8px;padding:8px;box-shadow:inset 0 0 0 2px #0a0812;font-family:"Jersey 15",monospace}
.tren-cab{display:flex;justify-content:space-between;align-items:center;color:#ffc62e;font-size:20px;letter-spacing:.12em;padding:2px 6px 6px;border-bottom:1px dashed #3a3150}
.tren-hora{font-variant-numeric:tabular-nums;color:#ffe9a8}
.tren-filas{display:grid;gap:2px;margin-top:6px}
.tren-f{display:grid;grid-template-columns:28px minmax(0,1fr) auto minmax(0,auto);align-items:center;gap:10px;width:100%;text-align:left;background:#1d1830;border:0;border-radius:4px;padding:6px 8px;color:#ffd27a;font:inherit;font-size:17px;cursor:pointer}
.tren-f:hover,.tren-f:focus-visible,.tren-f.on{background:#2c2448;outline:2px solid #ffc62e;outline-offset:-2px}
.tren-via{display:grid;place-items:center;width:24px;height:22px;border-radius:3px;background:#ffc62e;color:#14101f;font-size:15px}
.tren-dest{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff6d8}
.tren-n{color:#9a90b8;font-size:14px;font-variant-numeric:tabular-nums}
.tren-est{font-size:14px;justify-self:end;white-space:nowrap}
.tren-f.abierta .tren-est,.tren-f.aqui .tren-est{color:#7fe08f}
.tren-f.casa .tren-est{color:#ffc62e}.tren-f.llena .tren-est{color:#ffb060}
.tren-f.cerrada,.tren-f.pronto{opacity:.6}.tren-f.cerrada .tren-est,.tren-f.pronto .tren-est{color:#ff8a7a}
.tren-ficha{margin-top:4px}
@media (max-width:520px){.tren-f{grid-template-columns:24px minmax(0,1fr) auto;font-size:15px}.tren-n{display:none}}
/* mercadillo */
.merc-bus{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.merc-bus input{flex:1 1 180px;min-width:0}
.merc-bus select,.merc-bus input{padding:6px 8px;border-radius:8px;border:1px solid var(--borde,#4a3d7a);background:rgba(0,0,0,.25);color:inherit}
.merc-v{grid-template-columns:auto 1fr;flex-wrap:wrap}
.merc-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px;grid-column:1/-1}
.merc-f input{width:80px;padding:5px 6px;border-radius:6px;border:1px solid var(--borde,#4a3d7a);background:rgba(0,0,0,.25);color:inherit}
/* rarezas al estilo de siempre */
.rar-comun{color:#f6efff}.rar-poco{color:#5fe07a}.rar-rara{color:#4aa8ff}.rar-epica{color:#c87aff}.rar-legendaria{color:#ff9a3c}
.merc-bus select{width:auto;flex:0 0 auto;margin:0}
/* poderes y maná en las mazmorras */
.rpg-poder{position:absolute;z-index:4;width:42px;height:42px;border-radius:12px;border:3px solid var(--tinta);background:radial-gradient(circle at 35% 30%,var(--pc,#c9a8ff) 0 20%,#2a2246 60%);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;touch-action:manipulation;box-shadow:0 3px 0 #0d0820;overflow:hidden}
.rpg-poder::after{content:'';position:absolute;left:0;right:0;bottom:0;height:calc(var(--cd,0) * 100%);background:rgba(10,6,30,.65);pointer-events:none}
.rpg-poder.sin{filter:grayscale(.8) brightness(.7)}
.rpg-poder .rpg-pn{font-size:20px;line-height:1;filter:drop-shadow(0 1px 0 #000)}
.rpg-poder .rpg-pk{position:absolute;left:2px;top:0;font:700 11px/1 "Jersey 15",monospace;font-style:normal;color:#ffe9a8}
.rpg-poder:focus-visible{outline:3px solid var(--claro);outline-offset:2px}
.rpg-mana{position:absolute;z-index:4;width:60px;height:8px;border-radius:4px;background:#1a1430;border:2px solid var(--tinta);overflow:hidden}
.rpg-mana .rpg-ll{display:block;height:100%;background:linear-gradient(90deg,#3a6ae0,#7ad8ff)}
body.pc .rpg-poder,body.pc .rpg-mana{z-index:12}
@media (pointer:coarse){.rpg-poder{width:48px;height:48px}}
/* durabilidad y rarezas en la armería */
.dur-b{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:3px;max-width:180px}
.dur-b i{display:block;height:100%;background:#5fd17a}
.dur-b.baja i{background:#ffb03a}.dur-b.rota i{background:#ff5a4d;width:100%!important;opacity:.35}
.arm-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.rz-tag{font-style:normal;font-size:11px;opacity:.85}
.arm-x{font-size:12px;opacity:.7}
.rpg-obj.rz-poco{box-shadow:inset 0 0 0 2px #5fe07a}.rpg-obj.rz-rara{box-shadow:inset 0 0 0 2px #4aa8ff}.rpg-obj.rz-epica{box-shadow:inset 0 0 0 2px #c87aff}.rpg-obj.rz-legendaria{box-shadow:inset 0 0 0 2px #ff9a3c,0 0 10px rgba(255,154,60,.5)}
.pod-ic{display:grid;place-items:center;font-size:22px}
.rpg-energia{color:#ffe14a}.rpg-energia .rpg-ll{background:linear-gradient(#fff3a0 0 30%,#e8c020 30%)}.rpg-b.grande.rpg-energia .rpg-ic{color:#c89a10}.rpg-hud.compacto .rpg-energia:not(.flojo){display:none}
/* decorar la casa */
.deco-pan{position:absolute;z-index:6;top:60px;right:60px;width:min(330px,calc(100% - 24px));max-height:calc(100% - 140px);overflow:auto;display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:rgba(20,14,40,.94);border:2px solid #ffc62e;box-shadow:0 6px 0 #0d0820}
.deco-t{color:#ffc62e;font:600 16px/1 "Jersey 15",monospace}
.deco-f,.deco-alm{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.deco-n{font-weight:700;margin-right:4px}
.deco-h{opacity:.8}
.deco-alm{max-height:92px;overflow:auto}
.mueb-ic{width:44px!important;height:auto!important;max-height:44px}
body.pc .deco-pan{z-index:13}

@media (max-width:620px){.deco-pan{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto;max-height:42vh;border-radius:14px 14px 0 0;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40}}
.deco-pan .b2{font-size:12px;padding:4px 8px}
/* cartas de amistad y concursos */
.carta-papel{background:#f6e6bd;color:#4a2f17;border:2px solid #a8703f;border-radius:6px;padding:14px 16px;box-shadow:inset 0 0 30px rgba(140,90,30,.25);display:grid;gap:10px}
.carta-t{margin:0;font-size:16px;line-height:1.5;font-style:italic}
.carta-reg{display:flex;flex-wrap:wrap;gap:10px}
.carta-it{display:flex;align-items:center;gap:6px;color:#4a2f17}
.conc-ol{margin:0;padding-left:22px;display:grid;gap:4px}
.conc-ol li{display:flex;justify-content:space-between;gap:10px}
.conc-ol li.yo{color:#ffc62e}

.deco-t{background:none;border:0;padding:0;text-align:left;cursor:pointer}
.deco-pan.min>*:not(.deco-t){display:none}

/* el coliseo: marcador en directo, retos y duelo encima del lienzo; el tablón */
.col-hud{position:absolute;z-index:6;top:58px;right:60px;width:min(300px,calc(100% - 130px));display:grid;gap:6px;pointer-events:none}
.col-hud[hidden]{display:none}
.col-feed{list-style:none;margin:0;padding:0;display:grid;gap:3px;justify-items:end}
.col-f{background:rgba(20,14,40,.82);color:#f6efff;border-radius:8px;padding:3px 8px;font-size:12px;line-height:1.3;max-width:100%;animation:col-entra .25s ease-out}
.col-f b{color:#ffc62e;font-weight:700}.col-f b.yo{color:#7fe08f}.col-f small{color:#c9b8ff}.col-f .ico{color:#ff8a7a}
.col-f.racha{background:rgba(120,30,10,.88)}.col-f.duelo{background:rgba(110,80,10,.9)}.col-f.reto{background:rgba(30,50,110,.85)}
.col-reto,.col-duelo{pointer-events:auto;background:rgba(20,14,40,.94);border:2px solid #ffc62e;border-radius:12px;padding:8px 10px;color:#f6efff;font-size:13px}
.col-reto p{margin:0 0 6px}.col-reto .fila-b{align-items:center;gap:6px}.col-q{margin-left:auto;font-variant-numeric:tabular-nums;color:#ffc62e}
.col-duelo{display:flex;align-items:center;gap:8px;justify-content:space-between}.col-dt{font-variant-numeric:tabular-nums}
@keyframes col-entra{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.col-f{animation:none}}
@media (max-width:620px){.col-hud{position:absolute;top:100px;bottom:auto;right:56px;left:56px;width:auto;z-index:8}.col-f{font-size:11px}.col-feed .col-f:nth-child(n+3){display:none}}
body.pc .col-hud{top:64px}
.col-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:8px 0}
.col-c{background:var(--papel-2,rgba(127,127,127,.14));border-radius:10px;padding:8px;text-align:center;display:grid;gap:2px}
.col-c b{font-size:20px;font-variant-numeric:tabular-nums}.col-c span{font-size:12px;opacity:.8}
.col-tab{width:100%;border-collapse:collapse;font-size:13px}.col-tab th,.col-tab td{padding:5px 6px;text-align:left;border-bottom:1px solid rgba(127,127,127,.25)}
.col-tab .n{text-align:right;font-variant-numeric:tabular-nums}.col-tab tr.yo td{font-weight:700;background:rgba(255,198,46,.18)}
.col-log{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:13px}.col-log b.yo{color:#7fe08f}.col-h{opacity:.6}
.col-ap{display:flex;align-items:center;gap:8px}
@media (max-width:620px){body.decorando .toast{top:8px!important;bottom:auto!important}}
.col-duelo.fuera{border-color:#ff5a4d;background:rgba(110,20,20,.94)}

/* ===== pulido 20261110a: HUD de la aventura más legible y a juego con el resto de chips ===== */
.rpg-barras{background:rgba(18,12,38,.93);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:6px 9px 7px;gap:4px;min-width:196px}
.rpg-b{grid-template-columns:12px minmax(64px,1fr) minmax(3.6em,auto);gap:6px}
.rpg-b .rpg-n{font-size:12px;color:#e9e1ff}
.rpg-tr{height:8px;border-radius:3px;border-color:rgba(0,0,0,.55);background:#2a2048}
.rpg-ll,.rpg-fa{border-radius:2px}
.rpg-nv{grid-template-columns:auto minmax(0,1fr) auto;padding-bottom:3px;margin-bottom:1px;border-bottom:1px solid rgba(122,104,200,.3)}
.rpg-nv-n{min-width:0;color:#ffc62e}
.rpg-nv-x{font:600 10px/1 var(--f-display);color:#b8a8e8;font-variant-numeric:tabular-nums;white-space:nowrap}
.rpg-tr.rpg-xp{height:5px}
.rpg-x{background:var(--cristal);color:var(--claro);border:1px solid var(--cristal-b);border-radius:10px;box-shadow:0 4px 12px rgba(5,2,15,.35);padding:5px 9px;backdrop-filter:blur(3px)}
.rpg-x .rpg-ic{color:#ffc62e}
.rpg-x:hover,.rpg-x:focus-visible{background:var(--oro);color:#1a1230;border-color:var(--oro)}
.rpg-x:hover .rpg-ic,.rpg-x:focus-visible .rpg-ic{color:#1a1230}
.rpg-pvp.on{background:#d8452f;border-color:#ff8a7a;color:#fff6c9}.rpg-pvp.on .rpg-ic{color:#fff6c9}
.rpg-cerca{border-radius:10px;border:1px solid rgba(255,90,77,.55);background:rgba(60,14,20,.88)}
@media (max-width:640px){.rpg-barras{min-width:0;padding:5px 7px}.rpg-b{grid-template-columns:11px minmax(44px,1fr) minmax(3.2em,auto)}.rpg-nv-x{display:none}.rpg-x{padding:6px 7px}}
/* «¿A dónde vas?» por zonas */
.ir-g{display:grid;gap:14px;margin:10px 0}
.ir-h{margin:0 0 6px;font:700 12px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:#ffc62e}
.ir-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:6px}
.ir-t{display:grid;gap:3px;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid var(--cristal-b,rgba(122,104,200,.45));background:rgba(58,45,110,.55);color:inherit;cursor:pointer;min-width:0}
.ir-t:hover,.ir-t:focus-visible{border-color:#ffc62e;background:rgba(80,62,150,.75)}
.ir-t:focus-visible{outline:2px solid #ffc62e;outline-offset:1px}
.ir-t.on{border-color:#ffc62e;background:rgba(255,198,46,.16)}
.ir-t.oro{border-color:rgba(255,198,46,.7)}
.ir-n{display:flex;align-items:baseline;gap:6px;justify-content:space-between;font:700 13px/1.2 var(--f-display)}
.ir-n b{min-width:0}
.ir-d{font-size:12px;line-height:1.35;opacity:.78}
.ir-aqui{font:600 10px/1 var(--f-display);font-style:normal;color:#1a1230;background:#ffc62e;border-radius:6px;padding:2px 5px;white-space:nowrap}
.ir-gente{font:600 11px/1 var(--f-display);font-style:normal;color:#7fe08f;white-space:nowrap}
@media (max-width:480px){.ir-l{grid-template-columns:1fr 1fr}.ir-d{display:none}}
/* Aventura: tablero de accesos */
.av-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:4px 0 16px}
.av-t{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(122,104,200,.45);background:rgba(58,45,110,.55);color:inherit;cursor:pointer}
.av-t .rpg-ic{width:26px;height:26px;color:#ffc62e;padding:2px;background:#130e2a;border-radius:8px;box-sizing:content-box}
.av-t:hover,.av-t:focus-visible{border-color:#ffc62e;background:rgba(80,62,150,.75)}
.av-t:focus-visible{outline:2px solid #ffc62e;outline-offset:1px}
.av-t.oro{border-color:rgba(255,198,46,.7)}
.av-tt{display:grid;gap:2px;min-width:0}.av-tt b{font:700 14px/1.15 var(--f-display)}.av-tt small{font-size:12px;opacity:.75;line-height:1.3}
@media (max-width:480px){.av-hub{grid-template-columns:1fr 1fr;gap:6px}.av-t{grid-template-columns:24px minmax(0,1fr);padding:8px;gap:8px}.av-t .rpg-ic{width:20px;height:20px}.av-tt small{display:none}}
/* portada: el escaparate y los rasgos ocupan el ancho de la página; en el móvil, carrusel */
.escaparate{max-width:none}
.vistas-g{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vistas-g img{aspect-ratio:12/7}
.vistas-g figure{transition:transform .2s ease,border-color .2s ease}
.vistas-g figure:hover{transform:translateY(-2px);border-color:#ffc62e}
.vistas-g figcaption{display:grid;gap:2px;font-size:14px;padding:5px 10px 6px}
.vistas-g figcaption span{font:400 12px/1.2 var(--f-body,inherit);color:#cfc2e8}
.vistas-g:focus-visible{outline:2px solid #ffc62e;outline-offset:4px;border-radius:14px}
.rasgos{grid-template-columns:repeat(4,minmax(0,1fr))}
.rasgos h3{font-size:17px}
.info{max-width:none}.info>p{max-width:78ch}
@media (max-width:1000px){.vistas-g,.rasgos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .vistas-g{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:8px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scrollbar-width:thin}
  .vistas-g figure{scroll-snap-align:start}
  .rasgos{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.vistas-g figure{transition:none}.vistas-g figure:hover{transform:none}}
@media (max-width:440px){.dk-b{font-size:10.5px;margin:1px 0;padding-inline:0}.dk-t{letter-spacing:-.03em}.dk{gap:0;padding-inline:2px}}
.dk-x{border:2px solid #4a3d82;background:var(--panel-3,#2a2150);color:#f6efff;border-radius:10px}
.dk-x:hover,.dk-x:focus-visible{background:var(--oro);color:var(--tinta);border-color:var(--oro)}
/* anuncios (Google AdSense): fuera del juego, con su etiqueta y sitio reservado para que la página no salte */
.publi{display:grid;gap:4px;min-height:120px;padding:8px 10px 10px;border:1px dashed rgba(122,104,200,.45);border-radius:14px;background:rgba(20,14,42,.45)}
.publi[hidden]{display:none}
.publi-t{font:600 10px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:#9a8fb8}
.publi ins{min-height:90px}
body.pc .publi{display:none}
.publi-premio{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:10px 12px;border:1px solid rgba(255,198,46,.55);border-radius:12px;background:rgba(255,198,46,.08)}
.publi-premio[hidden]{display:none}
.publi-premio-t{display:grid;gap:2px;min-width:0}.publi-premio-t span{font-size:13px;opacity:.85}
.publi-pref{background:none;border:0;padding:0;font:inherit;color:var(--oro,#ffc62e);text-decoration:underline;cursor:pointer}
.publi:has(ins[data-ad-status="unfilled"]){display:none}
.ads-ck{display:flex;align-items:center;gap:10px;margin:8px 0;cursor:pointer}.ads-ck input{width:20px;height:20px;flex:none;accent-color:#ffc62e}

/* bocadillos del chat: siempre texto oscuro sobre fondo claro (el tuyo, dorado; los de antes de entrar, apagados) */
.globo.mio{background:#fff4cc;border-color:#b8860b;color:#1a1230}
.globo.mio b{color:#8a5a00}
.globo.mio .globo-cola{background:#fff4cc;border-color:#b8860b}
.globo.viejo{background:#ece8f4;color:#4a4466}
.globo.viejo .globo-cola{background:#ece8f4}
.globo:hover,.globo:focus-visible{border-color:var(--acento,#ffc62e);outline:none}
.globo-t{color:inherit}

/* pulido de detalles */
.zoom .b2:disabled{background:var(--cristal,rgba(20,14,42,.84));color:#5a5280;opacity:.55;cursor:default}
.chat-log .chat-cab .b3{background:var(--panel-3,#2a2150);color:var(--claro,#f6efff);border:2px solid #4a3d82;border-radius:8px;box-shadow:none}
.chat-log .chat-cab .b3:hover,.chat-log .chat-cab .b3:focus-visible{background:var(--oro);color:var(--tinta);border-color:var(--oro)}
.chat-log{z-index:9;background:#18112e;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(5,2,15,.5)}
.chat-log ol{min-height:64px}
.chat-cab b{font-size:15px}
@media (max-width:640px){
  .chat-log{left:8px;right:8px;width:auto;max-height:62%}
  .chat-rap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.chat-rap::-webkit-scrollbar{display:none}
  .chat-rap .chat-r{flex:none;min-height:36px;padding:4px 10px}
  .chat-nota{font-size:11px}
  .toast{font-size:15px;padding:8px 12px;line-height:1.3}
}
.rpg-arma-act .rpg-mini{background:#130e2a;border:2px solid var(--borde,#4a3d82);border-radius:8px;padding:3px;box-sizing:content-box;width:30px;height:30px;image-rendering:pixelated}
.lema-g{max-width:38ch;text-wrap:balance}
/* mensajes privados: el cuerpo era de papel claro con letras claras encima */
.pm-cuerpo{background:#130e2a}
.pm-vacio{color:#cfc2e8}
.pm-am:hover,.pm-am:focus-visible{background:#2a2150}
.pm-am{border-bottom-color:#2a2150}
.pm-l li{background:#2a2150;color:#f6efff;border:2px solid #4a3d82;border-radius:10px;box-shadow:none!important}
.pm-l li.mio{background:#3a2d6e;border-color:#ffc62e}
.pm-l small,.pm-den{color:#b8a8e8}
.pm-atras,.pm-x{border:2px solid #4a3d82;background:#2a2150;color:#f6efff;border-radius:8px}
.pm-nota{color:#ffb0a0;border-top-color:#2a2150}
.pm-f{border-top:1px solid #2a2150}
/* avisos sin leer: dorado (el rojo es para los errores) con una marca a la izquierda */
.avisos-l li.nuevo .q b{color:#ffc62e}
.avisos-l li.nuevo{border-left:3px solid #ffc62e;padding-left:10px}
.pm-b[aria-expanded="true"]{background:var(--oro);color:var(--tinta);border-color:var(--oro)}
@media (max-width:520px){.rpg-acc{grid-column:2/-1;margin-top:-2px}.rpg-acc:has(> :only-child){grid-column:auto;grid-row:1;grid-column-start:3}.rpg-it:has(.rpg-acc > :only-child){grid-template-columns:auto minmax(0,1fr) auto auto}}
@media (max-width:520px){.rpg-it:not(:has(> .rpg-acc)){grid-template-columns:auto minmax(0,1fr) auto auto}}
/* armería y torre vistas desde fuera: un aviso claro con el botón para ir */
.rpg-visita{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:4px 0 10px;padding:10px 12px;border-radius:10px;background:rgba(255,198,46,.12);border:1px solid rgba(255,198,46,.55)}
.rpg-visita span{flex:1 1 220px;min-width:0;font-size:14px;line-height:1.35}
.rpg-acc .tag.rpg-nv{white-space:normal;text-align:center;line-height:1.2}
/* panel de admin: juego, jugadores y catálogo */
.adj-nota{color:var(--suave);font-size:14px;margin:-4px 0 12px;max-width:72ch}
.adj-vacio{color:var(--suave);font-style:italic}
.adj-rank{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.adj-rank li{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:14px}
.adj-rank .adj-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adj-rank b{font-variant-numeric:tabular-nums;min-width:3.5em;text-align:right}
.adj-bar{display:block;height:10px;border-radius:5px;background:rgba(185,174,224,.14);overflow:hidden}
.adj-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#c9961f,var(--oro))}
.adj-link{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;text-decoration-color:rgba(255,198,46,.6);text-underline-offset:3px;cursor:pointer;text-align:left}
.adj-link:hover,.adj-link:focus-visible{color:var(--oro)}
.adj-fcab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:8px}
.adj-fcab h2{margin:0}
.adj-sub{color:var(--suave);font-size:14px}
.adj-acc,.adj-eq,.adj-peligro{margin-top:18px;padding-top:14px;border-top:1px solid rgba(122,104,200,.35);display:grid;gap:10px}
.adj-acc h3,.adj-eq h3,.adj-peligro h3,.adj-chips h3{font:600 15px/1.2 var(--f-display);margin:4px 0 0;letter-spacing:.02em}
.adj-peligro h3{color:#ff9a88}
.adj-acc .fila-b,.adj-eq .fila-b,.adj-peligro .fila-b{align-items:flex-end;flex-wrap:wrap;gap:8px}
.adj-acc .campo,.adj-eq .campo{margin:0;min-width:0}
.adj-acc input[type=number],.adj-eq input[type=number]{width:8em}
.adj-eq select{max-width:16em}
.adj-chips{display:grid;gap:6px}
.adj-chip.on{border-color:var(--oro)}
.adj-moch{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.adj-moch li{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid rgba(122,104,200,.35);border-radius:8px;font-size:14px;min-width:0}
.adj-moch li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adj-moch li b{font-variant-numeric:tabular-nums}
.adj-moch li .b3{padding:2px 8px}
.adj-filtro{margin:0 0 10px;max-width:280px;width:100%}
.adj-cn{display:grid;gap:2px;min-width:12em}
.adj-cn small{color:var(--suave);font-size:12px;line-height:1.3;max-width:42ch}
.adj-cn .tag{justify-self:start;font-style:normal;font-size:11px}
.adj-num{width:6.5em;text-align:right;font-variant-numeric:tabular-nums}
.adj-num.cambiado{border-color:var(--oro);color:var(--oro)}
.adj-num::placeholder{color:rgba(185,174,224,.55)}
.adj-base{display:block;color:var(--suave);font-size:11px;margin-top:2px}
@media (max-width:720px){.adj-rank li{grid-template-columns:minmax(0,8em) minmax(0,1fr) auto}}
.adj-acc .fila-b>.b3,.adj-eq .fila-b>.b3,#a-jugadores .fila-b>.b3{align-self:flex-end;padding:6px 12px;font-size:14px}
#a-jugadores .fila-b{align-items:flex-end}
#jg-q{min-width:16em}
.adj-peligro .b3.mal,.adj-moch .b3.mal{border-color:#c8402b;color:#ffb0a0}
#a-panel input[type=search],#a-panel textarea{font:16px var(--f-body);padding:6px 8px;background:var(--carta);color:var(--txt);border:3px solid var(--tinta);box-sizing:border-box;max-width:100%}
#a-panel textarea{width:100%;resize:vertical}
#f-c input.campo{font:15px var(--f-body);padding:7px 10px;border-radius:8px;background:rgba(10,6,24,.55);color:#f6efff;border:1px solid var(--cristal-b);width:100%;box-sizing:border-box;margin:0 0 10px}
#f-c input.campo::placeholder{color:rgba(246,239,255,.5)}
/* combate al estilo de los juegos de almas: aguante, frasco y rótulos grandes */
.rpg-agu{height:5px;margin:2px 0 0 22px;background:rgba(13,8,32,.75);border:1px solid #1a1028;overflow:hidden}
.rpg-agu{position:relative}.rpg-agl{display:block;height:100%;width:100%;background:linear-gradient(#b6f08a,#5fb04a);transition:width .12s linear}
.rpg-agu.bajo .rpg-agl{background:linear-gradient(#f0e08a,#c8a030)}
.rpg-frasco{position:absolute;z-index:4;width:42px;height:42px;border-radius:50%;border:3px solid var(--tinta);background:radial-gradient(circle at 35% 30%,#ffe0a0 0 18%,#e8862a 19% 62%,#9a4a12 63%);color:#fff6c9;box-shadow:0 3px 0 #5a2a08,2px 5px 0 rgba(13,8,32,.4);display:grid;place-items:center;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.rpg-frasco svg{width:20px;height:20px;fill:#fff6c9}
.rpg-frasco .rpg-bn{position:absolute;right:-6px;bottom:-6px;min-width:18px;height:18px;border-radius:9px;background:var(--tinta);color:#ffb03a;font:700 13px/18px "Jersey 15",monospace;text-align:center;padding:0 3px}
.rpg-frasco.sin{filter:grayscale(.8) brightness(.7)}
.rpg-frasco:focus-visible{outline:3px solid var(--claro);outline-offset:2px}
body.pc .rpg-frasco{z-index:12}
.rpg-rotulo{position:absolute;z-index:14;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;animation:rpg-rot 2.8s ease-out forwards}
.rpg-rotulo b{font:400 clamp(30px,6vw,64px)/1 Georgia,"Times New Roman",serif;letter-spacing:.12em;color:#fff1d6;text-shadow:0 2px 0 #1a1028,0 0 18px rgba(0,0,0,.8);padding:10px 8%;width:100%;background:linear-gradient(90deg,transparent,rgba(10,6,20,.72) 18%,rgba(10,6,20,.72) 82%,transparent)}
.rpg-rotulo span{font:600 15px/1.3 var(--f-body,system-ui);color:#e8dcc8;text-shadow:0 1px 0 #000;max-width:90%}
.rpg-rotulo.muerte{animation-duration:3.6s}
.rpg-rotulo.muerte b{color:#c8281e;letter-spacing:.18em}
.rpg-rotulo.jefe b{color:#ffd27a}
.rpg-rotulo.ronda b{color:#f0e6d0}
.rpg-rotulo.bien b{color:#9fe08a}
@keyframes rpg-rot{0%{opacity:0;transform:scale(1.04)}12%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.rpg-rotulo{animation:rpg-rot-q 2.8s linear forwards}@keyframes rpg-rot-q{0%,85%{opacity:1}100%{opacity:0}}}
/* la cripta: marcador de la horda */
.hor-hud{position:absolute;z-index:6;top:8px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:4px;pointer-events:none;max-width:min(92%,560px);font-family:var(--f-body,system-ui)}
.hor-top{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 16px 6px;background:rgba(14,8,22,.82);border:1px solid rgba(200,160,255,.35);border-radius:10px;box-shadow:0 6px 18px rgba(5,2,15,.4)}
.hor-ron{font:400 20px/1 Georgia,"Times New Roman",serif;letter-spacing:.08em;color:#f0e6d0}
.hor-sub{font-size:12px;color:#c8b8e0}
.hor-eq{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.hor-eq li{display:grid;grid-template-columns:auto 44px auto;align-items:center;gap:5px;padding:2px 7px;background:rgba(14,8,22,.72);border-radius:7px;font-size:11px;color:#f6efff}
.hor-eq li.fa{opacity:.6;color:#9ab8ff}
.hor-eq b{font-weight:600;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hor-eq small{color:#c8b8e0;font-variant-numeric:tabular-nums}
.hor-v{display:block;height:4px;background:#3a1a1a;border-radius:2px;overflow:hidden}.hor-v i{display:block;height:100%;background:#d8452f}
.hor-alm{display:flex;gap:8px;font-size:12px}
.hor-alm span{padding:2px 8px;border-radius:7px;background:rgba(14,8,22,.72)}
.hor-mano{color:#bfe3ff}.hor-ase{color:#ffd27a}
.hor-buf{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.hor-buf:empty{display:none}
.hor-b{font-size:11px;padding:2px 7px;border-radius:7px;background:rgba(14,8,22,.8);color:var(--c);border:1px solid var(--c)}
.hor-sal{pointer-events:auto;justify-self:center;font-size:12px;opacity:.85}
.hor-mia{border:1px solid rgba(255,198,46,.45);border-radius:10px;padding:8px 12px;margin:6px 0 10px;background:rgba(255,198,46,.06)}
.hor-js{margin:4px 0 8px;padding-left:18px}
.hor-ley{display:grid;gap:4px;margin:8px 0}.hor-ley div{display:flex;justify-content:space-between;gap:12px}.hor-ley dt{color:var(--suave,#b9aee0)}.hor-ley dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:640px){.hor-hud{top:auto;bottom:118px}.hor-ron{font-size:16px}.hor-eq li{grid-template-columns:auto 30px auto}}
.hor-sal.b3{background:rgba(14,8,22,.82);color:#f6efff;border:1px solid rgba(200,160,255,.45);border-radius:8px;padding:3px 10px}
@media (max-width:640px){.hor-hud{top:6px;bottom:auto;max-width:46%;gap:3px}.hor-top{padding:3px 10px 4px}.hor-ron{font-size:15px}.hor-sub{font-size:10px;text-align:center}.hor-eq li{font-size:10px;padding:1px 5px}.hor-alm{flex-direction:column;align-items:center;gap:2px;font-size:10px}.hor-alm span{padding:1px 6px}}
@media (max-width:640px){.hor-hud{left:62%;max-width:42%}.hor-hud.solo .hor-eq{display:none}.hor-alm{flex-direction:row;flex-wrap:wrap;justify-content:center}}
/* eventos: la luna de sangre tiñe el parque de rojo; la niebla de las almas lo apaga */
body.ev-luna #plaza{filter:sepia(.5) saturate(1.9) hue-rotate(-38deg) brightness(.85);transition:filter 1.5s}
body.ev-almas #plaza{filter:saturate(.55) brightness(.96) contrast(.9);transition:filter 1.5s}
@media (prefers-reduced-motion:reduce){body.ev-luna #plaza,body.ev-almas #plaza{transition:none}}

/* ===== el exterior: supervivencia fuera de la muralla ===== */
body.fz-on .marco>*:not(.visor):not(#fz-hud):not(#son-b):not(#pc-b):not(.vineta){display:none!important}
body.fz-on canvas#plaza{min-width:0;width:100%;touch-action:none;cursor:crosshair}
body.fz-on .visor{overflow:hidden}
body.fz-on.ev-luna #plaza,body.fz-on.ev-almas #plaza{filter:none}
.fz-hud{position:absolute;inset:0;z-index:7;pointer-events:none;font-family:'Jersey 15',monospace;color:#f6efff;--fz-fondo:rgba(14,10,30,.78);--fz-borde:rgba(255,255,255,.14);--fz-oro:#ffd23f;--fz-mal:#ff6a5a;--fz-bien:#8ae07a;user-select:none;-webkit-user-select:none}
.fz-hud[hidden]{display:none}
.fz-hud button{pointer-events:auto;font-family:inherit}
.fz-stats{position:absolute;top:8px;left:8px;display:grid;gap:3px;padding:6px 8px;background:var(--fz-fondo);border:1px solid var(--fz-borde);border-radius:6px;min-width:150px}
.fz-st{display:grid;grid-template-columns:18px 54px 1fr;align-items:center;gap:5px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.fz-st .fz-ico{width:18px;height:18px;image-rendering:pixelated}
.fz-st-b{height:7px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden;min-width:60px}
.fz-st-b i{display:block;height:100%;transition:width .4s}
.fz-st.bajo .fz-st-n{color:var(--fz-mal);animation:fz-late 1s steps(2) infinite}
@keyframes fz-late{50%{opacity:.45}}
.fz-top{position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:4px 14px;background:var(--fz-fondo);border:1px solid var(--fz-borde);border-radius:20px;font-size:16px;letter-spacing:.06em;white-space:nowrap;font-variant-numeric:tabular-nums}
.fz-chips{position:absolute;top:40px;left:50%;transform:translateX(-50%);display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:46%}
.fz-chip{font-size:12px;padding:1px 8px;border-radius:10px;background:var(--fz-fondo);border:1px solid var(--fz-borde)}
.fz-chip.mal{color:var(--fz-mal);border-color:rgba(255,106,90,.5)}.fz-chip.bien{color:var(--fz-bien)}
.fz-mini{position:absolute;top:8px;right:8px;display:grid;justify-items:center;gap:2px}
.fz-mini canvas{width:120px;height:120px;image-rendering:pixelated;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:#0a0818;pointer-events:auto;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.4)}
.fz-lugar{font-size:13px;padding:1px 8px;background:var(--fz-fondo);border-radius:8px;max-width:150px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fz-bots{position:absolute;top:160px;right:8px;display:grid;gap:4px}
.fz-b{font-size:14px;padding:3px 10px;border-radius:4px;border:1px solid var(--fz-borde);background:var(--fz-fondo);color:#f6efff;cursor:pointer;text-align:left}
.fz-b:hover,.fz-b:focus-visible{border-color:var(--fz-oro);color:var(--fz-oro);outline:none}
.fz-pens{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);max-width:70%;text-align:center;font-family:var(--f-body,system-ui);font-style:italic;font-size:15px;color:#fff6dc;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.8)}
.fz-pens.mal{color:#ffc8b8}.fz-pens:empty{display:none}
.fz-prompt{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);font-size:15px;padding:3px 12px 4px;border-radius:5px;border:1px solid rgba(255,210,63,.6);background:var(--fz-fondo);color:#fff;cursor:pointer;white-space:nowrap}
.fz-prompt kbd{display:inline-block;min-width:16px;padding:0 4px;margin-right:4px;border-radius:3px;background:var(--fz-oro);color:#1a1028;font-family:inherit;text-align:center}
.fz-barra{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;background:var(--fz-fondo);border:1px solid var(--fz-borde);border-radius:6px}
.fz-slot{position:relative;width:48px;height:48px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);cursor:pointer;padding:0;display:grid;place-items:center}
.fz-slot:disabled{cursor:default;opacity:.5}
.fz-slot.on{border-color:var(--fz-oro);box-shadow:inset 0 0 0 1px var(--fz-oro),0 0 8px rgba(255,210,63,.35)}
.fz-slot .fz-ico{width:32px;height:32px;image-rendering:pixelated}
.fz-n{position:absolute;top:1px;left:3px;font-size:11px;opacity:.7}
.fz-c{position:absolute;bottom:1px;right:3px;font-size:13px;text-shadow:0 1px 0 #000}
.fz-d{position:absolute;left:4px;right:4px;bottom:2px;height:2px;background:rgba(0,0,0,.5)}.fz-d i{display:block;height:100%;background:var(--fz-bien)}
.fz-cons{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:4px 8px;background:var(--fz-fondo);border:1px solid var(--fz-oro);border-radius:6px;font-size:14px;white-space:nowrap}
.fz-cons[hidden]{display:none}
.fz-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,92%);max-height:88%;display:flex;flex-direction:column;background:rgba(18,13,38,.96);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.6);pointer-events:auto;font-family:var(--f-body,system-ui);font-size:14px}
.fz-panel.ancho{width:min(760px,94%)}
.fz-panel[hidden]{display:none}
.fz-p-cab{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.12)}
.fz-p-cab h2{margin:0;font-family:'Jersey 15',monospace;font-size:22px;letter-spacing:.04em;font-weight:400}
.fz-x{background:none;border:0;color:#f6efff;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.fz-p-cu{overflow:auto;padding:10px 12px;display:grid;gap:10px;align-content:start}
.fz-p-cu h3{margin:0 0 4px;font-family:'Jersey 15',monospace;font-size:16px;font-weight:400;color:var(--fz-oro);letter-spacing:.05em}
.fz-gr{display:grid;gap:4px}
.fz-it,.fz-rec{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 6px;border-radius:5px;background:rgba(255,255,255,.04)}
.fz-it .fz-ico,.fz-rec .fz-ico{width:32px;height:32px;image-rendering:pixelated}
.fz-it-t{display:grid;min-width:0}.fz-it-t b{font-weight:700}.fz-it-t span{font-size:12px;opacity:.75}
.fz-it-b{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.fz-panel .b3{font-size:13px;padding:3px 9px}
.fz-panel .b3.on{outline:2px solid var(--fz-oro)}
.fz-panel .b3.rojo{background:#5a2a2a;color:#ffd8d0}
.fz-ing i{font-style:normal;font-size:12px}.fz-ing i.si{color:var(--fz-bien)}.fz-ing i.no{color:var(--fz-mal)}
.fz-ok{font-size:12px;color:var(--fz-bien,#8ae07a)}.fz-no{font-size:12px;color:var(--fz-mal,#ff6a5a)}
.fz-peso{display:flex;gap:8px;align-items:center;margin:0;font-size:13px}
.fz-peso-b{flex:1;height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}.fz-peso-b i{display:block;height:100%;background:var(--fz-oro)}.fz-peso-b.mal i{background:var(--fz-mal)}
.fz-eq{display:flex;gap:6px;flex-wrap:wrap}
.fz-eq-h{display:grid;justify-items:center;gap:2px;width:74px;padding:4px;border-radius:5px;border:1px dashed rgba(255,255,255,.18);font-size:11px;opacity:.6}
.fz-eq-h.on{opacity:1;border-style:solid;border-color:rgba(255,210,63,.5)}.fz-eq-h .fz-ico{width:28px;height:28px;image-rendering:pixelated}
.fz-tabs{display:flex;gap:4px;flex-wrap:wrap}
.fz-tab{font-family:'Jersey 15',monospace;font-size:15px;padding:3px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#f6efff;cursor:pointer}
.fz-tab.on{background:var(--fz-oro);color:#1a1028;border-color:var(--fz-oro)}
.fz-recs{display:grid;gap:4px}
.fz-dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fz-col{display:grid;gap:4px;align-content:start;min-width:0}
.fz-vacio{margin:0;font-size:13px;opacity:.7}
.fz-nota{margin:0;font-size:13px;opacity:.8}
.fz-aviso{margin:0;padding:6px 10px;border-radius:5px;background:rgba(255,106,90,.15);border:1px solid rgba(255,106,90,.4);font-size:13px}
.fz-dialogo{margin:0;font-family:var(--f-body,system-ui);font-style:italic;font-size:15px;line-height:1.45}
.fz-dialogo.mal{color:#ffc8b8}
.fz-menu{display:grid;gap:6px}
.fz-ayuda p{margin:0 0 4px;font-size:13px;line-height:1.4}
.fz-mapa-w{overflow:auto;max-height:62vh;border-radius:6px;background:#0a0818}
.fz-mapa{display:block;width:640px;max-width:none;image-rendering:pixelated}
.fz-muerte{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:20px;background:radial-gradient(ellipse at center,rgba(40,0,0,.55),rgba(8,0,0,.92));pointer-events:auto;font-family:var(--f-body,system-ui)}
.fz-muerte[hidden]{display:none}
.fz-muerte h2{margin:0;font-family:'Jersey 15',monospace;font-size:clamp(34px,7vw,64px);font-weight:400;color:#ff5a4a;letter-spacing:.06em;text-shadow:0 3px 0 #2a0000}
.fz-muerte p{margin:0;max-width:42ch;font-size:16px;line-height:1.45;color:#f0dcd8}
.fz-sueno{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;font-size:18px;pointer-events:auto}
.fz-sueno[hidden]{display:none}
.fz-sueno b{font-weight:400;font-size:28px}
.fz-puerta{display:grid;gap:10px}
.fz-puerta .fz-it,.fz-puerta .fz-rec{background:rgba(26,18,48,.06)}
.fz-puerta .fz-it-t span{opacity:.8}
.fz-movil{display:none}
.fz-hud.movil .fz-movil{display:block}
.fz-joy{position:absolute;left:14px;bottom:14px;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.25);pointer-events:auto;touch-action:none;display:grid;place-items:center}
.fz-joy i{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.35);border:2px solid rgba(255,255,255,.6);display:block}
.fz-dcha{position:absolute;right:12px;bottom:12px;display:grid;grid-template-columns:auto auto;gap:6px;align-items:end;pointer-events:none}
.fz-golpe,.fz-usa,.fz-corre{pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid rgba(255,255,255,.4);color:#fff;font-family:'Jersey 15',monospace;cursor:pointer}
.fz-golpe{grid-row:span 2;width:78px;height:78px;background:rgba(216,69,47,.6);font-size:14px;line-height:1}
.fz-usa{width:62px;height:62px;background:rgba(255,210,63,.45);font-size:12px;line-height:1;padding:2px}
.fz-corre{width:52px;height:30px;border-radius:15px;background:rgba(255,255,255,.12);font-size:12px}.fz-corre.on{background:rgba(138,224,122,.5)}
.fz-hud.movil .fz-barra{bottom:auto;top:auto;bottom:8px;transform:translateX(-50%) scale(.82);transform-origin:bottom center}
.fz-hud.movil .fz-prompt{display:none}
.fz-hud.movil .fz-pens{bottom:64px;font-size:13px;max-width:56%}
@media (max-width:900px){.fz-stats{min-width:0;padding:4px 6px}.fz-st{grid-template-columns:14px 1fr;font-size:0}.fz-st .fz-ico{width:14px;height:14px}.fz-st-n{display:none}.fz-st-b{width:56px;min-width:0;height:5px}.fz-top{font-size:12px;padding:2px 9px;top:4px}.fz-chips{top:26px}.fz-chip{font-size:10px;padding:0 5px}.fz-mini canvas{width:76px;height:76px}.fz-lugar{font-size:10px;max-width:96px}.fz-bots{top:104px;gap:2px}.fz-b{font-size:11px;padding:1px 6px}.fz-slot{width:36px;height:36px}.fz-slot .fz-ico{width:24px;height:24px}.fz-barra{gap:2px;padding:2px}.fz-pens{bottom:60px;font-size:12px}.fz-prompt{bottom:48px;font-size:12px}.fz-joy{width:76px;height:76px;left:8px;bottom:8px}.fz-joy i{width:30px;height:30px}.fz-golpe{width:60px;height:60px;font-size:11px}.fz-usa{width:50px;height:50px;font-size:10px}.fz-corre{width:44px;height:24px;font-size:10px}}
@media (max-width:900px){.fz-panel,.fz-panel.ancho{position:fixed;inset:0;transform:none;width:auto;max-height:none;border-radius:0;z-index:60}.fz-dos{grid-template-columns:1fr}.fz-muerte{position:fixed;z-index:61}}
@media (prefers-reduced-motion:reduce){.fz-st.bajo .fz-st-n{animation:none}.fz-st-b i{transition:none}}
.fz-panel .b3:disabled,.fz-puerta .b3:disabled{opacity:.38;cursor:not-allowed}
body.fz-on #son-b{display:none!important}
body.fz-on .visor{display:flex;justify-content:center;background:#0a0818}
body.fz-on canvas#plaza{width:min(100%,calc(100vh*16/9));width:min(100%,calc(100dvh*16/9));height:auto}
.fz-hud.movil .fz-dcha{right:62px}
.fz-gira{display:none}
@media (orientation:portrait) and (max-width:700px){.fz-hud.movil .fz-gira{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 12px;border-radius:8px;background:rgba(14,10,30,.85);font-size:13px;text-align:center;pointer-events:none;max-width:70%}.fz-hud.movil .fz-stats{transform:scale(.8);transform-origin:top left}.fz-hud.movil .fz-chips{display:none}}
body.pc.fz-on canvas#plaza{width:min(100vw,calc((100vh - var(--pc-pie,64px))*16/9));width:min(100vw,calc((100dvh - var(--pc-pie,64px))*16/9))}
/* el exterior con el móvil en vertical: el mundo arriba y los mandos debajo, como una consola */
@media (orientation:portrait) and (max-width:700px){
  body.fz-on .marco{padding-bottom:172px}
  .fz-hud.movil .fz-barra{bottom:128px;transform:translateX(-50%) scale(.8);transform-origin:bottom center}
  .fz-hud.movil .fz-joy{left:14px;bottom:12px;width:100px;height:100px}
  .fz-hud.movil .fz-dcha{right:12px;bottom:12px}
  .fz-hud.movil .fz-bots{top:auto;right:auto;left:50%;bottom:16px;transform:translateX(-50%);grid-template-columns:auto auto;gap:4px}
  .fz-hud.movil .fz-b{font-size:12px;padding:4px 8px;text-align:center}
  .fz-hud.movil .fz-pens{bottom:182px;max-width:86%}
  .fz-hud.movil .fz-mini canvas{width:62px;height:62px}
  .fz-hud.movil .fz-lugar{display:none}
  .fz-hud.movil .fz-stats{transform:scale(.72)}
  .fz-hud.movil .fz-top{font-size:10px;top:3px;padding:1px 7px}
}
@media (orientation:portrait) and (max-width:700px){
  body.fz-on .marco{padding-bottom:178px}
  .fz-hud.movil .fz-barra{bottom:136px}
  .fz-hud.movil .fz-bots{bottom:104px;grid-template-columns:repeat(4,auto);gap:4px}
  .fz-hud.movil .fz-b{font-size:11px;padding:3px 7px}
  .fz-hud.movil .fz-joy{width:88px;height:88px;bottom:10px}
  .fz-hud.movil .fz-dcha{bottom:8px}
  .fz-hud.movil .fz-golpe{width:70px;height:70px}
  .fz-hud.movil .fz-pens{bottom:188px}
}
.fz-agacha{grid-column:1;justify-self:center}
.fz-agacha.on{background:rgba(122,170,255,.5)}
.fz-hab{display:grid;grid-template-columns:minmax(0,9em) 5em 1fr;gap:8px;align-items:center;font-size:13px}
.fz-hab-n{opacity:.75}
.fz-ropa{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.fz-ropa-h{display:grid;gap:2px;justify-items:start;padding:6px 8px;border-radius:6px;border:1px dashed rgba(255,255,255,.18);font-size:12px;min-width:0}
.fz-ropa-h.on{border-style:solid;border-color:rgba(255,210,63,.45)}
.fz-ropa-h .fz-ico{width:28px;height:28px;image-rendering:pixelated}
.fz-ropa-n{font-family:'Jersey 15',monospace;font-size:13px;color:var(--fz-oro,#ffd23f);letter-spacing:.04em}
.fz-ras{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:start;font-size:13px;padding:3px 0;cursor:pointer}
.fz-ras input{margin-top:3px}
.fz-rasgos .fz-no{color:#ff6a5a;font-size:13px;margin:0}
/* la puerta de la muralla: cabecera ilustrada y pestañas */
.fz-hero{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#120d26}
.fz-banner{display:block;width:100%;height:auto;aspect-ratio:240/64;image-rendering:pixelated;max-width:100%}
.fz-hero-t{display:grid;gap:4px;padding:8px 12px 10px;background:linear-gradient(180deg,rgba(18,13,38,.0),rgba(18,13,38,.92) 18%)}
.fz-hero-e{margin:0;font-family:'Jersey 15',monospace;font-size:15px;letter-spacing:.03em;color:var(--fz-oro,#ffd23f)}
.fz-hero-p{margin:0;font-size:13px;line-height:1.45;opacity:.85;max-width:62ch}
.fz-puerta{display:grid;gap:10px}
.fz-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:6px}
.fz-tab{font:inherit;font-size:13px;padding:5px 12px;border-radius:6px 6px 0 0;border:1px solid transparent;background:transparent;color:inherit;opacity:.7;cursor:pointer}
.fz-tab:hover{opacity:1;background:rgba(255,255,255,.06)}
.fz-tab.on{opacity:1;border-color:rgba(255,210,63,.5);background:rgba(255,210,63,.1);color:var(--fz-oro,#ffd23f);font-weight:700}
.fz-tab:focus-visible{outline:2px solid var(--fz-oro,#ffd23f);outline-offset:1px}
.fz-tab-c{display:grid;gap:10px;min-width:0}
.fz-lleva{display:flex;flex-wrap:wrap;gap:4px}
.fz-lleva-i{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.fz-lleva-i img{width:24px;height:24px;image-rendering:pixelated}
.fz-lleva-i b{position:absolute;right:2px;bottom:0;font-size:10px;font-variant-numeric:tabular-nums}
.fz-tienda{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:12px}
/* el refugio */
.fz-ref-cab{gap:8px}
.fz-ref-t{display:grid;gap:2px}
.fz-ref-n{font-family:'Jersey 15',monospace;font-size:20px;letter-spacing:.02em;color:#c8f8b0}
.fz-ref-t span{font-size:12px;opacity:.75}
.fz-ref-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}
.fz-ref-d{display:grid;gap:3px;padding:6px 8px;border-radius:6px;background:rgba(255,255,255,.05);font-size:12px;min-width:0}
.fz-ref-d b{font-size:15px;font-variant-numeric:tabular-nums}
.fz-ref-cand{border:1px solid rgba(255,210,63,.45);border-radius:8px;padding:8px 10px;background:rgba(255,210,63,.06)}
.fz-ref-sup{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.fz-ref-sup p{margin:2px 0 0}
.fz-ref-an{display:grid;gap:3px;font-size:11px}
.fz-ref-fila{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:13px}
.fz-ref-mej{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.fz-ref-m{display:grid;gap:5px;align-content:start;padding:8px;border-radius:6px;border:1px dashed rgba(255,255,255,.18);min-width:0}
.fz-ref-m.on{border-style:solid;border-color:rgba(122,216,106,.45);background:rgba(122,216,106,.05)}
.fz-ref-m .fz-nota{margin:0;font-size:12px}
.fz-ref-m .b3{justify-self:start}
.fz-ref-mt{display:flex;justify-content:space-between;gap:6px;align-items:baseline}
.fz-ref-nv{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}
.fz-ref-mat{display:flex;flex-wrap:wrap;gap:4px}
.fz-ref-mat span{display:inline-flex;align-items:center;gap:2px;font-size:12px;padding:1px 5px 1px 1px;border-radius:4px;background:rgba(255,255,255,.06);font-variant-numeric:tabular-nums}
.fz-ref-mat span.no{color:#ff8a7a}
.fz-ref-mat img{width:18px;height:18px;image-rendering:pixelated}
.fz-diario{gap:2px}
.fz-dia{margin:0;font-size:13px;line-height:1.45;padding:3px 0 3px 10px;border-left:2px solid rgba(255,255,255,.15)}
.fz-dia.bien{border-left-color:#7ad86a}.fz-dia.mal{border-left-color:#ff5a4d}
.fz-dia-t{display:inline-block;min-width:6.5em;opacity:.6;font-size:11px;font-variant-numeric:tabular-nums}
.fz-input{font:inherit;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25);color:inherit;width:100%}
@media (max-width:560px){.fz-ref-sup{grid-template-columns:minmax(0,1fr) auto}.fz-ref-an{grid-column:1/-1}.fz-dos{grid-template-columns:1fr}}
@media (max-height:560px){.fz-banner{height:84px;aspect-ratio:auto;object-fit:cover}.fz-hero-p{display:none}}
/* fase 4: chat de fuera, olla, huerto y frescura */
.fz-chat{position:absolute;left:12px;bottom:84px;width:min(360px,46%);display:grid;gap:2px;pointer-events:none;font-family:var(--f-body,system-ui);font-size:13px}
.fz-chat-m{margin:0;padding:3px 8px;border-radius:6px;background:rgba(14,10,30,.72);color:#f6efff;line-height:1.35;overflow-wrap:anywhere;text-shadow:0 1px 0 #000}
.fz-chat-m b{color:#9ad0ff}.fz-chat-m.yo b{color:var(--fz-oro)}
.fz-chat-f{position:absolute;left:12px;bottom:46px;width:min(420px,60%);display:flex;gap:6px;pointer-events:auto}
.fz-chat-f input{flex:1;min-width:0;font:14px var(--f-body,system-ui);padding:7px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:rgba(10,8,24,.92);color:#f6efff}
.fz-chat-f input:focus{outline:2px solid var(--fz-oro);outline-offset:0}
.fz-hud.movil .fz-chat{bottom:150px;width:min(300px,52%)}.fz-hud.movil .fz-chat-f{bottom:110px}
.fz-olla{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fz-olla-s{width:46px;height:46px;border-radius:8px;border:2px dashed rgba(255,255,255,.25);background:rgba(255,255,255,.04);display:grid;place-items:center;color:inherit;font-size:20px;cursor:pointer}
.fz-olla-s.on{border-style:solid;border-color:rgba(255,210,63,.6)}.fz-olla-s img{width:32px;height:32px;image-rendering:pixelated}
.fz-olla-r{display:flex;gap:6px;align-items:center;margin-left:6px;font-size:14px}.fz-olla-r img{width:32px;height:32px;image-rendering:pixelated}
.fz-olla-ing{display:flex;flex-wrap:wrap;gap:4px}
.fz-olla-i{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;padding:3px 8px 3px 3px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:inherit;cursor:pointer}
.fz-olla-i img{width:22px;height:22px;image-rendering:pixelated}.fz-olla-i:disabled{opacity:.4;cursor:default}
.fz-huerto{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.fz-bancal{display:grid;gap:4px;justify-items:start;padding:8px;border-radius:6px;border:1px dashed rgba(122,216,106,.35);background:rgba(90,60,30,.18);font-size:12px;min-width:0}
.fz-bancal.on{border-style:solid}.fz-bancal .fz-ico{width:28px;height:28px;image-rendering:pixelated}.fz-bancal .fz-peso-b{width:100%;flex:none}
.fz-it.fz-fresco .fz-it-t span{color:var(--fr)}
@media (max-width:900px){.fz-chat{font-size:12px;width:min(300px,44%)}}
.fz-rk{margin:0;padding-left:1.6em;display:grid;gap:2px;font-size:14px;font-variant-numeric:tabular-nums}
.fz-rk li{padding:3px 6px;border-radius:4px}.fz-rk li.yo{background:rgba(255,210,63,.12);color:var(--fz-oro,#ffd23f)}
.fz-rk li span{display:inline-block;min-width:12em}.fz-rk li b{float:right}
.fz-meta .fz-peso-b{flex:none;width:100%;height:10px}
.fz-grupo{position:absolute;left:12px;top:206px;width:170px;display:grid;gap:4px;padding:6px 8px;border-radius:8px;background:var(--fz-fondo);border:1px solid var(--fz-borde);font-size:12px;pointer-events:none}
.fz-grupo b{color:#ff8ad1;font-size:13px}.fz-gm{display:grid;gap:2px}.fz-gm .fz-peso-b{flex:none;width:100%;height:4px}
.fz-hud.movil .fz-grupo{top:auto;bottom:200px;width:150px}
.fz-chat-m.gr b{color:#ff8ad1}
.fz-radio-l{display:grid;gap:2px}.fz-radio-l h4{margin:6px 0 2px;font-size:13px;color:var(--fz-oro,#ffd23f)}
.fz-radio-f{display:flex;gap:6px}.fz-radio-f .fz-input{flex:1;min-width:0}
/* botones del HUD de fuera: icono, nombre y tecla */
.fz-b{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:128px}
.fz-b-i{width:18px;height:18px;image-rendering:pixelated}
.fz-b-k{font:11px/1 'Jersey 15',monospace;padding:2px 4px;border-radius:3px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:rgba(246,239,255,.75)}
.fz-b:hover .fz-b-k,.fz-b:focus-visible .fz-b-k{border-color:var(--fz-oro);color:var(--fz-oro)}
.fz-hud.movil .fz-b{grid-template-columns:auto;min-width:0;justify-items:center;gap:0}.fz-hud.movil .fz-b-i{display:none}
/* en el móvil, con personaje, la cabecera ocupa menos y el parque se ve más grande */
@media (max-width:640px){
  body.con-vecino header{padding-block:6px;gap:6px}
  body.con-vecino header h1{font-size:22px}
  body.con-vecino header .lema{display:none}
  body.con-vecino header .lema-g{font-size:14px;margin:2px 0 0}
  body.con-vecino .caja-top{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:6px 10px}
  body.con-vecino .caja-top small,body.con-vecino .cuenta-top small{font-size:10px}
  body.con-vecino .caja-top output{font-size:22px}
}

/* rasgos (ventajas en verde, desventajas en rojo) también en las notas */
.fz-nota.fz-ok,.fz-nota.fz-ok b{color:var(--fz-bien,#8ae07a)}.fz-nota.fz-no,.fz-nota.fz-no b{color:var(--fz-mal,#ff6a5a)}.fz-nota.fz-ok,.fz-nota.fz-no{font-size:13px;margin:2px 0}

/* panel de admin: ajustes agrupados, valor recomendado, buscador, estrellas y registro */
.campos .campos-sub{grid-column:1/-1;margin:14px 0 2px;font:600 16px/1.2 var(--f-display);color:var(--oro);letter-spacing:.02em;border-bottom:2px solid #3a2f6e;padding-bottom:4px}
.campos .campos-sub:first-child{margin-top:0}
.campo .fab{display:inline-block;margin-top:4px;background:none;border:0;padding:0;color:#9ad8ff;font-size:12px;text-decoration:underline dotted;cursor:pointer;text-align:left}
.campo .fab:hover,.campo .fab:focus-visible{color:#fff}
.a-busca{position:relative;max-width:520px;margin:8px 0 4px}
.a-busca .campo{margin:0}
.a-bres{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:4px;background:var(--tinta);border:3px solid #4a3c86;box-shadow:0 8px 24px rgba(0,0,0,.45);max-height:340px;overflow:auto}
.a-bres button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #2f2660;color:var(--claro,#f6efff);padding:9px 12px;cursor:pointer;font:inherit}
.a-bres button:hover,.a-bres button:focus-visible{background:#2b2152}
.a-bres button small{color:var(--suave);white-space:nowrap}
.a-bres p{margin:0;padding:10px 12px;color:var(--suave)}
.destaca{outline:3px solid var(--oro);outline-offset:4px;transition:outline-color .6s}
.e-salud{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.eg{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;align-items:end;height:180px;margin-top:10px}
.eg-d{display:flex;flex-direction:column;align-items:stretch;gap:4px;height:100%;min-width:0}
.eg-b{flex:1;display:flex;align-items:flex-end;gap:2px}
.eg-b i{flex:1;min-height:2px;display:block}
.eg-b i.g,.eg-ley i.g{background:#7ad86a}.eg-b i.x,.eg-ley i.x{background:#ff8a5a}
.eg-d small{font-size:11px;color:var(--suave);text-align:center;font-variant-numeric:tabular-nums}
.eg-ley{font-size:13px;color:var(--suave)}.eg-ley i{display:inline-block;width:10px;height:10px;margin:0 4px 0 10px;vertical-align:-1px}
.e-topes{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}.e-topes b{color:var(--oro);font-variant-numeric:tabular-nums;display:inline-block;min-width:64px}
#t-log td.det{font-size:13px;color:var(--suave);word-break:break-word;max-width:520px}
@media (max-width:560px){.eg{gap:3px;height:140px}.eg-d small{font-size:9px}}

/* ficha de un vecino: dónde vive, sus dos niveles y, debajo, lo demás por apartados */
.fh-donde{margin:0;color:var(--sepia,#6a5a7a);font-size:14px}
.fh-nvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.fh-nv{display:flex;flex-direction:column;gap:4px;border:2px solid var(--tinta);background:var(--carta);padding:8px 10px;min-width:0}
.fh-nv small{font-size:12px;color:var(--sepia,#6a5a7a)}
.fh-nv b{font:700 18px/1.1 var(--f-display)}
.fh-nv span{font-size:12px;color:var(--sepia,#6a5a7a)}
.fh-nv.ave .prog i{background:#7ad86a}
.fh-t{margin:14px 0 6px;font:700 15px/1.2 var(--f-display);text-transform:none;letter-spacing:0}
.fh-nota{font-size:13px;color:var(--sepia,#6a5a7a)}
.sg b{word-break:break-word}
@media (max-width:520px){.sg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lema-nv{display:inline-block;margin-left:4px;vertical-align:2px;background:rgba(255,210,63,.14);border:1px solid rgba(255,210,63,.5);color:var(--oro);border-radius:999px;padding:1px 10px;font:600 13px/1.6 var(--f-display);cursor:pointer}
.lema-nv:hover,.lema-nv:focus-visible{background:rgba(255,210,63,.28)}
/* pestañas del panel de abajo: la elegida, dorada y bien clara; las demás, planas */
.dk-s{border-color:transparent;background:rgba(255,255,255,.05);color:var(--suave,#c8bfe0)}
.dk-s[aria-selected="true"]{background:var(--oro);color:#1b1426;border-color:var(--oro)}
.dk-s[aria-selected="true"]:hover,.dk-s[aria-selected="true"]:focus-visible{color:#1b1426}
.btn.apagado,.btn:disabled.apagado{background:transparent;color:var(--sepia,#8a7aa8);border-color:currentColor;box-shadow:none;cursor:default}
.racha-d{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.racha-d span{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--tinta);font:700 13px var(--f-display);color:var(--sepia,#8a7aa8);background:transparent}
.racha-d span.si{background:var(--oro);color:#1b1426;border-color:var(--oro)}
.racha-d span.hoy{border-color:var(--oro);color:var(--oro);animation:racha-late 1.6s ease-in-out infinite}
@keyframes racha-late{50%{box-shadow:0 0 0 3px rgba(255,210,63,.35)}}
@media (prefers-reduced-motion:reduce){.racha-d span.hoy{animation:none}}
.lema-nvs{display:inline-flex;gap:6px;flex-wrap:wrap;vertical-align:2px}
.lema-nvs .lema-nv{margin:0}
.compra-con{align-items:center}
.compra-con .compra-l{font-size:12px;color:var(--sepia,#8a7aa8);margin-right:2px}
/* móvil con personaje: cabecera en una franja (logo pequeño, saludo con tus niveles y una fila con saldo, estrellas y botones) */
@media (max-width:640px){
  body.con-vecino header{flex-direction:column;align-items:stretch}
  body.con-vecino .logo-m{width:34px;height:34px;border-radius:10px}
  body.con-vecino .h1-logo{gap:10px}
  body.con-vecino header h1{font-size:20px;margin:0}
  body.con-vecino .lema-nvs .lema-nv{font-size:12px;padding:0 8px}
  body.con-vecino .caja-top{border-radius:12px;padding:6px 10px;margin:0}
  body.con-vecino .caja-top > div:first-child{display:none}
  body.con-vecino .cuenta-top{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%}
  body.con-vecino .cuenta-top > small{display:none}
  body.con-vecino .cuenta-top .saldo,body.con-vecino .cuenta-top .saldo-st{font-size:18px;white-space:nowrap}
  body.con-vecino .cuenta-top .fila-b{margin:0 0 0 auto;flex-wrap:nowrap;gap:6px}
  body.con-vecino .cuenta-top .b2{min-height:36px;padding:4px 10px;font-size:13px}
}
/* creador: la muestra «nada» (tachada) y «otro color» (con el color que elijas) */
.colores label span.nada{background:repeating-linear-gradient(135deg,#2c2150 0 4px,#4a3c86 4px 6px) !important;position:relative}
.colores label span.nada::after{content:'';position:absolute;left:15%;right:15%;top:50%;height:2px;background:#ff6a5a;transform:rotate(-45deg)}
.colores .otro-color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer;background:conic-gradient(#ff5a4d,#ffd23f,#5fd17a,#58b8ff,#b98cff,#ff5a4d);border:2px solid rgba(255,255,255,.35)}
.colores .otro-color.on{background:var(--oc);outline:3px solid var(--oro);outline-offset:2px}
.colores .otro-color input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.colores .otro-color::after{content:'+';font:700 16px/1 var(--f-display);color:#1b1426;text-shadow:0 0 2px #fff}
.colores .otro-color.on::after{content:''}
/* el establo: tus monturas, con la que llevas destacada */
.est-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.est-cab .grande{margin:0}
.est-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}
.est-it{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:6px 12px;align-items:center;padding:10px;border:2px solid var(--borde,#3a2f6e);border-radius:12px;background:rgba(255,255,255,.03);opacity:.78}
.est-it.mia{opacity:1;border-color:#5a4a9a}
.est-it.on{border-color:var(--oro);box-shadow:0 0 0 2px rgba(255,210,63,.25) inset}
.est-it > :first-child{grid-row:1/3}
.est-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.est-t b{font:700 16px/1.15 var(--f-display)}
.est-t small{color:var(--oro);font-size:12px}
.est-t span{font-size:13px;color:var(--suave)}
.est-acc{display:flex;gap:6px;flex-wrap:wrap}
/* la yeguada: comprar, domar y entrenar monturas */
.yg-tabs{margin-bottom:8px}
.yg-l{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.yg-it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:8px 10px;border:2px solid var(--borde,#3a2f6e);border-radius:12px;background:rgba(255,255,255,.03)}
.yg-it.mia{border-color:#5a4a9a}
.yg-it.foco{border-color:var(--oro);box-shadow:0 0 0 2px rgba(255,210,63,.25) inset}
.yg-it canvas{width:64px;height:auto}
.yg-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.yg-t b{font:700 15px/1.15 var(--f-display)}
.yg-t small{color:var(--oro);font-size:12px}
.yg-t span{font-size:13px;color:var(--suave)}
.yg-acc{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.yg-bar{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden;max-width:220px}
.yg-bar i{display:block;height:100%;background:linear-gradient(90deg,#c8a874,#ffd23f)}
.yg-nv{display:flex;gap:3px}
.yg-nv i{width:12px;height:6px;border-radius:2px;background:rgba(255,255,255,.15)}
.yg-nv i.on{background:var(--oro)}
.yg-pasos{padding-left:20px;display:grid;gap:4px}
@media (max-width:520px){.yg-it{grid-template-columns:auto minmax(0,1fr)}.yg-acc{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}}
/* el yunque: encantar armas y materiales de las mejoras altas */
.arm-mat{display:block;font-size:12px;color:var(--suave)}
.arm-mat.falta{color:#ff9a8a}
.rpg-enc-b{flex-wrap:wrap;gap:4px}
.enc-b{border-color:var(--ec,#fff)!important;box-shadow:inset 0 -3px 0 var(--ec,#fff)}
.enc-b.on{background:var(--ec,#fff);color:#1b1426}
.enc-b.falta{opacity:.55}
/* los iconos de las mazmorras 7 a 12 */
.rpg-maz-ic.t7{background:linear-gradient(#4e4856 0 40%,#46404a 40%)}.rpg-maz-ic.t8{background:linear-gradient(#3e2a2e 0 40%,#2e2224 40%);box-shadow:inset 0 -4px 0 #ff3a1a}
.rpg-maz-ic.t9{background:linear-gradient(#4a6aa8 0 40%,#34406a 40%);box-shadow:inset 0 -4px 0 #7af0ff}.rpg-maz-ic.t10{background:linear-gradient(#44543a 0 40%,#3a4430 40%);box-shadow:inset 0 -4px 0 #9ae04a}
.rpg-maz-ic.t11{background:linear-gradient(#2e2846 0 40%,#24203a 40%);box-shadow:inset 0 -4px 0 #6a3aff}.rpg-maz-ic.t12{background:linear-gradient(#5a2a1e 0 40%,#4a2a1a 40%);box-shadow:inset 0 -4px 0 #ffb03a}
/* andar manteniendo pulsado: dentro de los sitios el dedo no arrastra la página */
canvas#plaza.con-yo,body.pc canvas#plaza.con-yo{touch-action:none}
canvas#plaza.andando{cursor:move}
/* portada: lo nuevo de la temporada */
section.nuevo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px;align-items:center;margin:28px 0 8px;padding:18px 20px;border:2px solid var(--borde);border-left:6px solid var(--oro);border-radius:14px;background:linear-gradient(120deg,rgba(255,198,46,.10),rgba(255,198,46,0) 55%),var(--panel)}
.nuevo-c h2{margin:6px 0 4px}
.nuevo-c p{margin:0;color:var(--suave);font-size:15px;line-height:1.45}
.nuevo-tag{display:inline-block;font:700 12px/1 var(--f-display);color:#1b1426;background:var(--oro);border-radius:6px;padding:4px 8px}
.nuevo-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nuevo-l li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--borde)}
.nuevo-l b{font:600 16px/1.2 var(--f-display);color:var(--claro)}
.nuevo-l span{font-size:14px;color:var(--suave);line-height:1.4}
@media (max-width:760px){section.nuevo{grid-template-columns:1fr;padding:14px}.nuevo-l{grid-template-columns:1fr}}
.rpg-it .rpg-tirar{opacity:.8}.rpg-it .rpg-tirar:hover{opacity:1}
/* las carreras de la yeguada */
.yg-meta{font:600 16px/1.3 var(--f-display);color:var(--claro);padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--borde)}
.yg-meta.oro{color:#1b1426;background:var(--oro);border-color:var(--oro)}
.yg-rank{margin:10px 0 0;padding:0 0 0 26px;display:grid;gap:4px}
.yg-rank li{display:flex;gap:10px;align-items:baseline;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.03)}
.yg-rank li b{font-variant-numeric:tabular-nums;min-width:58px;color:var(--oro)}
.yg-rank li.mio{outline:2px solid var(--oro)}
/* auditoría visual (20261129a) */
/* los avisos no tapan la barra del chat en el móvil ni la cabecera en el ordenador */
body.pc .toast{bottom:calc(var(--pc-pie,64px) + 118px)}
@media (min-width:900px){body:not(.pc) .toast{top:auto;bottom:26px}}
/* con un panel del menú abierto, las barras de la aventura no asoman por detrás */
@media (min-width:761px){body.dk-abierto #rpg-hud{visibility:hidden}}
/* el ranking: los nombres son enlaces, no botones grandes */
.rk li{align-items:center}
.rk li button{background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;height:auto!important;padding:3px 0!important;color:var(--claro,#f6efff)!important;font-size:16px!important;justify-content:flex-start}
/* la puerta de la muralla: pestañas como las del resto de ventanas */
#f-c .fz-tabs{border-bottom:0;gap:6px;padding-bottom:4px}
#f-c .fz-tab{opacity:1;border:2px solid #4a3d82;border-radius:8px;background:#2b2152;color:#f6efff;font:600 13px/1 var(--f-display);padding:7px 12px}
#f-c .fz-tab.on{background:var(--oro);border-color:var(--oro);color:#1b1426}
/* el buscador de ajustes del panel de administración, oscuro como los demás campos */
.a-busca .campo{color:#cfc2e8}
.a-busca input{background:#14102a;color:#f6efff;border:2px solid #4a3d82}
.a-busca input::placeholder{color:#8a7cae}
/* botones con precio: en una línea */
#ac-globos,#ac-fuegos,#ac-mega{white-space:nowrap}
.yg-car .fila-b{margin:10px 0}
.yg-rank li.nota{display:block;font-size:14px}
.pod-pix{width:70%;height:70%;display:block}.rpg-pn .pod-pix{width:22px;height:22px}.pod-ic{display:grid;place-items:center}
/* ===== Ayuda y opiniones (jugador) y su bandeja en el panel ===== */
.sop{display:grid;gap:14px}
.sop-intro{margin:0;color:var(--suave)}
.sop-h{margin:6px 0 0;font:700 15px/1.2 var(--f-tit)}
.sop-tipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.sop-tipo{display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--linea-2,rgba(160,174,255,.24));background:rgba(255,255,255,.03);color:var(--claro);cursor:pointer}
.sop-tipo small{color:var(--suave);font-size:12.5px}
.sop-tipo.on{border-color:var(--oro);background:var(--oro-s);box-shadow:0 0 0 1px var(--oro) inset}
.sop-ta{width:100%;box-sizing:border-box;min-height:84px;border-radius:12px;padding:10px 12px;background:rgba(0,0,0,.25);border:1px solid var(--linea-2,rgba(160,174,255,.24));color:var(--claro);font:500 15px/1.45 var(--f-body)}
.sop-hilo{border:1px solid var(--linea,rgba(160,174,255,.14));border-radius:14px;padding:4px 12px 12px;background:rgba(255,255,255,.02)}
.sop-hilo summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;list-style:none}
.sop-hilo summary b{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
.sop-tag{font:700 11px/1 var(--f-body);padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--claro)}
.sop-tag.t-bug{background:rgba(232,90,77,.22)}.sop-tag.t-idea{background:rgba(95,209,122,.2)}.sop-tag.t-opinion{background:rgba(122,166,255,.22)}
.sop-est{font-size:12.5px;color:var(--suave)}.sop-hilo.respondido .sop-est{color:var(--oro)}
.sop-msjs{display:grid;gap:8px;margin:6px 0 10px}
.sop-m{max-width:86%;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.06)}
.sop-m p{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}.sop-m small{color:var(--suave);font-size:12px}
.sop-m.yo{justify-self:end;background:var(--oro-s);border:1px solid rgba(238,162,59,.3)}
.sop-m.eq{justify-self:start;border:1px solid var(--linea-2,rgba(160,174,255,.24))}
.sop-adm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;margin-top:10px}
@media (max-width:820px){.sop-adm{grid-template-columns:1fr}}
.sop-it{display:grid;gap:2px;text-align:left;width:100%;padding:8px 10px;border-radius:10px;border:1px solid transparent;background:none;color:inherit;cursor:pointer}
.sop-it small{opacity:.75}.sop-it.on,.sop-it:hover{border-color:var(--oro,#eea23b)}
.sop-d textarea{width:100%;box-sizing:border-box;margin:8px 0}

/* ===== la moneda de las ascuas: una moneda vieja de bronce con la brasa acuñada ===== */
:root{--moneda:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2012%2012%27%20shape-rendering%3D%27crispEdges%27%3E%3Crect%20x%3D%274%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%275%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%276%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%277%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%272%27%20y%3D%271%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%273%27%20y%3D%271%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%274%27%20y%3D%271%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%275%27%20y%3D%271%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%276%27%20y%3D%271%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%277%27%20y%3D%271%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%278%27%20y%3D%271%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%279%27%20y%3D%271%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%271%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%272%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%273%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%274%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%275%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%276%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%277%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%278%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%279%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2710%27%20y%3D%272%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%271%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%274%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23ffcf6a%27/%3E%3Crect%20x%3D%275%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%276%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%277%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%278%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%279%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%2710%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2711%27%20y%3D%273%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%270%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%271%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%273%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23ffcf6a%27/%3E%3Crect%20x%3D%274%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%275%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%276%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%277%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%278%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%279%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%2710%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2711%27%20y%3D%274%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%270%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%271%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%272%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%275%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%276%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%277%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%278%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%279%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%2710%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2711%27%20y%3D%275%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%270%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%271%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%272%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23e8b452%27/%3E%3Crect%20x%3D%273%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%274%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%275%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%276%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23ff9a3a%27/%3E%3Crect%20x%3D%277%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%278%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%279%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%2710%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2711%27%20y%3D%276%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%270%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%271%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%272%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%274%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%275%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23ff9a3a%27/%3E%3Crect%20x%3D%276%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23ff9a3a%27/%3E%3Crect%20x%3D%277%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%278%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%279%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%2710%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2711%27%20y%3D%277%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%271%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%272%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%273%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%274%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%275%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%276%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%236a2a10%27/%3E%3Crect%20x%3D%277%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%278%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%279%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2710%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2711%27%20y%3D%278%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%271%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%272%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%273%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%274%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%275%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%276%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%277%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%23c8892e%27/%3E%3Crect%20x%3D%278%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%279%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%2710%27%20y%3D%279%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%272%27%20y%3D%2710%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%273%27%20y%3D%2710%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%274%27%20y%3D%2710%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%275%27%20y%3D%2710%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%276%27%20y%3D%2710%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%277%27%20y%3D%2710%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%238a5a22%27/%3E%3Crect%20x%3D%278%27%20y%3D%2710%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%279%27%20y%3D%2710%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%274%27%20y%3D%2711%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%275%27%20y%3D%2711%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%276%27%20y%3D%2711%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3Crect%20x%3D%277%27%20y%3D%2711%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27%233a2414%27/%3E%3C/svg%3E")}
.moneda{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;background:var(--moneda) center/contain no-repeat;image-rendering:pixelated;margin-right:.25em}