*{box-sizing:border-box}body{margin:0}#app{min-height:100vh;display:grid;place-items:center;background:#05070a;color:#e8e8e8;font-family:system-ui,sans-serif;user-select:none}.ab-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}.ab-hud{display:flex;gap:18px;font:600 14px system-ui,sans-serif;color:#aeb8c8;letter-spacing:.02em}.ab-stat{min-width:84px;text-align:center}.ab-stage{position:relative;line-height:0}.ab-canvas{display:block;border-radius:8px;box-shadow:0 8px 40px #0009;touch-action:none;cursor:crosshair}.ab-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:500 13px system-ui,sans-serif;color:#dce4f0b3;pointer-events:none;line-height:1.4}.ab-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#04060ab8;border-radius:8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ab-card{text-align:center;padding:24px 28px;line-height:1.3}.ab-card h2{margin:0 0 6px;font-weight:700}.ab-card p{margin:0 0 16px;color:#aeb8c8}.ab-btn{font:600 15px system-ui,sans-serif;color:#05070a;background:#ffe0aa;border:0;border-radius:999px;padding:10px 22px;cursor:pointer}.ab-btn:hover{background:#fff}