html,body{margin:0;padding:0;background:#060816;overflow:hidden;position:fixed;inset:0;overscroll-behavior:none}canvas{display:block;position:fixed;top:0;left:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#7ae0ff;font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(#0e1440,#050614 85%);z-index:10;text-align:center}.overlay h1{letter-spacing:.12em;font-style:italic;text-shadow:0 0 18px rgba(122,224,255,.55)}.overlay button{background:#0d1438b3;border:2px solid #8fb8ff;color:#eaf4ff;font-family:system-ui,sans-serif;font-size:18px;padding:14px 28px;border-radius:12px;box-shadow:0 0 16px #8fb8ff59}.overlay .hint{max-width:320px;margin:0 8px;color:#bfe2ff;font-size:15px;line-height:1.4;opacity:.85}.hidden{display:none!important}#aimpad{position:fixed;left:0;right:0;bottom:0;height:50vh;z-index:5;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}#aimpad .dial{width:min(64vw,40vh);aspect-ratio:1;border-radius:50%;border:2px solid rgba(143,184,255,.32);box-shadow:inset 0 0 48px #7ae0ff1a,0 0 26px #7ae0ff0f;position:relative}#aimpad .dial:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#7adfff;box-shadow:0 0 14px #7adfff}#hud{position:fixed;top:16px;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;z-index:6;pointer-events:none;font-family:system-ui,sans-serif}#hp{display:flex;gap:5px}#hp i{width:10px;height:6px;border-radius:3px;background:#7adfff;box-shadow:0 0 8px #7adfff}#hp i.off{background:#1b2150;box-shadow:none}#streak{color:#bfe2ff;font-weight:800;font-style:italic;font-size:17px;text-shadow:0 0 10px rgba(122,224,255,.5)}#popups{position:fixed;inset:0;pointer-events:none;z-index:7}.gradepop{position:fixed;transform:translate(-50%,-50%);font-family:system-ui,sans-serif;font-weight:800;font-style:italic;font-size:26px;letter-spacing:.04em;white-space:nowrap;animation:gradepop .7s ease-out forwards}.gradepop.perfect{color:#7afcff;text-shadow:0 0 14px #7afcff,0 0 28px rgba(122,252,255,.6)}.gradepop.good{color:#8affc0;text-shadow:0 0 12px #8affc0}.gradepop.graze{color:#ffd166;text-shadow:0 0 12px #ffd166;font-size:22px}.gradepop.misfire{color:#ff5a6a;text-shadow:0 0 12px #ff5a6a}.gradepop.blocked{color:#b9c2dc;text-shadow:0 0 10px #8f9bc0;font-size:22px}@keyframes gradepop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-90%) scale(1.15)}to{opacity:0;transform:translate(-50%,-165%) scale(1)}}#end-tally{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;max-width:320px;margin:4px 0}#end-tally span{display:inline-flex;align-items:baseline;gap:6px;font-family:system-ui,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;opacity:.92}#end-tally b{font-size:18px;font-style:italic}#end-tally .tperfect{color:#7afcff}#end-tally .tgood{color:#8affc0}#end-tally .tgraze{color:#ffd166}#end-tally .tmiss{color:#ff5a6a}#end-tally .tblocked{color:#b9c2dc}