*{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}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;overflow-y:auto;background:linear-gradient(180deg,#090e16eb,#090e169e 40%,#090e169e 60%,#090e16f0)}#menu.hidden{display:none}h1.logo{font-size:clamp(30px,8vw,62px);font-weight:900;font-style:italic;letter-spacing:.01em;line-height:1;background:linear-gradient(180deg,#b6f06a,#4f9a24);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{opacity:.8;font-size:clamp(13px,2.6vw,16px);max-width:34ch;line-height:1.5}.menu-card{width:min(360px,92vw);gap:12px;padding:22px 20px}.campo{font-family:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:2px solid #2b3a52;background:#101a29;color:#fff;text-align:center;outline:none;width:100%}.campo:focus{border-color:#7bc043}.campo-codigo{font-family:ui-monospace,Courier New,monospace;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.btn-verde{background:#5aa832}.btn-azul{background:#2f6fd0}body.en-menu #hud,body.en-menu #joy{display:none}.btn-borde{background:transparent;border:2px solid #2b3a52;color:#cfe0f0}.btn:disabled{opacity:.45;cursor:default}.separador{display:flex;align-items:center;gap:10px;opacity:.5;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.separador:before,.separador:after{content:"";flex:1;height:1px;background:#ffffff29}.fila-unirse{display:flex;gap:8px}.fila-unirse .campo{flex:1;min-width:0}.fila-unirse .btn{padding:12px 18px;font-size:14px;white-space:nowrap}#estado-menu{font-size:13px;min-height:1.2em;opacity:.85}#estado-menu.mal{color:#ff8a80}#estado-menu.bien{color:#a5d66f}.ayuda{font-size:12px;opacity:.55;line-height:1.7;max-width:40ch}.link{background:none;border:none;color:#8fb4d8;font-family:inherit;font-size:13px;cursor:pointer;text-decoration:underline;padding:4px}.chip-codigo{font-family:inherit;border:none;cursor:pointer;color:#fff;display:inline-flex;align-items:center;gap:5px}.chip-codigo #codigo-val{font-family:ui-monospace,Courier New,monospace;letter-spacing:.12em;font-weight:800;color:#fff}#codigo-copiado{color:#a5d66f;font-size:11px;opacity:0;transition:opacity .15s}.chip-codigo.copiado #codigo-copiado{opacity:1}