*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f2f2f2;background:#07080c;width:100%;height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#escena{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}.barra{top:max(14px, env(safe-area-inset-top));letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;width:min(420px,70vw);font-size:13px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.vida{background:#ffffff1a;border-radius:6px;flex:1;height:12px;overflow:hidden}.vida i{background:linear-gradient(90deg,#ff3b3b,#ffb13b);width:100%;height:100%;transition:width .12s ease-out;display:block}#combo{color:#ffd23b;text-shadow:0 4px #0008;opacity:0;transform-origin:50%;font-size:64px;font-style:italic;font-weight:900;position:absolute;top:18%;right:7%}#golpe{letter-spacing:.06em;text-shadow:0 3px #0009;opacity:0;font-size:34px;font-weight:900;position:absolute;top:30%;left:50%;transform:translate(-50%)}#rango{bottom:max(18px, env(safe-area-inset-bottom));letter-spacing:.1em;background:#0007;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}#rango.dentro{color:#6dff9b}#rango.fuera{color:#ff9b6d}#debug{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:12px;left:12px}#camara{background:#000a;border-radius:10px;width:240px;height:180px;transform:scaleX(-1)}#lectura{white-space:pre;background:#000a;border-radius:10px;min-width:240px;padding:8px 10px;font:12px/1.45 ui-monospace,Menlo,monospace}#lectura b{color:#ffd23b}.panel{z-index:5;background:radial-gradient(#1a1d2acc,#07080cf2);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.panel h1{letter-spacing:.02em;font-size:56px;font-style:italic;font-weight:900}.panel .sub{opacity:.6;margin-bottom:10px}.panel button{font:inherit;color:#fff;cursor:pointer;background:#ff3b3b;border:0;border-radius:12px;min-width:240px;padding:14px 30px;font-size:18px;font-weight:800}.panel button.sec{background:#ffffff1f}.panel #estado{opacity:.75;min-height:1.4em;font-size:14px}.oculto{display:none!important}#aviso{text-align:center;text-shadow:0 2px #000a;pointer-events:none;font-size:22px;font-weight:800;position:fixed;top:22%;left:50%;transform:translate(-50%)}@media (max-width:700px){#camara{width:120px;height:90px}#lectura{min-width:0;font-size:10px}#combo{font-size:44px}#golpe{font-size:24px}}