*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:#0d1119;color:#eef2f8;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#lienzo{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;display:block}.hidden{display:none!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#arriba{position:absolute;top:max(12px,env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:center;gap:8px}.chip{background:#0a0f19ad;padding:7px 15px;border-radius:999px;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}#quedan:before{content:"🧟 "}#aviso{position:absolute;top:26%;left:0;right:0;text-align:center;font-size:clamp(24px,7vw,44px);font-weight:900;font-style:italic;text-shadow:0 6px 24px rgba(0,0,0,.6);opacity:0;transition:opacity .3s}#aviso.ver{opacity:1}#abajo{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:7px}#vida-caja{width:min(230px,52vw);height:9px;border-radius:999px;background:#ffffff24;overflow:hidden}#vida{height:100%;width:100%;background:#4ade80;transition:width .15s,background .3s}#vida.poca{background:#ef4444}#balas{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;opacity:.85}#balas.recargando{color:#fbbf24}#puesto{position:absolute;left:50%;transform:translate(-50%);bottom:max(96px,calc(env(safe-area-inset-bottom) + 96px));background:#0c121eed;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;pointer-events:auto;display:flex;flex-direction:column;gap:8px;min-width:240px;max-width:min(360px,88vw)}#plata{color:#ffd27a}.puesto-tit{font-size:13px;font-weight:800;opacity:.8;text-align:center}.fila{display:flex;align-items:center;gap:9px;font-size:14px}.fila-nom{flex:1;font-weight:700}.puntos{display:flex;gap:3px}.punto{width:7px;height:7px;border-radius:50%;background:#fff3}.punto.on{background:#4ade80}.comprar{border:none;border-radius:9px;padding:7px 12px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:800;background:#2f7d4f;color:#fff;min-width:66px}.comprar:disabled{background:#33404f;color:#fff6}.comprar.tope{background:#33404f;color:#4ade80}#fuego,#reparar{position:absolute;border:none;cursor:pointer;pointer-events:auto;border-radius:50%;font-family:inherit;touch-action:none;display:flex;align-items:center;justify-content:center}#fuego{right:20px;bottom:max(80px,calc(env(safe-area-inset-bottom) + 80px));width:92px;height:92px;font-size:36px;background:linear-gradient(180deg,#ef5350,#c62828);box-shadow:0 8px 22px #c6282873}#fuego:active{transform:scale(.93)}#reparar{right:34px;bottom:max(188px,calc(env(safe-area-inset-bottom) + 188px));width:62px;height:62px;font-size:24px;background:#141c2ae6;border:1px solid rgba(255,255,255,.16)}#reparar:active{transform:scale(.93)}#reparar:disabled{opacity:.3}.tecla{display:none;font-size:10px;font-weight:900;line-height:1;padding:2px 5px;border-radius:5px;margin-left:6px;background:#ffffff29;color:#ffffffbf}@media(pointer:fine){.tecla{display:inline-block}}#reparar .tecla{position:absolute;top:-6px;right:-4px;margin:0;background:#141c2af2}#reparar-precio{position:absolute;bottom:4px;left:0;right:0;font-size:11px;font-weight:800;color:#ffd27a}#reparar:disabled #reparar-precio{color:#ff8a80}#joy{position:fixed;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;background:#ffffff17;border:2px solid rgba(255,255,255,.22);display:none;z-index:6;pointer-events:none}#joy-punto{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#ffffff80}#fin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#080c14e0}.tarjeta{background:#162031;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px;text-align:center;display:flex;flex-direction:column;gap:14px}.tarjeta h1{font-size:clamp(24px,7vw,34px);font-weight:900}.tarjeta p{opacity:.75;font-size:15px}.btn{cursor:pointer;font-family:inherit;font-size:16px;font-weight:800;padding:13px 30px;border-radius:12px;border:none;background:#ef5350;color:#fff}