:root{--fondo: #1c1410;--papel: #f4e6c8;--papel-2: #e6d3ad;--tinta: #1c1410;--tinta-suave: #5a4a3a;--pelear: #c8321e;--pelear-oscuro: #9b2415;--oro: #d9a441;--oro-oscuro: #a8792a;--oro-tinta: #7a5518;--verde: #3f8f4a;--gris: #8a8177;--radio: 14px;--sombra: 0 2px 0 rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body,#raiz{margin:0;min-height:100%}body{background:var(--fondo);color:var(--papel);font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.35;-webkit-font-smoothing:antialiased}#raiz{display:flex;justify-content:center}.app{width:100%;max-width:480px;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}h1,h2,h3{margin:0;line-height:1.15}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}p,li,label,small{font-size:14px}small{font-size:12px;color:var(--gris)}a{color:var(--oro)}.boton{min-height:44px;min-width:44px;padding:0 18px;border:0;border-radius:var(--radio);font-size:16px;font-weight:700;cursor:pointer;background:var(--papel);color:var(--tinta);box-shadow:var(--sombra);transition:transform 80ms}.boton:active{transform:translateY(2px);box-shadow:none}.boton:disabled{opacity:.45;cursor:not-allowed}.boton.pelear{background:var(--pelear);color:#fff}.boton.oro{background:var(--oro);color:var(--tinta)}.boton.fantasma{background:transparent;color:var(--papel);box-shadow:none;border:2px solid var(--papel-2)}.tarjeta .boton.fantasma{color:var(--tinta);border-color:var(--tinta-suave)}.tarjeta .oro-texto,.resultado.victoria h1{color:var(--oro-oscuro)}.tarjeta .pelear-texto,.resultado.derrota h1{color:var(--pelear-oscuro)}.boton.grande{width:100%;min-height:56px;font-size:18px}.tarjeta{background:var(--papel);color:var(--tinta);border-radius:var(--radio);padding:14px;box-shadow:var(--sombra)}.tarjeta small{color:var(--tinta-suave)}.fila{display:flex;align-items:center;gap:10px}.fila.entre{justify-content:space-between}.columna{display:flex;flex-direction:column;gap:8px}.oro-texto{color:var(--oro);font-weight:700}.pelear-texto{color:var(--pelear);font-weight:700}.entrada{width:100%;min-height:48px;padding:0 14px;border-radius:var(--radio);border:2px solid var(--papel-2);background:var(--papel);color:var(--tinta);font-size:18px}.entrada:focus{outline:3px solid var(--oro);outline-offset:1px}.error{color:#ffb3a7;font-size:14px}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:8px}.pie{margin-top:auto;text-align:center}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.bruto,.mascota{overflow:visible;transform-origin:50% 90%}.espejo{transform:scaleX(-1)}.espejo.anim-golpe{animation-name:golpe-espejo}.anim-idle{animation:respira 1.6s ease-in-out infinite}.anim-golpe{animation:golpe calc(.3s / var(--vel, 1)) ease-out}.anim-recibe{animation:recibe calc(.35s / var(--vel, 1)) ease-out}.anim-esquiva{animation:esquiva calc(.35s / var(--vel, 1)) ease-out}.anim-bloquea{animation:bloquea calc(.3s / var(--vel, 1)) ease-out}.anim-ko{animation:ko calc(.7s / var(--vel, 1)) ease-in forwards}.anim-celebra{animation:celebra .6s ease-in-out infinite}.anim-huye{animation:huye calc(.6s / var(--vel, 1)) ease-in forwards}@keyframes respira{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(1px) scaleY(.985)}}@keyframes golpe{0%{transform:translate(0)}40%{transform:translate(28px) rotate(6deg)}to{transform:translate(0)}}@keyframes golpe-espejo{0%{transform:scaleX(-1) translate(0)}40%{transform:scaleX(-1) translate(28px) rotate(6deg)}to{transform:scaleX(-1) translate(0)}}@keyframes recibe{0%{transform:translate(0);filter:none}30%{transform:translate(-10px) rotate(-6deg);filter:brightness(1.6) saturate(.4)}to{transform:translate(0);filter:none}}@keyframes esquiva{0%{transform:translate(0)}50%{transform:translate(-14px,-18px)}to{transform:translate(0)}}@keyframes bloquea{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ko{0%{transform:rotate(0);opacity:1}to{transform:rotate(80deg) translateY(30px);opacity:.55}}@keyframes celebra{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes huye{0%{transform:translate(0);opacity:1}to{transform:translate(-160px);opacity:0}}.hoja-fondo{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:10}.hoja{width:100%;max-width:480px;max-height:calc(100dvh - 70px);overflow:auto;background:var(--papel);color:var(--tinta);border-radius:var(--radio) var(--radio) 0 0;padding:14px 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.hoja .cerrar{color:var(--tinta);border-color:var(--tinta-suave);font-size:22px;line-height:1}.stats{display:grid;grid-template-columns:repeat(2,auto);gap:4px 14px;margin:0}.stats div{display:flex;justify-content:space-between;gap:8px}.stats dt{color:var(--tinta-suave);font-size:13px}.stats dd{margin:0;font-weight:700;font-size:15px}.objetos{display:flex;flex-wrap:wrap;gap:6px}.objeto{min-height:44px;padding:4px 12px;border:0;border-radius:999px;font-size:13px;font-weight:700;background:var(--papel-2);color:var(--tinta);cursor:pointer}.objeto.mini{min-height:24px;padding:2px 8px;font-size:12px;cursor:default}.objeto-arma{background:#d8c39a}.objeto-habilidad{background:#bcd3f0}.objeto-super{background:#f0c8a8}.objeto-mascota{background:#c9e2b8}.centro{align-items:center;text-align:center}.barra-xp{position:relative;width:100%;height:22px;border-radius:11px;background:var(--papel-2);overflow:hidden;font-size:12px;font-weight:700}.barra-xp-relleno{position:absolute;inset:0 auto 0 0;background:var(--oro);transition:width .6s ease-out}.barra-xp span{position:relative;display:block;line-height:22px;color:var(--tinta)}.punto{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid var(--pelear);margin-right:4px;vertical-align:middle}.punto.lleno{background:var(--pelear)}.cuenta-atras{font-variant-numeric:tabular-nums;font-weight:700;color:var(--papel)}.tarjeta .cuenta-atras{color:var(--tinta)}a.boton{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.rival.atenuado{opacity:.55}a.boton[disabled],a.boton[aria-disabled=true]{opacity:.45;pointer-events:none}.escena{position:relative;height:300px;border-radius:var(--radio);overflow:hidden;background:#7fae5c;display:flex;justify-content:space-between;align-items:flex-end;padding:0 8px 18px}.fondo-parque{position:absolute;inset:0;width:100%;height:100%}.lado{position:relative;display:flex;align-items:flex-end;gap:4px}.lado-b{flex-direction:row-reverse}.actor{display:flex;flex-direction:column;align-items:center;gap:4px}.actor.mascota .barra-pv{width:40px}.actor.muerto .nombre-actor{text-decoration:line-through;opacity:.6}.figura{position:relative}.nombre-actor{font-size:12px;font-weight:700;color:var(--papel);text-shadow:0 1px 0 rgba(0,0,0,.6);max-width:96px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barra-pv{width:80px;height:8px;border-radius:4px;background:#00000073;overflow:hidden}.barra-pv-relleno{height:100%;background:var(--verde);transition:width .3s ease-out}.dano{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-weight:900;font-size:20px;color:#fff;text-shadow:0 0 4px var(--pelear),0 2px 0 rgba(0,0,0,.6);animation:salta calc(.6s / var(--vel, 1)) ease-out forwards}.dano.critico{font-size:26px;color:var(--oro)}@keyframes salta{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-34px);opacity:0}}.narracion{min-height:70px}.narracion p{margin:0;color:var(--gris);font-size:13px}.narracion p.ultima{color:var(--papel);font-size:16px;font-weight:700}.boton.activo{background:var(--papel);color:var(--tinta)}.resultado.victoria h1{color:var(--oro)}.aura-cambio{font-size:40px;font-weight:900;margin:0;letter-spacing:-1px;color:var(--tinta)}.aura{margin:0;font-weight:700}.motivos-xp{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.motivos-xp li{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--papel-2);color:var(--tinta)}.aura-explica{max-width:28ch;text-align:center;margin-top:-4px}.resultado.derrota h1{color:var(--pelear)}.recompensa{border:3px solid var(--gris);animation:destello .9s ease-out}.etiqueta-rareza{align-self:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--gris);color:#fff;text-transform:uppercase;letter-spacing:.5px}.rareza-poco_comun{border-color:var(--verde)}.rareza-poco_comun .etiqueta-rareza{background:var(--verde)}.rareza-raro{border-color:#2f6fb8}.rareza-raro .etiqueta-rareza{background:#2f6fb8}.rareza-ultra_raro{border-color:#7a3aa8}.rareza-ultra_raro .etiqueta-rareza{background:#7a3aa8}.rareza-legendario{border-color:var(--oro);box-shadow:0 0 24px #d9a44199}.rareza-legendario .etiqueta-rareza{background:var(--oro-oscuro)}.anuncio{text-align:center}.anuncio-cuenta{font-size:48px;font-weight:900;margin:0}@keyframes destello{0%{box-shadow:0 0 #d9a441e6}to{box-shadow:0 0 0 18px #d9a44100}}.marcador{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;margin:calc(-1*max(12px,env(safe-area-inset-top))) -16px 10px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;background:linear-gradient(#0f0a08,#1c1410);box-shadow:0 3px 8px #0000008c}.marcador-lado{display:flex;flex-direction:column;gap:5px;min-width:0}.marcador-b{align-items:flex-end;text-align:right}.marcador-barra{position:relative;width:100%;height:18px;background:#3a2a20;border:2px solid var(--papel);border-radius:3px;overflow:hidden;transform:skew(-14deg)}.marcador-b .marcador-barra{transform:skew(14deg)}.marcador-relleno,.marcador-retraso{position:absolute;top:0;bottom:0}.marcador-a .marcador-relleno,.marcador-a .marcador-retraso{right:0}.marcador-b .marcador-relleno,.marcador-b .marcador-retraso{left:0}.marcador-relleno{background:linear-gradient(#7bd389,var(--verde));transition:width .18s ease-out}.marcador-relleno.poca{background:linear-gradient(#f5b041,#d35400);animation:parpadea .8s ease-in-out infinite}.marcador-retraso{background:var(--pelear);transition:width .7s ease-out .3s}@keyframes parpadea{50%{filter:brightness(1.35)}}.marcador-nombre{font-size:14px;font-weight:800;color:var(--papel);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marcador-centro{font-size:14px;font-weight:900;color:var(--oro);padding-top:1px;letter-spacing:1px}.inventario{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:3px}.marcador-b .inventario{justify-content:flex-end}.arma-inv{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#f4e6c81f;border:1px solid rgba(244,230,200,.25);transition:opacity .3s,filter .3s}.arma-inv.mano{background:#d9a44147;border-color:var(--oro);box-shadow:0 0 0 1px var(--oro)}.arma-inv.perdida{opacity:.4;filter:blur(.8px) grayscale(.6) drop-shadow(0 2px 2px rgba(0,0,0,.9))}.inventario-vacio{font-size:12px;color:var(--papel-2)}.anim-saca .mano-delantera{animation:saca calc(.42s / var(--vel, 1)) ease-out}@keyframes saca{0%{transform:rotate(0)}45%{transform:rotate(150deg)}to{transform:rotate(0)}}.arma-en-mano{transform-box:fill-box;transform-origin:50% 100%;animation:aparece calc(.42s / var(--vel, 1)) ease-out}@keyframes aparece{0%,40%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.mano-delantera{transform-box:view-box}.anim-golpe .mano-delantera{animation:tajo calc(.32s / var(--vel, 1)) ease-out}.arma-larga.anim-golpe .mano-delantera,.a-punos.anim-golpe .mano-delantera,.arma-rapida.anim-golpe .mano-delantera{animation:estocada calc(.28s / var(--vel, 1)) ease-out}.anim-bloquea .mano-delantera{animation:guardia calc(.3s / var(--vel, 1)) ease-out}@keyframes tajo{0%{transform:rotate(0)}35%{transform:rotate(140deg)}70%{transform:rotate(-55deg)}to{transform:rotate(0)}}@keyframes estocada{0%{transform:rotate(0)}45%{transform:rotate(-85deg)}to{transform:rotate(0)}}@keyframes guardia{0%,to{transform:rotate(0)}40%{transform:rotate(-120deg)}}.arma-suelta{position:absolute;bottom:0;pointer-events:none;overflow:visible}.arma-suelo{transform-origin:50% 90%;transform:rotate(90deg)}.lado-derecho .arma-suelo{transform:rotate(-90deg)}.arma-suelo.cayendo{animation:cae calc(.7s / var(--vel, 1)) cubic-bezier(.3,.6,.4,1) both}.lado-derecho .arma-suelo.cayendo{animation-name:cae-der}.arma-suelo.aterriza{animation:aterriza calc(.52s / var(--vel, 1)) ease-in calc(.26s / var(--vel, 1)) both}.lado-derecho .arma-suelo.aterriza{animation-name:aterriza-der}@keyframes cae{0%{transform:translate(60px,-62px) rotate(35deg)}40%{transform:translate(40px,-115px) rotate(260deg)}75%{transform:translate(0) rotate(440deg)}87%{transform:translateY(-10px) rotate(446deg)}to{transform:translate(0) rotate(450deg)}}@keyframes cae-der{0%{transform:translate(-60px,-62px) rotate(-35deg)}40%{transform:translate(-40px,-115px) rotate(-260deg)}75%{transform:translate(0) rotate(-440deg)}87%{transform:translateY(-10px) rotate(-446deg)}to{transform:translate(0) rotate(-450deg)}}@keyframes aterriza{0%{opacity:0;transform:translateY(-90px) rotate(0)}10%{opacity:1}80%{transform:translateY(0) rotate(90deg)}90%{transform:translateY(-8px) rotate(90deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes aterriza-der{0%{opacity:0;transform:translateY(-90px) rotate(0)}10%{opacity:1}80%{transform:translateY(0) rotate(-90deg)}90%{transform:translateY(-8px) rotate(-90deg)}to{transform:translateY(0) rotate(-90deg)}}.proyectil{z-index:3;bottom:58px;left:70px;animation:vuela calc(.42s / var(--vel, 1)) linear forwards}.lado-derecho .proyectil{left:auto;right:70px;animation-name:vuela-izq}@keyframes vuela{0%{transform:translate(0) rotate(0);opacity:1}90%{opacity:1}to{transform:translate(200px) rotate(900deg);opacity:0}}@keyframes vuela-izq{0%{transform:translate(0) rotate(0);opacity:1}90%{opacity:1}to{transform:translate(-200px) rotate(-900deg);opacity:0}}.tarjeta a:not(.boton){color:var(--tinta);text-decoration:underline;text-underline-offset:2px;font-weight:700}.aviso-maestro{border:2px solid var(--oro)}.crece{flex:1;min-width:0}.titulo-camino{margin:-4px 0 0;font-weight:800;color:var(--oro-tinta)}.tarjeta .oro-texto{color:var(--oro-tinta)}.camino-resumen{text-decoration:none;color:var(--tinta)}.camino-resumen h3{margin:0}.barra-camino{height:10px;border-radius:999px;background:var(--papel-2);overflow:hidden}.barra-camino-relleno{height:100%;background:linear-gradient(90deg,var(--oro),var(--oro-oscuro));border-radius:999px}.icono-premio{display:inline-grid;place-items:center;width:48px;height:48px;font-size:28px;flex:none}.camino{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.premio-camino{display:flex;align-items:center;gap:12px}.premio-camino:not(.conseguido):not(.siguiente) :is(.icono-premio,svg){filter:grayscale(1);opacity:.55}.premio-camino.siguiente{border:2px solid var(--oro)}.aura-premio{flex:none;min-width:48px;font-weight:900;font-size:16px;color:var(--oro-tinta);text-align:center}.premios-camino{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:var(--radio);background:var(--oro);color:var(--tinta);font-weight:800;text-decoration:none}