*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0f0e17;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;font-family:Arial,sans-serif}.app{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:10px 8px}.hud{display:flex;gap:8px;background:#ffffff1a;border-radius:12px;padding:8px 12px;margin-bottom:6px;width:100%;justify-content:space-around}.stat{text-align:center;min-width:52px}.sl{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.sv{font-size:20px;font-weight:700;color:#fff;min-height:28px;line-height:1.3}.pu-wrap{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:10;width:90%;max-width:380px;text-align:center}.pu-label{font-size:13px;font-weight:700;color:gold;display:block;margin-bottom:3px}.pu-track{height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.pu-fill{height:100%;background:linear-gradient(to right,gold,#f80);border-radius:3px;transition:width .1s linear}.wrap{position:relative;width:100%;max-width:400px}.cvs{width:100%;height:auto;display:block;border-radius:12px;cursor:crosshair;touch-action:none;box-shadow:0 4px 24px #0009;user-select:none;-webkit-user-select:none}.ov{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b8;border-radius:12px}.ov-inner{text-align:center;color:#fff;padding:24px 20px;max-width:320px}.ov-inner h1{font-size:1.9rem;margin-bottom:8px}.sub{color:#ccc;font-size:.95rem;margin-bottom:14px}.miss-note{color:#faa;font-size:.82rem;margin-bottom:10px}.leg{text-align:left;display:inline-block;margin:4px 0 14px}.lr{display:flex;align-items:center;gap:8px;font-size:13px;color:#eee;margin:3px 0}.ld{display:inline-block;width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #0006}.hsp{color:gold;font-size:1rem;margin-bottom:12px}.fs{font-size:1.6rem;font-weight:700;margin-bottom:6px}.nhs{color:gold;font-size:1.1rem;font-weight:700;margin-bottom:6px}.btn{background:linear-gradient(135deg,#ff6b6b,#f33);color:#fff;border:none;padding:13px 40px;font-size:1.1rem;font-weight:700;border-radius:30px;cursor:pointer;margin-top:10px;box-shadow:0 4px 16px #ff3c3c73;transition:transform .1s,box-shadow .1s}.btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff3c3c8c}.btn:active{transform:scale(.97)}