:root{--fondo: #0a0c12;--panel: #161a24;--linea: #2a3040;--txt: #eef1f8;--dim: #98a1b8;--oro: #ffc94a;--sangre: #d2453f;--salida: #66d9a0;--bajada: #ff9838;--cofre: #ffe066;--pocion: #e05a8a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--fondo);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.oculta{display:none!important}.pantalla{position:fixed;top:0;right:0;bottom:0;left:0}#menu{overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));max-width:520px;margin:0 auto;background:radial-gradient(120% 60% at 50% 0%,#1d2334 0%,var(--fondo) 62%)}.titulo{text-align:center;padding-top:10px}.titulo h1{font-size:clamp(34px,11vw,52px);letter-spacing:1px;font-weight:800}.titulo h1 span{color:var(--oro)}.titulo p{color:var(--dim);margin-top:6px;font-size:15px}.ficha{background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:14px}.bolsa{display:flex;gap:10px}.bolsa>div{flex:1;text-align:center;background:#10141d;border-radius:10px;padding:10px 6px}.bolsa b{display:block;font-size:26px;color:var(--oro)}.bolsa>div:last-child b{color:var(--txt)}.bolsa span{font-size:12px;color:var(--dim)}.aclaracion{margin-top:12px;font-size:13px;color:var(--dim);line-height:1.5}.aclaracion b{color:var(--sangre)}.modos{display:flex;flex-direction:column;gap:10px}button{font-family:inherit;font-size:15px;color:var(--txt);background:var(--panel);border:1px solid var(--linea);border-radius:12px;padding:13px 16px;cursor:pointer}button:active{transform:translateY(1px)}.modo{text-align:left}.modo strong{display:block;font-size:19px}.modo small{display:block;color:#6a4a10;margin-top:3px;font-size:13px}.principal{background:linear-gradient(180deg,#ffd166,var(--oro));border-color:#b8860b;color:#23180a;font-weight:700}.flojo{background:#10141d;color:var(--dim)}.campo{display:flex;align-items:center;gap:10px;padding:0 4px}.campo span{font-size:13px;color:var(--dim)}.campo input{flex:1;background:#10141d;border:1px solid var(--linea);border-radius:10px;padding:11px 12px;color:var(--txt);font:inherit;text-transform:uppercase;letter-spacing:3px}.pie{text-align:center;padding:8px 0 4px}.pie a{color:var(--dim);text-decoration:none;font-size:14px}#juego{background:var(--fondo);overflow:hidden;touch-action:none}#juego *{touch-action:none}#lienzo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sangre{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px 30px var(--sangre);transition:opacity .35s ease-out}.sangre.pega{opacity:.75;transition:none}.hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:56px;right:12px;display:flex;align-items:center;gap:10px;pointer-events:none}.vida{position:relative;flex:1;max-width:260px;height:22px;background:#2a1114;border:1px solid #47202a;border-radius:11px;overflow:hidden}.vida i{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;transform-origin:left;background:linear-gradient(180deg,#ff6b62,#c0362f);transition:transform .12s linear}.vida b{position:relative;display:block;text-align:center;line-height:20px;font-size:12px;text-shadow:0 1px 2px #000}.chips{display:flex;gap:8px;margin-left:auto}.chip{background:#10141dc7;border:1px solid var(--linea);border-radius:10px;padding:3px 9px;text-align:center;min-width:52px}.chip b{display:block;font-size:17px;line-height:1.1}.chip span{font-size:10px;color:var(--dim)}.chip.oro b{color:var(--oro)}.brujula{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 56px);right:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.aguja{display:flex;align-items:center;gap:6px;background:#10141db3;border-radius:999px;padding:3px 9px 3px 4px;font-size:12px;font-variant-numeric:tabular-nums}.aguja i{width:18px;height:18px;clip-path:polygon(50% 0%,100% 100%,50% 74%,0% 100%);transition:transform .08s linear}.aguja.salida i{background:var(--salida)}.aguja.salida span{color:var(--salida)}.aguja.bajada i{background:var(--bajada)}.aguja.bajada span{color:var(--bajada)}.aguja.cofre i{background:var(--cofre)}.aguja.cofre span{color:var(--cofre)}.aviso{position:absolute;left:50%;top:28%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}.aviso div{background:#0a0c12d1;border:1px solid var(--linea);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600;animation:sube 1.6s ease-out forwards}.aviso div.bueno{color:var(--oro);border-color:#6b5314}.aviso div.malo{color:var(--sangre);border-color:#5a2422}@keyframes sube{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.palanca{position:absolute;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;border:2px solid rgba(238,241,248,.18);background:#eef1f80d;display:none;pointer-events:none}.palanca.viva{display:block}.palanca i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#eef1f852}.botones{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}.redondo{position:relative;width:78px;height:78px;border-radius:50%;padding:0;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.pegar{width:96px;height:96px;font-size:17px;background:radial-gradient(circle at 50% 35%,#ff8a63,#c33c22);border-color:#8a2c14;color:#fff}.pegar:active{background:radial-gradient(circle at 50% 35%,#ffb08f,#e24a2c)}.pocion{background:radial-gradient(circle at 50% 35%,#ef7ca6,#a8305c);border-color:#7a2143}.pocion b{font-size:22px;color:#fff}.pocion span{font-size:10px;color:#ffd9e6}.pocion:disabled{background:#1a1e28;border-color:var(--linea);opacity:.55}.pocion:disabled b{color:var(--dim)}.usar{background:radial-gradient(circle at 50% 35%,#7ee2b4,#2a8f66);border-color:#1d6b4a;color:#08281b}.usar span{position:relative;z-index:1;font-size:15px}.usar em{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c;transform:scaleY(0);transform-origin:bottom}.usar.baja{background:radial-gradient(circle at 50% 35%,#ffd08a,#c47a1e);border-color:#8a5410}.usar.apagado{background:#1a1e28;border-color:var(--linea);color:var(--dim)}.usar.apagado em{display:none}.salir{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;width:34px;height:34px;padding:0;border-radius:50%;background:#10141db3;color:var(--dim);display:flex;align-items:center;justify-content:center;font-size:15px}.manta{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#06080cdb;display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.caja{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:20px;text-align:center}.caja h2{font-size:24px}.caja h3{font-size:17px;color:var(--dim);font-weight:500}.bajada{color:var(--dim);font-size:14px;margin-top:6px;line-height:1.5}.botin{margin:16px 0;display:flex;flex-direction:column;gap:7px}.botin div{display:flex;justify-content:space-between;background:#10141d;border-radius:9px;padding:9px 13px;font-size:14px}.botin div span:last-child{font-variant-numeric:tabular-nums;font-weight:700}.botin div.total{background:#1d2331}.botin div.total span:last-child{color:var(--oro);font-size:17px}.botin div.perdido span:last-child{color:var(--sangre)}.acciones{display:flex;gap:10px}.acciones button{flex:1}.reglas{text-align:left;margin:14px 0;display:flex;flex-direction:column;gap:11px}.reglas li{list-style:none;font-size:14px;color:var(--dim);line-height:1.5}.reglas b{color:var(--txt)}.punto{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:-1px}.punto.salida{background:var(--salida)}.punto.bajada{background:var(--bajada)}.punto.cofre{background:var(--cofre)}.tabla-fin{margin-top:14px}.rotulo{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--dim);margin-bottom:10px;font-weight:700}.rotulo small{text-transform:none;letter-spacing:0;font-weight:500;opacity:.7}.lista{display:flex;flex-direction:column;gap:7px}.lista:empty{display:none}.cosa{display:flex;align-items:center;gap:10px;background:#10141d;border:1px solid transparent;border-radius:10px;padding:9px 11px;text-align:left}.cosa.puesta{border-color:var(--oro);background:#1a1a14}.cosa .nombre{font-size:15px;font-weight:600}.cosa .numeros{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--dim);margin-top:2px;font-variant-numeric:tabular-nums}.cosa .numeros b{color:var(--txt);font-weight:600}.cosa .datos{flex:1;min-width:0}.cosa .acciones-cosa{display:flex;gap:6px;flex-shrink:0}.cosa button{font-size:12px;padding:7px 10px;border-radius:8px;background:#1c212c}.cosa button.si{background:var(--oro);color:#23180a;border-color:#b8860b;font-weight:700}.cosa button:disabled{opacity:.4}.vacia{font-size:13px;color:var(--dim);text-align:center;padding:10px 0}.gastada{height:3px;border-radius:2px;background:#2a3040;margin-top:6px;overflow:hidden}.gastada i{display:block;height:100%;background:var(--salida)}.equipo .cosa{background:#161d17;border-color:#2c4434;padding:12px}.equipo .cosa .nombre{font-size:17px}.lleva-pociones{display:flex;align-items:center;gap:8px;margin-top:10px;padding:0 2px}.lleva-pociones .que{flex:1;font-size:14px}.lleva-pociones b{min-width:22px;text-align:center;font-size:17px}.lleva-pociones small{color:var(--dim);font-size:11px;min-width:62px;text-align:right}.paso{width:34px;height:34px;padding:0;border-radius:9px;font-size:18px;line-height:1}.paso:disabled{opacity:.35}.apuesta{margin-top:11px;font-size:12px;color:var(--dim);line-height:1.5}.apuesta b{color:var(--sangre)}.arma{position:absolute;left:12px;bottom:max(14px,env(safe-area-inset-bottom));font-size:12px;color:var(--txt);background:#10141dd1;border:1px solid var(--linea);border-radius:999px;padding:7px 13px;font-weight:600}.rec-chips{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.rec-chip{flex:1;min-width:72px;cursor:pointer;font-family:inherit;padding:8px 6px;border-radius:11px;border:1px solid var(--rec-linea, rgba(255, 255, 255, .1));background:var(--rec-fondo, rgba(255, 255, 255, .04));color:var(--rec-tenue, rgba(255, 255, 255, .5));font-size:13px;font-weight:800;transition:transform .1s,background .15s,color .15s,border-color .15s}.rec-chip:active{transform:scale(.96)}.rec-chip.puesto{background:var(--rec-acento, #7ee0ff);border-color:transparent;color:#10142a}.rec-titulo{font-size:13px;font-weight:800;margin-bottom:8px;color:var(--rec-acento, #7ee0ff);letter-spacing:.04em}.rec-lista{list-style:none;display:flex;flex-direction:column;gap:3px;margin:0;padding:0}.rec-fila{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;background:var(--rec-fondo, rgba(255, 255, 255, .04));font-size:13px}.rec-fila:first-child{background:color-mix(in srgb,var(--rec-acento, #7ee0ff) 16%,transparent)}.rec-fila.rec-mio{outline:1px solid var(--rec-acento, #7ee0ff)}.rec-puesto{width:20px;text-align:right;font-weight:900;color:var(--rec-tenue, rgba(255, 255, 255, .5));font-variant-numeric:tabular-nums}.rec-nombre{flex:1;font-weight:800;letter-spacing:.12em;font-family:ui-monospace,monospace}.rec-puntaje{font-variant-numeric:tabular-nums;font-weight:700}.rec-nombre-libre{letter-spacing:0;font-family:inherit}.rec-detalle{font-size:11.5px;font-weight:600;white-space:nowrap;color:var(--rec-tenue, rgba(255, 255, 255, .5));font-variant-numeric:tabular-nums}.rec-vacia,.rec-cargando{font-size:12.5px;color:var(--rec-tenue, rgba(255, 255, 255, .5));padding:8px 2px}.rec-capa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center;background:#060812b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:rec-aparecer .16s ease-out}@keyframes rec-aparecer{0%{opacity:0}}.rec-caja{background:var(--rec-caja, #171b30);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 18px 50px #00000080;max-width:92vw;animation:rec-subir .22s cubic-bezier(.2,1.2,.4,1)}@keyframes rec-subir{0%{transform:translateY(12px) scale(.95);opacity:0}}.rec-tit{font-size:19px;font-weight:900;text-align:center}.rec-sub{font-size:13px;opacity:.65;text-align:center;max-width:30ch;line-height:1.5}.rec-letras{display:flex;gap:8px}.rec-letra{width:46px;height:58px;text-align:center;font-family:ui-monospace,monospace;font-size:26px;font-weight:900;text-transform:uppercase;color:inherit;background:#0000004d;border:2px solid rgba(255,255,255,.14);border-radius:12px;outline:none;caret-color:var(--rec-acento, #7ee0ff)}.rec-letra:focus{border-color:var(--rec-acento, #7ee0ff)}.rec-botones{display:flex;gap:9px;width:100%;margin-top:4px}.rec-botones button{flex:1;cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;padding:12px;border-radius:12px;border:none;transition:transform .1s}.rec-botones button:active{transform:scale(.96)}.rec-si{background:var(--rec-acento, #7ee0ff);color:#06222f}.rec-no{background:transparent;color:var(--rec-tenue, rgba(255, 255, 255, .55));border:1px solid rgba(255,255,255,.14)!important}@media(max-width:380px){.rec-letra{width:40px;height:52px;font-size:22px}}