:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyan:#19e6ff;--pink:#ff3d6e;--panel:#070c14c7;--line:#19e6ff61;font-family:Segoe UI,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{color:#f4f7fb;background:#070b12;width:100%;height:100%;overflow:hidden}#app{position:fixed;inset:0}.view{touch-action:none;width:100%;height:100%;display:block}.look-layer{z-index:2;touch-action:none;position:fixed;inset:0}.hud,.vignette{pointer-events:none}.hud{z-index:5;padding:clamp(12px,2.4vw,24px);position:fixed;inset:0}.hud-top{flex-wrap:wrap;gap:8px;display:flex}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:92px;padding:8px 12px 10px}.label{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;font-size:11px}.value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.35rem;font-weight:750}.value.low{color:var(--pink)}.health-bar{background:#ffffff1f;border-radius:99px;height:8px;margin-top:6px;overflow:hidden}.health-fill{border-radius:inherit;background:linear-gradient(90deg, var(--pink), #ffb020);width:100%;height:100%}.crosshair,.hit-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair{width:18px;height:18px}.crosshair:before,.crosshair:after{content:"";box-shadow:0 0 8px var(--cyan);background:#ffffffeb;position:absolute}.crosshair:before{width:2px;height:16px;top:1px;left:50%;transform:translate(-50%)}.crosshair:after{width:16px;height:2px;top:50%;left:1px;transform:translateY(-50%)}.hit-marker{border:2px solid var(--pink);opacity:0;width:16px;height:16px;transform:translate(-50%,-50%)rotate(45deg)}.hit-marker.show{opacity:1}.wave-banner{letter-spacing:.18em;color:var(--cyan);text-shadow:0 0 18px #19e6ffa6;opacity:0;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;transition:opacity .25s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.wave-banner.show{opacity:1}.overlay{pointer-events:auto;background:#04080e47;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080e18e6;border-radius:18px;width:min(520px,100%);padding:clamp(22px,4vw,36px);box-shadow:0 24px 70px #00000073}.card h1{background:linear-gradient(120deg, #fff, var(--cyan) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1}.card-body{margin:14px 0 18px}.card p{color:#ffffffc7;margin-top:8px;line-height:1.55}.btn,.touch-btn{cursor:pointer;border:0;border-radius:999px;font-weight:750}.btn{color:#041018;background:linear-gradient(135deg, var(--cyan), #8af6ff);padding:12px 26px;box-shadow:0 8px 24px #19e6ff47}.btn:hover{filter:brightness(1.05)}.vignette{z-index:4;opacity:0;background:radial-gradient(#0000 42%,#ff28508c);transition:opacity .15s linear;position:fixed;inset:0}.vignette.hit{opacity:.85!important}.touch{z-index:6;pointer-events:none;position:fixed;inset:0}.stick{pointer-events:auto;border:1px solid var(--line);touch-action:none;background:#080e1873;border-radius:50%;width:118px;height:118px;position:absolute;bottom:22px;left:22px}.knob{background:#19e6ffd9;border-radius:50%;width:40px;height:40px;position:absolute;top:39px;left:39px}.touch-btn{pointer-events:auto;color:#041018;touch-action:none;width:78px;height:78px;position:absolute}.touch-btn.fire{background:var(--pink);color:#fff;bottom:28px;right:24px}.touch-btn.reload{background:var(--cyan);width:64px;height:64px;bottom:42px;right:112px}@media (width<=720px){.panel{min-width:72px;padding:6px 8px 8px}.value{font-size:1.05rem}.crosshair{display:none}}