.shot-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;background:#0d1b12;color:var(--text, #fff);font-family:var(--font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.shot-root *,.shot-root *:before,.shot-root *:after{box-sizing:border-box}.shot-root.shot-off{visibility:hidden;pointer-events:none}.shot-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.shot-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shot-hidden{display:none!important}.shot-pressure{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(200,20,20,.5) 100%);transition:opacity .15s linear}.shot-topbar{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:max(5px,env(safe-area-inset-top)) 10px 5px;background:linear-gradient(#000000b8,#00000080);border-bottom:1px solid rgba(255,255,255,.08)}.shot-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.shot-chips-right{justify-content:flex-end;flex-shrink:0}.shot-chip{padding:3px 10px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:700;letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums}.shot-chip-main{text-transform:uppercase;color:var(--accent, #ffe14d)}.shot-points{color:var(--accent, #ffe14d)}.shot-speed{background:#3cdc5a33;border-color:#3cdc5a80}.shot-timer{min-width:52px;text-align:center;background:var(--accent, #ffe14d);color:#1a1400}.shot-timer.shot-urgent{background:var(--bad, #e7322b);color:#fff;animation:shot-pulse .5s ease-in-out infinite alternate}.shot-alert{position:absolute;left:50%;top:52px;transform:translate(-50%);padding:3px 10px;border-radius:4px;background:#c81414bf;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;animation:shot-pulse .4s ease-in-out infinite alternate}@keyframes shot-pulse{0%{opacity:.65}to{opacity:1}}.shot-gauge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.shot-g-track,.shot-g-fill,.shot-g-sweet{fill:none;stroke-linecap:round}.shot-g-track{stroke:#00000080;stroke-width:11}.shot-g-fill{stroke-width:7}.shot-g-sweet{stroke:#ffffffeb;stroke-width:4;stroke-linecap:butt}.shot-g-label{fill:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;paint-order:stroke;stroke:#0009;stroke-width:3px}.shot-message{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%) scale(.6);text-align:center;white-space:nowrap;opacity:0}.shot-message-main{font-size:clamp(34px,9vw,92px);font-weight:900;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.35),0 0 30px rgba(0,0,0,.45)}.shot-message-sub{margin-top:6px;font-size:clamp(16px,3.5vw,26px);font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.6)}.shot-message-sub:empty{display:none}.shot-message.shot-show{animation:shot-pop 1.8s ease-out forwards}.shot-message.shot-goal .shot-message-main{color:var(--accent, #ffe14d)}.shot-message.shot-miss .shot-message-main{font-size:clamp(26px,6.5vw,60px)}@keyframes shot-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}22%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.shot-pop{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:clamp(28px,7vw,60px);font-weight:900;color:var(--good, #3cdc5a);text-shadow:0 3px 0 rgba(0,0,0,.4);opacity:0}.shot-pop.shot-show{animation:shot-rise 1.4s ease-out forwards}@keyframes shot-rise{0%{opacity:0;transform:translate(-50%,-20%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-110%) scale(1)}}.shot-bottom{position:absolute;left:0;right:0;top:48px;padding:0 12px;display:flex;justify-content:flex-start;pointer-events:none}.shot-hint{max-width:min(360px,46%);text-align:left;background:#0000008c;padding:5px 12px;border-radius:6px;font-size:13px}.shot-hint:empty{display:none}.shot-spin{position:absolute;right:12px;bottom:max(12px,env(safe-area-inset-bottom));opacity:.85}.shot-spin-ball{position:relative;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9d1d8 70%,#9aa4ad);border:2px solid #fff;box-shadow:0 3px 10px #00000073}.shot-spin-ball:before,.shot-spin-ball:after{content:"";position:absolute;background:#0000002e}.shot-spin-ball:before{left:50%;top:8%;bottom:8%;width:1px}.shot-spin-ball:after{top:50%;left:8%;right:8%;height:1px}.shot-spin-limit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(0,0,0,.45)}.shot-spin-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#e7322b;border:2px solid #fff;box-shadow:0 0 6px #e7322b}.shot-caption{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));max-width:calc(100% - 24px);padding:8px 16px 8px 14px;border-left:4px solid var(--accent, #ffe14d);border-radius:4px;background:linear-gradient(90deg,#000000d1,#0000008c);animation:shot-slide .35s ease-out}.shot-caption-text{font-size:clamp(15px,3.8vw,20px);font-weight:800}.shot-caption-skip{margin-top:2px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.6}@keyframes shot-slide{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.shot-fire{position:absolute;right:16px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto;touch-action:none;font-size:13px;font-weight:900;letter-spacing:.1em;text-shadow:0 1px 3px #000}.shot-fire .shot-spin-ball{width:84px;height:84px;box-shadow:0 0 0 4px #3cdc5a8c,0 4px 14px #00000073}.shot-fire.shot-fire-on .shot-spin-ball{box-shadow:0 0 0 5px #ff8a1fd9,0 4px 14px #00000073}.shot-fire .shot-spin-marker{width:16px;height:16px;margin:-8px 0 0 -8px}@media (max-width: 520px){.shot-chip{font-size:12px;padding:2px 7px}}.snd-toggle{display:inline-flex;align-items:center;gap:4px;pointer-events:auto;flex-shrink:0}.snd-btn{display:inline-grid;place-items:center;width:30px;height:26px;padding:0;border-radius:4px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.snd-btn:hover{background:#ffffff29}.snd-btn:focus-visible{outline:2px solid var(--accent, #ffe14d);outline-offset:1px}.snd-btn svg{width:18px;height:18px}.snd-muted .snd-btn{color:#ffffff8c}.snd-vol{width:64px;height:18px;margin:0;accent-color:var(--accent, #ffe14d);cursor:pointer;opacity:.8}@media (pointer: coarse),(max-width: 640px){.snd-vol{display:none}.snd-btn{width:34px;height:30px}}.snd-toggle.snd-light .snd-btn{border-color:#7f7f7f59;background:#7f7f7f1f;color:inherit;height:36px;width:40px}.snd-toggle.snd-light.snd-muted .snd-btn{opacity:.6}.shot-fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 40%,rgba(255,236,140,.55),rgba(255,200,40,.18) 45%,transparent 75%)}.shot-fx-flash.shot-fx-on{animation:shot-fx-flash .9s ease-out forwards}.shot-fx-flash.shot-fx-post{background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.35),transparent 65%)}@keyframes shot-fx-flash{0%{opacity:0}10%{opacity:1}to{opacity:0}}.shot-fx-slow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .18s ease-out;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%)}.shot-fx-slow.shot-fx-on{opacity:1}@media (prefers-reduced-motion: reduce){.shot-fx-flash.shot-fx-on{animation-duration:.4s}}@media (max-width: 640px){.shot-hud .snd-toggle{position:absolute;top:calc(100% + 6px);right:10px}.shot-hud .snd-btn{background:#00000080;border-color:#ffffff2e}}.shot-cel .shot-hud{opacity:0;transition:opacity .18s ease-out}.cel-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cel-bar{position:absolute;left:0;right:0;height:clamp(28px,9vh,84px);background:#000;transition:transform .32s cubic-bezier(.2,.7,.2,1)}.cel-bar--top{top:0;transform:translateY(-101%)}.cel-bar--bot{bottom:0;transform:translateY(101%);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));box-sizing:border-box}.cel-on .cel-bar{transform:translateY(0)}.cel-tag{color:#fff;font-size:clamp(12px,2.1vh,17px);letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(-12px);transition:opacity .4s .25s,transform .4s .25s}.cel-tag b{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:4px;background:#f28c28;color:#1a0d00;font-weight:900;letter-spacing:.08em}.cel-skip{color:#ffffffb3;font-size:clamp(11px,1.8vh,14px);white-space:nowrap;opacity:0;transition:opacity .4s .6s}.cel-on .cel-tag{opacity:1;transform:translate(0)}.cel-on .cel-skip{opacity:1}.cel-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0}