@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#eaf3ee;background:#171918;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;--ink: #eaf3ee;--muted: #80968e;--panel: #1b1e1d;--panel-2: #222625;--line: rgba(220, 226, 223, .12);--green: #27d58d;--green-dim: #138a62}*{box-sizing:border-box}html{min-width:320px;background:#171918}body{margin:0;min-width:320px;min-height:100vh;background:#1b1e1d}body.mini-program-embed,body.mini-program-embed *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.mini-program-embed img{-webkit-user-drag:none;user-drag:none}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #5be3aa;outline-offset:3px}a{color:inherit}.shell{width:min(1600px,100%);margin:0 auto;padding:0 30px 32px}.topbar{height:78px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;margin-right:auto;color:var(--ink);text-decoration:none}.brand-mark{width:38px;height:38px;display:block;flex:0 0 auto;object-fit:contain}.brand b{display:block;font-size:16px;letter-spacing:.19em;line-height:1}.brand small{display:block;color:#739088;font-size:12px;letter-spacing:.18em;margin-top:6px}.shared-topbar-meta{display:none;align-items:center;gap:8px;min-height:32px;padding:0 11px;border:1px solid rgba(91,227,170,.2);border-radius:6px;background:#27d58d0e;color:#819f93;font-size:12px}.shared-topbar-meta[hidden]{display:none!important}.shared-topbar-meta b{color:#d9eee5;font-size:12px}.shared-topbar-meta strong{color:var(--green);font:650 12px DM Mono,monospace}.shared-topbar-exit{display:none;height:31px;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(91,227,170,.32);border-radius:6px;background:#27d58d14;color:#a8e3c8;font-size:12px;font-weight:750;cursor:pointer}.shared-topbar-exit:hover{border-color:#5be3aa9e;background:#27d58d24;color:#effff8}.shared-topbar-exit kbd{color:#58776a;font:600 12px DM Mono,monospace}.mobile-assist-toggle{min-height:30px;align-items:center;justify-content:center;padding:0 9px;border:1px solid rgba(213,239,228,.12);border-radius:6px;background:#ffffff06;color:#69857b;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.mobile-assist-toggle b{margin-left:4px;color:#567168;font:600 12px DM Mono,monospace}.mobile-assist-toggle.active{border-color:#5be3aa7a;background:#093023b8;color:#b7ecd6;box-shadow:0 0 18px #27d58d14}.mobile-assist-toggle.active b{color:#4ee2a3}.share-button{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff06;color:#86a39a;cursor:pointer}.share-button .ui-icon{width:17px;height:17px;color:var(--green);fill:currentColor;stroke:none}.share-button em{font-style:normal;font-size:12px}.share-button:hover{color:#dff3eb;border-color:#5be3aa4d}.shot-share-button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid rgba(91,227,170,.24);border-radius:999px;background:#27d58d0f;color:#8fe0bd;font-size:12px;font-weight:700;cursor:pointer}.shot-share-button .ui-icon{width:14px;height:14px}.shot-share-button:hover:not(:disabled){border-color:#5be3aa80;background:#27d58d1c;color:#e7fff5}.shot-share-button:disabled{opacity:.28;filter:grayscale(.8);cursor:not-allowed}.product-feedback-button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff06;color:#9db4ab;font-size:12px;cursor:pointer}.product-feedback-button:hover{border-color:#5be3aa57;color:#e2f5ed;background:#27d58d0e}.product-feedback-button .ui-icon{width:15px;height:15px;color:var(--green)}.language-picker{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:#ffffff06;color:#78948a;font-size:12px}.language-picker span{white-space:nowrap}.language-picker select{max-width:105px;border:0;outline:0;background:transparent;color:#c0d2cb;font-size:12px;cursor:pointer}.language-picker option{background:#242827;color:#eaf3ee}.mobile-shot-actions,.mobile-shoot-button,.mobile-rehit-button,.mobile-layout-controls,.mobile-center-share-button,.mobile-photo-layout-button,.mobile-layout-button,.mobile-placement-button,.mobile-assist-toggle,.mobile-tools-button,.mobile-tools-menu,.mobile-layout-menu,.drawer-toggle,.drawer-backdrop{display:none}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding-top:20px;align-items:stretch}.stage-card,.control-card{background:#242827;border:1px solid var(--line);border-radius:13px;box-shadow:0 22px 60px #0000003d}.stage-card{padding:22px 22px 0;min-width:0;overflow:hidden}.stage-heading{height:47px;display:flex;align-items:flex-start;justify-content:flex-start}.eyebrow{margin:0 0 5px;color:#4d786a;font:500 12px DM Mono,monospace;letter-spacing:.2em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:20px;font-weight:700;letter-spacing:.03em}h2{margin-bottom:0;font-size:17px;letter-spacing:.03em}.stage-actions{width:100%;display:flex;gap:8px}#undoButton{margin-left:auto}.ui-icon{width:16px;height:16px;display:block;flex:0 0 auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(220,226,223,.18);background:#ffffff09;color:#c8d2ce;border-radius:7px;padding:7px 10px;font-size:12px;cursor:pointer;transition:.2s ease}.icon-button .icon-label{height:16px;display:inline-flex;align-items:center;line-height:1}.icon-button>.ui-icon,.trail-icon{align-self:center}.icon-button:hover:not(:disabled){color:#dcf0e7;border-color:#5be3aa3d;background:#5be3aa0f}.icon-button.inactive{opacity:.46}.history-button:disabled{border-color:#becac52e;background:#ffffff06;color:#7f8e88;opacity:1;filter:saturate(.35);box-shadow:inset 0 0 0 1px #ffffff05;cursor:not-allowed}.history-button:not(:disabled),.stage-actions .icon-button:not(:disabled){border-width:1px;border-color:#d8e5df85;background:#ffffff0e;color:#e1e8e5}.history-button:not(:disabled):hover,.stage-actions .icon-button:not(:disabled):hover{border-color:#eef7f3c7;color:#fff}.history-button:disabled .ui-icon{opacity:.72}.history-button:disabled .icon-label{color:#647e74}.desktop-placement-button.available{border-color:#5be3aa75;color:#63eab0}.desktop-layout-button{border-color:#5be3aa5c;color:#75ddb5}.desktop-layout-button[aria-expanded=true]{border-color:#31e39c;background:#27d58d1f;color:#dffff1}.desktop-placement-button.active{border-color:#31e39c;background:#22c983;color:#052117;box-shadow:0 0 0 2px #31e39c1f}.desktop-placement-button.unavailable,.desktop-placement-button:disabled{border-color:#becac524;color:#64756e;opacity:.55;cursor:not-allowed}.desktop-placement-icon{width:16px;height:16px;display:grid;place-items:center}.desktop-placement-icon .ui-icon{width:16px;height:16px}.trail-icon{width:16px;height:16px;display:grid;place-items:center;color:var(--green)}.trail-icon .ui-icon{width:16px;height:16px}.canvas-wrap{position:relative;margin:9px -4px 0}.shared-replay-mask{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;background:#1215143d}.shared-replay-mask[hidden]{display:none}.shared-replay-overlay{min-width:112px;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid rgba(210,226,219,.48);border-radius:999px;background:#1f2422eb;color:#edf4f1;font-size:13px;font-weight:800;cursor:pointer}.shared-replay-overlay .ui-icon{width:17px;height:17px}#tableCanvas{display:block;width:100%;height:clamp(330px,43vw,630px);cursor:crosshair;touch-action:none;overscroll-behavior:contain}#tableCanvas.panning{cursor:grabbing}#tableCanvas.placing{cursor:grab}#tableCanvas.placing:active{cursor:grabbing}.camera-reset{position:absolute;top:13px;right:14px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(213,239,228,.12);border-radius:6px;background:#030d0ab3;color:#78988d;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-reset:hover{color:#dff5eb;border-color:#5be3aa4d}.camera-reset b{color:var(--green);font:500 12px DM Mono,monospace}.trail-canvas-toggle{position:absolute;z-index:2;top:13px;left:14px;min-height:29px;padding:0 9px;border:1px solid rgba(213,239,228,.12);border-radius:6px;background:#030d0ac7;color:#69857b;font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.trail-canvas-toggle b{margin-left:4px;color:#567168;font:600 12px DM Mono,monospace}.trail-canvas-toggle.active{border-color:#5be3aa7a;background:#093023e0;color:#b7ecd6;box-shadow:0 0 18px #27d58d1f}.trail-canvas-toggle.active b{color:#4ee2a3}.canvas-hint{position:absolute;left:50%;bottom:21px;transform:translate(-50%);pointer-events:none;transition:opacity .25s}.canvas-hint span{display:block;padding:7px 12px;border-radius:999px;background:#030b09b8;border:1px solid rgba(255,255,255,.08);color:#adc1b9;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-hint.placement-active span{border-color:#5be3aac7;box-shadow:0 0 0 1px #27d58d33,0 0 16px #27d58d1f;color:#dff8ed}.canvas-hint.hidden{opacity:0}.onboarding-hints{display:contents;pointer-events:none}.onboarding-hints[hidden],.onboarding-tip[hidden]{display:none!important}.onboarding-tip{position:fixed;z-index:175;width:154px;min-height:48px;display:flex;align-items:center;justify-content:center;padding:9px 11px;border:1px solid rgba(216,229,223,.46);border-radius:9px;background:#272b2ac7;color:#edf1ef;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto;cursor:pointer;animation:onboarding-tip-in .24s ease-out}.onboarding-tip b{display:block;font-size:12px;font-weight:750;line-height:1.35;text-align:center}.onboarding-tip:hover{border-color:#eef7f3b8;background:#313634e6}.onboarding-tip:focus-visible{outline:2px solid #d8e0dd;outline-offset:3px}.onboarding-tip:after{content:"";position:absolute;width:9px;height:9px;border:solid rgba(216,229,223,.46);background:#272b2ae6;transform:rotate(45deg)}.onboarding-tip[data-placement=bottom]:after{top:-6px;left:var(--onboarding-arrow-x, 50%);border-width:1px 0 0 1px;transform:translate(-50%) rotate(45deg)}.onboarding-tip[data-placement=top]:after{bottom:-6px;left:var(--onboarding-arrow-x, 50%);border-width:0 1px 1px 0;transform:translate(-50%) rotate(45deg)}.onboarding-tip[data-placement=canvas]:after{display:none}.onboarding-aim{z-index:30;width:218px;justify-content:center;text-align:center}body.shared-playback-view .onboarding-hints{display:none!important}@keyframes onboarding-tip-in{0%{opacity:0;transform:translateY(5px) scale(.97)}}.playback-bar{min-height:54px;display:flex;align-items:center;gap:7px;margin:0 -4px;padding:8px 12px;border:1px solid rgba(220,226,223,.1);border-radius:8px 8px 0 0;background:#0f1110b8}.shared-shot-controls{display:none;align-items:center;gap:5px}.shared-shot-controls button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid rgba(91,227,170,.2);border-radius:6px;background:#27d58d0e;color:#91b8a8;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.shared-shot-controls button:hover:not(:disabled){border-color:#5be3aa80;background:#27d58d1c;color:#e4fff4}.shared-shot-controls button:disabled{opacity:.28;cursor:not-allowed}.shared-shot-controls .ui-icon{width:13px;height:13px}.shared-shot-detail{display:none}.shared-shot-detail[hidden]{display:none!important}.transport-button{flex:0 0 auto;height:30px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:#10211c;color:#8aa49a;font:600 12px DM Mono,monospace;cursor:pointer}.transport-button small{color:#526d64;font-size:12px}.transport-button .ui-icon{width:15px;height:15px}.transport-button.play{width:34px;color:#061a12;background:var(--green);border-color:var(--green)}.transport-button.frame{min-width:28px;width:28px;padding:0;font-size:20px}.transport-button:hover:not(:disabled){border-color:#5be3aa57;color:#e3f4ed}.transport-button.play:hover:not(:disabled){color:#061a12;filter:brightness(1.08)}.transport-button:disabled{opacity:.3;cursor:not-allowed}.timeline-wrap{min-width:150px;flex:1;display:flex;flex-direction:column;gap:5px}.timeline-wrap input{width:100%;height:4px;appearance:none;border-radius:99px;background:linear-gradient(to right,var(--green) 0 var(--timeline-progress, 0%),#22332e var(--timeline-progress, 0%) 100%)}.timeline-wrap input:disabled{opacity:.45}.timeline-meta{display:flex;align-items:center;justify-content:space-between;color:#4d6a60;font-size:12px}.timeline-meta output{color:#739087;font:500 12px DM Mono,monospace}.rate-control{flex:0 0 auto;display:flex;padding:2px;border:1px solid var(--line);border-radius:5px;background:#ffffff05}.rate-control button{height:24px;padding:0 7px;border:0;border-radius:3px;background:transparent;color:#536e64;font:500 12px DM Mono,monospace;cursor:pointer}.rate-control button.active{color:#bdf6dc;background:#27d58d21}.exit-playback{flex:0 0 auto;height:30px;padding:0 9px;border:1px solid rgba(127,200,255,.22);border-radius:5px;background:#7fc8ff12;color:#9dcbea;font-size:12px;cursor:pointer}.exit-playback kbd{margin-left:4px;color:#59798e;font:500 12px DM Mono,monospace}.exit-playback:hover:not(:disabled){border-color:#7fc8ff75;color:#d9efff}.exit-playback:disabled{opacity:.25;cursor:not-allowed}.readouts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -22px;border-top:1px solid var(--line);background:#0e100f80}.readouts>div{padding:13px 19px 15px;border-right:1px solid var(--line)}.readouts>div:last-child{border-right:0}.readouts span{display:block;color:#607b71;font-size:12px;letter-spacing:.08em;margin-bottom:5px}.readouts strong{font:500 15px DM Mono,monospace;color:#dce9e4}.readouts small{font-size:12px;color:#668278}.motion-undo-button{display:none;position:fixed;z-index:60;right:44px;bottom:66px;width:94px;height:34px;align-items:center;justify-content:center;gap:7px;padding:0 9px;border:1px solid rgba(91,227,170,.52);border-radius:7px;background:#10553d;color:#baf5dc;box-shadow:0 8px 22px #00000059,inset 0 0 0 1px #ffffff09;cursor:pointer;animation:motion-undo-in .16s ease-out}.motion-undo-button[hidden]{display:none}.motion-undo-button:hover{border-color:#6aefb7;background:#14704f;color:#effff8}.motion-undo-button .ui-icon{width:15px;height:15px}.motion-undo-button b{font-size:12px;font-weight:750;white-space:nowrap}.cue-ball-out-button{display:flex;position:absolute;z-index:6;top:72%;left:50%;min-width:112px;height:38px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid rgba(91,227,170,.62);border-radius:999px;background:#10553d;color:#e1f8ee;box-shadow:0 10px 28px #0006,inset 0 0 0 1px #ffffff09;transform:translate(-50%,-50%);cursor:pointer;animation:cue-ball-out-in .18s ease-out}.cue-ball-out-button[hidden]{display:none}.cue-ball-out-button:hover{border-color:#75f2bd;background:#14704f}.cue-ball-out-button i{width:18px;height:18px;flex:0 0 auto;border:1px solid #c8c5ba;border-radius:50%;background:#f1eee3;box-shadow:inset -2px -2px 3px #0000001f}.cue-ball-out-button b{font-size:12px;font-weight:750;white-space:nowrap}@keyframes motion-undo-in{0%{opacity:0;transform:translateY(3px) scale(.97)}}@keyframes cue-ball-out-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 4px)) scale(.96)}}@keyframes rehit-attention{0%,to{box-shadow:none}35%,70%{border-color:#7bf3c0;background:#27d58d33;color:#ecfff7;box-shadow:0 0 0 3px #27d58d1f,0 0 18px #27d58d47}}.control-card{padding:22px;display:flex;flex-direction:column}.control-title{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.control-title h2{font-size:14px;white-space:nowrap}.control-title-copy{display:flex;align-items:center;gap:10px}.quick-control{position:relative}.compact-shot-group{height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px 0 5px;border:1px solid rgba(91,227,170,.2);border-radius:6px;background:#ffffff06;color:#91aaa0;white-space:nowrap;cursor:pointer}.compact-shot-group:hover,.compact-shot-group[aria-expanded=true]{border-color:#5be3aa7a;background:#27d58d17;color:#d9eee6}.compact-shot-group b{font:650 12px DM Mono,monospace}.compact-power-group{gap:4px;padding:0 9px}.compact-power-group span{color:#668278;font-size:12px}.compact-power-group b{color:#66e5ae}.compact-cue-ball{position:relative;width:20px;height:20px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf4,#d7d3c5 72%,#aaa79d);box-shadow:inset -2px -2px 4px #0000001f}.compact-cue-ball i{position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ef554f;box-shadow:0 0 0 1px #5b1412a6}.shot-quick-popup{position:absolute;z-index:80;top:calc(100% + 8px);left:0;width:190px;padding:12px;border:1px solid rgba(91,227,170,.3);border-radius:10px;background:#1c201efc;box-shadow:0 18px 45px #00000094}.shot-quick-popup[hidden]{display:none}.shot-quick-popup>small{display:block;margin-bottom:10px;color:#aab7b2;font-size:12px;font-weight:700;letter-spacing:.08em}.spin-quick-popup{right:0;left:auto;width:min(400px,calc(100vw - 24px))}.quick-spin-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:12px}.quick-spin-manual,.quick-spin-presets{min-width:0}#quickSpinCanvas{width:100%;max-width:174px;aspect-ratio:1;display:block;margin:0 auto;cursor:crosshair;touch-action:none}.quick-spin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quick-spin-grid button{position:relative;height:48px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:radial-gradient(circle,#eae7dc 0 45%,#9da29c 47% 52%,#ffffff06 54%);cursor:pointer}.quick-spin-grid button:hover{border-color:#5be3aa80;background-color:#27d58d12}.quick-spin-grid button.selected{border-color:#53e4a7;box-shadow:inset 0 0 0 1px #53e4a75c,0 0 0 2px #27d58d1a}.quick-spin-grid i{position:absolute;left:var(--qx);top:var(--qy);width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ef554f;box-shadow:0 0 0 1px #8b2925}.power-quick-popup{left:auto;right:0;width:min(340px,calc(100vw - 24px))}.quick-power-row{display:grid;grid-template-columns:44px 40px minmax(90px,1fr) 40px 44px;align-items:center;gap:7px}.quick-power-row button{width:100%;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:6px;background:#ffffff06;color:var(--green);font:650 12px DM Mono,monospace;cursor:pointer}.quick-power-row button.fine{border-color:#5be3aa40;background:#27d58d13;color:#a5f0d0}.quick-power-row input{width:100%;accent-color:var(--green)}.quick-power-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px}.quick-power-presets button{min-width:0;height:34px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff05;color:#aab7b2;font:600 12px DM Mono,monospace;white-space:nowrap;cursor:pointer}.quick-power-presets button:hover{border-color:#5be3aa66;color:#c9e8dc}.control-section{padding:16px 0;border-bottom:1px solid var(--line)}.spin-section{padding-bottom:12px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#b8c9c2}.section-label output{color:var(--green);font:500 12px DM Mono,monospace}.spin-control-row{height:188px;position:relative;display:flex;align-items:center;justify-content:center}#spinCanvas{width:196px;height:196px;display:block;cursor:crosshair;touch-action:none}.drawer-spin-presets{display:none}.spin-scale{position:absolute;right:1px;top:26px;bottom:23px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#536d64;font-size:12px}.spin-scale i{flex:1;width:1px;background:linear-gradient(#34d796,#42685c 50%,#d9a465)}.spin-params{display:grid;grid-template-columns:1fr;gap:7px;margin:1px 0 9px}.spin-params label{min-height:48px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;padding:7px 9px 7px 12px;border:1px solid var(--line);border-radius:7px;background:#ffffff05;color:#a9b7b2;font:650 12px DM Mono,monospace}.spin-scrubber{--scrub-offset: 0px;height:34px;min-width:0;display:flex;align-items:center;gap:9px;padding:0 8px 0 9px;border:1px solid rgba(39,213,141,.25);border-radius:6px;background:#0a19145c;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.spin-scrubber:focus-visible{outline:2px solid #5be3aa;outline-offset:2px}.spin-scrubber.dragging{border-color:#5be3aa94;background:#122f24a8}.spin-scrubber-wheel{position:relative;min-width:70px;height:22px;flex:1;overflow:hidden;border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(173,192,184,.27) 9px 10px,transparent 10px 19px);background-position:var(--scrub-offset) 0}.spin-scrubber-wheel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,20,.95),transparent 23%,transparent 77%,rgba(10,25,20,.95))}.spin-scrubber-wheel:after{content:"";position:absolute;top:2px;bottom:2px;left:50%;width:2px;border-radius:2px;background:var(--green);box-shadow:0 0 8px #27d58d6b;transform:translate(-50%)}.spin-scrubber output{width:50px;flex:0 0 auto;color:var(--green);font:650 13px DM Mono,monospace;text-align:right}.power-slider,.angle-control input{appearance:none;height:4px;border-radius:99px;outline:none}.power-slider{width:100%;margin:18px 0 7px;background:linear-gradient(to right,var(--green) 0 var(--fill),#22332e var(--fill) 100%)}.power-control-row{display:grid;grid-template-columns:30px 26px minmax(54px,1fr) 26px 30px;align-items:center;gap:5px;margin:18px 0 7px}.power-control-row .power-slider{min-width:0;margin:0}.power-control-row button{width:100%;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:5px;background:#ffffff06;color:var(--green);font:650 12px DM Mono,monospace;cursor:pointer}.power-control-row button.fine{border-color:#5be3aa40;background:#27d58d13;color:#a5f0d0}.power-control-row button:hover{border-color:#5be3aa75;color:#e4f8ef}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#dbefe6;border:3px solid #21bc7c;box-shadow:0 0 0 4px #27d58d1a;cursor:pointer}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#dbefe6;border:3px solid #21bc7c;box-shadow:0 0 0 4px #27d58d1a;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#4d675e;font-size:12px}.pocket-assist-toggle{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#ffffff05;cursor:pointer}.pocket-assist-toggle span{min-width:0}.pocket-assist-toggle b,.pocket-assist-toggle small{display:block}.pocket-assist-toggle b{color:#a8c1b7;font-size:12px}.pocket-assist-toggle small{margin-top:3px;color:#506b61;font-size:12px;white-space:nowrap}.pocket-assist-toggle input{position:relative;width:32px;height:18px;flex:0 0 auto;margin:0;appearance:none;border:1px solid #315148;border-radius:99px;background:#13251f;cursor:pointer;transition:.18s ease}.pocket-assist-toggle input:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#668278;transition:.18s ease}.pocket-assist-toggle input:checked{border-color:#2bd994;background:#27d58d3d}.pocket-assist-toggle input:checked:after{left:16px;background:#50e5a7}.pocket-assist-toggle:has(input:checked){border-color:#5be3aa57;background:#27d58d0e}.pocket-assist-toggle:has(input:checked) b{color:#c9f4e2}.angle-control{display:grid;grid-template-columns:25px 1fr 25px;gap:9px;align-items:center;margin-top:14px}.angle-control button{width:25px;height:25px;padding:0;border:1px solid var(--line);border-radius:5px;background:#13231e;color:#789087;cursor:pointer}.angle-control input{width:100%;background:#22332e}.shot-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.shoot-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #3be49e;border-radius:7px;background:linear-gradient(135deg,#24c883,#159260);color:#032016;font-weight:800;letter-spacing:.12em;cursor:pointer;box-shadow:0 12px 25px #1292602e;transition:.18s ease}.shot-actions .shoot-button{grid-column:1 / -1}.shoot-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 15px 32px #1292604d}.shoot-button:disabled{filter:grayscale(.65);opacity:.45;cursor:not-allowed}.shoot-button kbd{padding:3px 6px;border:1px solid rgba(0,0,0,.2);border-radius:3px;font:600 12px DM Mono,monospace}.rehit-button{min-width:0;min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px;border:1px solid rgba(91,227,170,.22);border-radius:7px;background:#5be3aa0e;color:#86a69a;cursor:pointer;transition:.18s ease}.rehit-button span{color:var(--green);font:600 12px DM Mono,monospace}.rehit-button strong{font-size:12px;font-weight:650;white-space:nowrap}.rehit-button:hover:not(:disabled){border-color:#5be3aa80;background:#5be3aa1a;color:#dff5ec}.rehit-button:disabled{opacity:.28;filter:grayscale(.7);cursor:not-allowed}.rehit-button.rehit-attention:not(:disabled){animation:rehit-attention 1.6s ease-out}.shoot-note{margin:9px 0 0;color:#5a746b;font-size:12px;text-align:center}.scenario-bar{margin-top:18px;min-height:112px;padding:18px 22px;display:grid;grid-template-columns:145px 1fr;align-items:center;gap:20px}.scenario-copy h2{font-size:16px}.game-mode-switch{display:inline-flex;margin-top:10px;padding:2px;border:1px solid rgba(220,226,223,.13);border-radius:7px;background:#00000021}.game-mode-switch button{min-height:26px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#718b81;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.game-mode-switch button.active{background:#27d58d24;color:#baf2d9;box-shadow:inset 0 0 0 1px #5be3aa33}.mobile-game-mode-row{display:none}.scenario-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.scenario{min-width:0;height:70px;display:flex;align-items:center;gap:12px;padding:9px 12px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#ffffff05;color:#8ba199;cursor:pointer;transition:.2s ease}.scenario:hover{border-color:#5be3aa40;background:#5be3aa09}.scenario.active{border-color:#27d58d6b;background:linear-gradient(135deg,#27d58d1a,#27d58d06);box-shadow:inset 0 0 0 1px #27d58d0d}.scenario b,.scenario small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scenario b{color:#bdd0c8;font-size:12px;margin-bottom:6px}.scenario.active b{color:#e2f3ec}.scenario small{font-size:12px;color:#526d64}.mini-layout{flex:0 0 auto;width:43px;height:28px;position:relative;display:block;border:2px solid #315d50;background:#174638;border-radius:3px}.mini-layout:before,.mini-layout:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#e9e5d8;top:9px;left:7px;box-shadow:18px 0 #f1c84c}.mini-layout.cut:after{left:27px;top:5px;box-shadow:none;background:#d94b45}.mini-layout.rail:before{left:8px;top:16px}.mini-layout.rail:after{left:27px;top:3px;box-shadow:none;background:#f1c84c}.mini-layout.rack:after{left:26px;top:9px;box-shadow:-4px -4px #d94b45,-4px 4px #2e68c5,0 0 #f1c84c}.mini-layout.runout:before{left:4px;top:16px;background:#eee9dc;box-shadow:8px -9px #f1c84c,17px -3px #2e68c5,26px -11px #141818}.mini-layout.runout:after{display:none}.mini-layout.route-run:before{left:3px;top:4px;box-shadow:9px 12px #f1c84c,18px 1px #2e68c5,27px 12px #141818}.mini-layout.breakout-run:before{left:3px;top:13px;box-shadow:9px -8px #f1c84c,18px 0 #2e68c5,23px 4px #d94b45,30px -8px #141818}.mobile-layout-menu.open{position:fixed;z-index:180;top:50%;left:50%;width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 40px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;border:1px solid rgba(91,227,170,.34);border-radius:14px;background:#242827;box-shadow:0 0 0 100vmax #050706ad,0 24px 70px #0000009e;transform:translate(-50%,-50%);overflow-y:auto}.mobile-layout-menu-header{grid-column:1 / -1;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--line)}.mobile-layout-menu-header small{display:block;margin-bottom:4px;color:#5b756b;font:600 12px DM Mono,monospace;letter-spacing:.14em}.mobile-layout-menu-header h2{color:#e7f0ec;font-size:18px}.mobile-layout-menu-close{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid rgba(220,226,223,.22);border-radius:50%;background:#ffffff09;color:#c6d0cc;font-size:25px;font-weight:300;line-height:1;cursor:pointer}.layout-menu-game-mode{grid-column:1 / -1;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.layout-menu-game-mode>span b,.layout-menu-game-mode>span small{display:block}.layout-menu-game-mode>span b{color:#d2e1db;font-size:12px}.layout-menu-game-mode>span small{margin-top:3px;color:#607d72;font-size:12px}.layout-menu-game-mode .game-mode-switch{flex:0 0 auto;margin:0}.mobile-layout-option{min-width:0;height:92px;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#ffffff06;color:#819b91;text-align:left;cursor:pointer}.mobile-layout-option:hover{border-color:#5be3aa4d;background:#27d58d0b}.mobile-layout-option.active{border-color:#27d58d6b;background:#27d58d17}.mobile-layout-option .layout-preview{width:72px;height:47px;display:block;flex:0 0 auto;border-radius:5px}.mobile-layout-option span{min-width:0}.mobile-layout-option b,.mobile-layout-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-layout-option b{color:#dbeae4;font-size:14px}.mobile-layout-option small{margin-top:5px;color:#6d837b;font-size:12px}.qr-dialog{width:min(340px,calc(100vw - 28px));padding:25px;border:1px solid rgba(91,227,170,.24);border-radius:13px;background:#202321;color:var(--ink);text-align:center;box-shadow:0 28px 90px #000000a6}.qr-dialog::backdrop{background:#010705c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.qr-dialog h2{margin-bottom:7px;font-size:18px}.qr-close{position:absolute;top:10px;right:10px;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:#80968e;font-size:18px;cursor:pointer}.qr-canvas-wrap{width:264px;height:264px;display:grid;place-items:center;margin:0 auto 14px;border-radius:10px;background:#f4f2e8;box-shadow:0 10px 30px #0000004d}.qr-canvas-wrap canvas{display:block;width:248px;height:248px}.qr-dialog>a{display:block;color:var(--green);font:500 12px DM Mono,monospace;text-decoration:none}.product-feedback-dialog{width:min(480px,calc(100vw - 28px));padding:25px;border:1px solid rgba(91,227,170,.24);border-radius:13px;background:#242827;color:var(--ink);box-shadow:0 28px 90px #000000b3}.product-feedback-dialog::backdrop{background:#010705c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.product-feedback-dialog h2{margin-bottom:16px;font-size:18px}.product-feedback-dialog textarea{width:100%;min-height:150px;padding:12px 13px;resize:vertical;border:1px solid rgba(220,226,223,.18);border-radius:8px;outline:0;background:#050d0a80;color:#e5f0eb;font:500 12px Inter,Noto Sans SC,sans-serif;line-height:1.6}.product-feedback-dialog textarea:focus{border-color:#5be3aa9e;box-shadow:0 0 0 2px #27d58d17}.product-feedback-dialog textarea::placeholder{color:#5e756c}.product-feedback-dialog>p{min-height:20px;margin:8px 0 0;color:#8bbdab;font-size:12px}.product-feedback-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.product-feedback-actions button{min-width:92px}.shot-share-dialog{width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:25px;overflow:auto;border:1px solid rgba(91,227,170,.24);border-radius:13px;background:#242827;color:var(--ink);box-shadow:0 28px 90px #000000b3}.shot-share-dialog::backdrop{background:#010705c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shot-share-dialog h2{margin-bottom:15px;font-size:19px}.shot-share-meta{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid rgba(91,227,170,.17);border-radius:8px;background:#27d58d0b}.shot-share-meta b{color:#dceee7;font-size:12px}.shot-share-meta span{color:var(--green);font:500 12px DM Mono,monospace}.shot-stack-picker{display:grid;gap:14px;margin-top:17px}.shot-stack-picker section{min-width:0}.shot-stack-picker header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#758e84;font-size:12px}.shot-stack-picker output{overflow:hidden;color:#b9d3c9;font:500 12px DM Mono,monospace;text-align:right;text-overflow:ellipsis;white-space:nowrap}.shot-thumbnail-grid{display:grid;grid-auto-columns:118px;grid-auto-flow:column;gap:8px;padding:2px 2px 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#285345 transparent}.shot-thumbnail{position:relative;min-width:0;padding:5px;border:1px solid rgba(190,221,208,.1);border-radius:8px;background:#0109078a;color:#7f998f;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,opacity .16s}.shot-thumbnail canvas{display:block;width:100%;aspect-ratio:1 / 2;border-radius:5px;opacity:.72}.shot-thumbnail span{display:flex;align-items:center;justify-content:center;padding:5px 2px 1px}.shot-thumbnail b{color:#9cb2aa;font:700 12px DM Mono,monospace}.shot-thumbnail small{overflow:hidden;color:#637d73;font:500 12px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.shot-thumbnail.in-range{border-color:#42e7a3ad;background:#27d58d21;box-shadow:inset 0 0 0 1px #42e7a329}.shot-thumbnail.in-range canvas{opacity:1}.shot-thumbnail.in-range b{color:#dcfff0}.shot-thumbnail.in-range small{color:#91dabb}.shot-thumbnail.selected{border-color:#69f3b7;background:#27d58d38;box-shadow:0 0 0 2px #42e7a36b,0 8px 22px #00000057}.shot-thumbnail.selected b,.shot-thumbnail.selected small{color:#f0fff8}.shot-thumbnail.range-start:before,.shot-thumbnail.range-end:after{position:absolute;z-index:2;top:9px;min-width:20px;height:18px;display:grid;place-items:center;border-radius:5px;background:#44e7a4;color:#032016;font:800 12px DM Mono,monospace;box-shadow:0 2px 10px #00000075,0 0 0 1px #e1fff280}.shot-thumbnail.range-start:before{content:attr(data-range-start-label);left:9px}.shot-thumbnail.range-end:after{content:attr(data-range-end-label);right:9px}.shot-share-tip{margin:15px 0 0;color:#617b71;font-size:12px;line-height:1.6}.shot-share-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.shot-share-actions button{min-height:35px;padding:0 15px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:#879e95;font-size:12px;font-weight:700;cursor:pointer}.shot-share-actions button.primary{border-color:#3be49e;background:linear-gradient(135deg,#25cc86,#159260);color:#032016}.table-reset-icon{fill:currentColor;stroke:none}.reset-confirm-dialog{width:min(440px,calc(100vw - 28px));padding:24px;border:1px solid rgba(220,226,223,.2);border-radius:14px;background:#242827;color:var(--ink);box-shadow:0 28px 90px #000000b8}.reset-confirm-dialog::backdrop{background:#050706b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reset-confirm-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:16px;border:1px solid rgba(91,227,170,.28);border-radius:50%;background:#27d58d12;color:#7ce5b8}.reset-confirm-icon .ui-icon{width:23px;height:23px}.reset-confirm-copy h2{margin-bottom:10px;font-size:19px}.reset-confirm-copy>p:last-child{margin-bottom:0;color:#91a39c;font-size:12px;line-height:1.75}.reset-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.reset-confirm-actions button{min-width:96px;height:38px;padding:0 16px;border-radius:7px;font-size:12px;font-weight:750;cursor:pointer}.rehit-help-dialog .reset-confirm-actions button{width:100%}.reset-cancel{border:1px solid rgba(220,226,223,.16);background:#ffffff06;color:#a7b5b0}.reset-confirm{border:1px solid #48dfa1;background:#27d58d;color:#052117}.photo-dialog{width:min(1180px,calc(100vw - 32px));max-height:min(900px,calc(100dvh - 32px));padding:26px;overflow:auto;border:1px solid rgba(91,227,170,.24);border-radius:15px;background:#242827;color:var(--ink);box-shadow:0 30px 100px #000000b8}.photo-dialog::backdrop{background:#010705c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-close{position:absolute;z-index:2;top:13px;right:13px;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff06;color:#80968e;font-size:18px;cursor:pointer}.dialog-close:hover{color:#eff9f5;border-color:#5be3aa59}.photo-dialog-heading{padding-right:38px}.photo-dialog-heading h2{margin-bottom:7px;font-size:21px}.photo-dialog-heading>p:last-child{max-width:680px;margin-bottom:0;color:#718b81;font-size:12px;line-height:1.65}.photo-workspace{display:grid;grid-template-columns:1fr;align-items:start;gap:14px;margin-top:18px}.photo-dropzone,.photo-layout-preview{position:relative;min-width:0;aspect-ratio:16 / 7;overflow:hidden;border:1px solid rgba(190,221,208,.13);border-radius:10px;background:#07110e}.photo-dropzone{display:grid;width:100%;padding:0;place-items:center;color:#729086;cursor:pointer}.photo-dropzone:hover,.photo-dropzone.dragging{border-color:#37e3a47a;background:#27d58d0b}.photo-view-layer{position:absolute;z-index:1;inset:0;transform-origin:center;will-change:transform}.photo-view-layer img{width:100%;height:100%;display:block;object-fit:contain;background:#040906;-webkit-user-select:none;user-select:none;pointer-events:none}.photo-dropzone #photoRecognitionOverlay{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;pointer-events:none;touch-action:none}.photo-dropzone #photoRecognitionOverlay.interactive{pointer-events:auto;cursor:crosshair}.photo-dropzone.pan-mode #photoRecognitionOverlay.interactive{cursor:grab}.photo-dropzone.pan-mode.dragging-view #photoRecognitionOverlay.interactive{cursor:grabbing}.photo-canvas-tools{position:absolute;z-index:4;top:9px;right:9px;display:flex;gap:4px;padding:4px;border:1px solid rgba(91,227,170,.2);border-radius:7px;background:#030e0adb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.photo-canvas-tools button{height:27px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:#769087;font-size:12px;font-weight:700;cursor:pointer}.photo-canvas-tools button.active{background:#27d58d26;color:#52e6a7}.photo-dropzone [hidden]{display:none!important}.photo-drop-placeholder{display:grid;place-items:center;gap:8px;padding:20px;text-align:center}.photo-drop-placeholder .ui-icon{width:29px;height:29px;color:var(--green)}.photo-drop-placeholder b{color:#bdd2c9;font-size:12px}.photo-drop-placeholder small{color:#4f6b61;font-size:12px}.photo-layout-preview canvas{width:100%;height:100%;display:block}.photo-counts{margin-top:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#020a0885;color:#a7bdb4;font:500 12px DM Mono,monospace;text-align:center}.photo-number-picker{position:absolute;z-index:5;left:10px;right:10px;bottom:10px;padding:9px;border:1px solid rgba(75,235,175,.42);border-radius:9px;background:#04110df0;box-shadow:0 12px 34px #0000007a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default}.photo-number-picker>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#c8ddd5;font-size:12px;font-weight:700}.photo-number-picker>div:first-child button{width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:#789087;cursor:pointer}.photo-number-options{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.photo-number-options button{min-width:0;height:25px;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:5px;background:#ffffff09;color:#c7d8d1;font:700 12px DM Mono,monospace;cursor:pointer}.photo-number-options button[data-group=cue]{background:#e8e4d8;color:#18201d}.photo-number-options button[data-group=black]{border-color:#817247;background:#151a18;color:#e5ce70}.photo-number-options button[data-group=solid]{border-color:#ff7b5c4d;color:#ff9d86}.photo-number-options button[data-group=striped]{border-color:#68bfff4d;color:#91cfff}.photo-number-options button:hover,.photo-number-options button:focus-visible{border-color:var(--green);outline:none;box-shadow:0 0 0 2px #27d58d24}.photo-ignore-button{width:100%;height:29px;margin-top:7px;border:1px solid rgba(239,120,111,.34);border-radius:6px;background:#ef786f12;color:#f09a92;font-size:12px;font-weight:700;cursor:pointer}.photo-ignore-button:hover,.photo-ignore-button:focus-visible{border-color:#ef786fb3;outline:none;background:#ef786f1f}.photo-status{position:relative;min-height:36px;display:flex;align-items:center;margin-top:13px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#ffffff05;color:#789087;font-size:12px}.photo-status[data-state=loading]{padding-left:36px;color:#c7d8d1}.photo-status[data-state=loading]:before{content:"";position:absolute;left:12px;width:13px;height:13px;border:2px solid rgba(39,213,141,.2);border-top-color:var(--green);border-radius:50%;animation:photo-spin .7s linear infinite}.photo-status[data-state=success]{border-color:#27d58d47;background:#27d58d0e;color:#69e5ad}.photo-status[data-state=error]{border-color:#f16e604d;background:#f16e600e;color:#f0a098}.photo-warnings{margin:10px 0 0;padding:10px 12px 10px 28px;border:1px solid rgba(234,190,98,.18);border-radius:7px;background:#eabe620a;color:#b9a980;font-size:12px;line-height:1.65}.photo-warnings li+li{margin-top:3px}.photo-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.feedback-button{margin-right:auto;border-color:#68bfff47;color:#91cfff;background:#68bfff0e}.train-button{border-color:#eabe624d;color:#dfbf72;background:#eabe620e}.secondary-button,.primary-button{min-height:36px;padding:0 16px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer}.secondary-button{border:1px solid var(--line);background:#ffffff06;color:#849e94}.secondary-button.accent{border-color:#27d58d45;color:#70dbae;background:#27d58d0e}.primary-button{border:1px solid #3be49e;background:linear-gradient(135deg,#25cc86,#159260);color:#032016}.secondary-button:disabled,.primary-button:disabled{opacity:.32;cursor:not-allowed;filter:grayscale(.7)}@keyframes photo-spin{to{transform:rotate(360deg)}}@media(min-width:761px){main{grid-template-columns:minmax(0,1fr) 420px}.control-title-copy .quick-control{display:none}.spin-control-row{height:202px;justify-content:space-between;gap:14px}#spinCanvas{width:196px;height:196px;flex:0 0 auto}.drawer-spin-presets{width:166px;display:block;flex:0 0 auto}.drawer-spin-presets .quick-spin-grid{gap:6px}.drawer-spin-presets .quick-spin-grid button{height:50px}.spin-scale{display:none}}@media(max-width:1060px){main{grid-template-columns:1fr}.control-card{display:grid;grid-template-columns:1.1fr 1fr;gap:0 28px}.control-title{grid-column:1 / -1}.spin-section{grid-row:span 3;border-bottom:0}.shot-actions{margin-top:16px}.shoot-note{align-self:start}.scenario-bar{grid-template-columns:115px 1fr}}@media(max-width:760px){html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.shell{width:100%;height:100dvh;padding:0;overflow:hidden}.topbar{height:50px;gap:12px;padding:0 12px}.brand{gap:8px}.brand-mark{width:29px;height:29px}.brand b{font-size:13px;letter-spacing:.16em}.brand small{display:none}.share-button{width:29px;height:29px;padding:0;justify-content:center}.share-button em{display:none}.language-picker{width:35px;height:29px;padding:0 5px;overflow:hidden}.language-picker span{display:none}.language-picker select{width:25px;max-width:25px;color:transparent;background:linear-gradient(90deg,#7ca195,#b8d8cc);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM3 12h18M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21M12 3C9.7 5.5 8.5 8.5 8.5 12s1.2 6.5 3.5 9' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/19px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM3 12h18M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21M12 3C9.7 5.5 8.5 8.5 8.5 12s1.2 6.5 3.5 9' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/19px no-repeat}.shot-share-button{width:29px;height:29px;padding:0}.shot-share-button span{display:none}.product-feedback-button{width:29px;height:29px;padding:0}.product-feedback-button span{display:none}.mobile-shot-actions{position:relative;display:flex;align-items:center;gap:3px;margin-left:auto}.mobile-shoot-button{display:block;height:36px;padding:0 15px;border:1px solid #3be49e;border-radius:7px;background:var(--green);color:#052117;font-size:12px;font-weight:800;cursor:pointer}.mobile-shoot-button:not(:disabled){border-width:2px}.mobile-shoot-button:disabled{opacity:.35;filter:grayscale(.7)}.mobile-rehit-button{width:34px;height:36px;display:grid;place-items:center;padding:0;border:1px solid rgba(91,227,170,.26);border-radius:7px;background:#5be3aa0f;color:var(--green);font:700 18px DM Mono,monospace;cursor:pointer}.mobile-rehit-button:disabled{opacity:.25;filter:grayscale(.7);cursor:not-allowed}.mobile-rehit-button.rehit-attention:not(:disabled){animation:rehit-attention 1.6s ease-out}main{display:block;height:calc(100dvh - 50px);padding:0 0 58px}.stage-card{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.stage-heading{position:relative;z-index:12;flex:0 0 58px;height:58px;padding:12px 10px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(220,226,223,.12)}.mobile-layout-controls{display:flex;align-items:center;gap:5px}.desktop-placement-button,.desktop-layout-button{display:none}.mobile-tools-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(220,226,223,.22);border-radius:6px;background:#ffffff09;color:#c7d0cc;cursor:pointer}.mobile-tools-button .ui-icon{width:15px;height:15px;stroke-width:2.2}.mobile-placement-button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 9px;border:1px solid rgba(91,227,170,.18);border-radius:6px;background:#ffffff06;color:#829d92;font-size:12px;font-weight:700;line-height:1;cursor:pointer}.mobile-placement-button.available{border-color:#31e39c7a;background:#31e39c14;color:#51e8aa;box-shadow:inset 0 0 0 1px #31e39c0f}.mobile-placement-button.active{border-color:#31e39c;background:#22c983;color:#042319;box-shadow:0 0 0 2px #31e39c29,0 7px 18px #119a6338}.mobile-placement-button.unavailable,.mobile-placement-button:disabled{border-color:#80978e1f;background:#ffffff04;color:#425b52;opacity:.55;cursor:not-allowed;box-shadow:none}.mobile-placement-icon{width:15px;height:15px;display:grid;place-items:center}.mobile-placement-icon .ui-icon{width:13px;height:13px}.mobile-center-share-button{position:absolute;left:50%;top:12px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid rgba(216,229,223,.34);border-radius:6px;background:#ffffff0a;color:#dce5e1;font-size:12px;font-weight:700;transform:translate(-50%);cursor:pointer}.mobile-center-share-button .ui-icon{width:14px;height:14px;color:#aebbb6;stroke-width:2}.mobile-center-share-button:hover:not(:disabled){border-color:#eef7f39e;background:#ffffff12;color:#fff}.mobile-center-share-button:disabled{opacity:.28;cursor:not-allowed}.mobile-tools-menu.open{position:fixed;z-index:181;top:50%;left:50%;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid rgba(220,226,223,.25);border-radius:14px;background:#242827;box-shadow:0 0 0 100vmax #050706ad,0 24px 70px #0000009e;transform:translate(-50%,-50%);overflow-y:auto}.mobile-tools-menu-header{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px;padding-bottom:11px;border-bottom:1px solid var(--line)}.mobile-tools-menu-header small{display:block;margin-bottom:4px;color:#72827c;font:600 12px DM Mono,monospace;letter-spacing:.14em}.mobile-tools-menu-header h2{color:#e7ecea;font-size:18px}.mobile-tools-menu-close{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid rgba(220,226,223,.22);border-radius:50%;background:#ffffff09;color:#c6d0cc;font-size:24px;font-weight:300;line-height:1;cursor:pointer}.mobile-tools-action{width:100%;min-width:0;max-width:none;height:58px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;border:1px solid rgba(220,226,223,.14);border-radius:9px;background:#ffffff07;color:#c9d2ce;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-style:normal;letter-spacing:normal;text-align:left;cursor:pointer}.mobile-tools-menu .mobile-photo-layout-button{display:none}.mobile-tools-action:hover,.mobile-tools-action:active{border-color:#5be3aa61;background:#27d58d12}.mobile-tools-action:disabled{border-color:#dce2df14;color:#607069;opacity:.42;cursor:not-allowed}.mobile-tools-action>.ui-icon:first-child{width:20px;height:20px;flex:0 0 auto;color:#aebbb6}.mobile-tools-action>span:first-of-type{min-width:0;display:block;flex:1}.mobile-tools-action b,.mobile-tools-action small{display:block;white-space:nowrap}.mobile-tools-action b{color:#e4ebe8;font-size:13px;font-weight:750}.mobile-tools-action small{margin-top:5px;color:#83948d;font-size:12px;font-weight:550}.mobile-tools-menu .mobile-assist-toggle b{margin-left:0;color:#e4ebe8;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-size:13px;font-weight:750}.mobile-tools-menu .mobile-assist-toggle small{font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:550}.mobile-tools-action>.mobile-layout-current{min-width:0;max-width:112px;margin:0 -6px 0 auto;overflow:hidden;color:var(--green);font-size:12px;font-weight:650;text-align:right;text-overflow:ellipsis}.mobile-tools-action>.ui-icon:last-child{width:18px;height:18px;display:block;flex:0 0 auto;color:#8e9c96;stroke-width:1.8}.mobile-tools-action strong{min-width:42px;color:var(--green);font:750 12px DM Mono,monospace;text-align:right}.mobile-assist-toggle.active{border-color:#5be3aa61}.mobile-layout-menu.open{position:fixed;z-index:180;top:50%;left:50%;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;border:1px solid rgba(91,227,170,.34);border-radius:14px;background:#242827;box-shadow:0 0 0 100vmax #050706ad,0 24px 70px #0000009e;transform:translate(-50%,-50%);overflow-y:auto}.mobile-layout-menu-header{grid-column:1 / -1;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--line)}.mobile-layout-menu-header small{display:block;margin-bottom:4px;color:#5b756b;font:600 12px DM Mono,monospace;letter-spacing:.14em}.mobile-layout-menu-header h2{color:#e7f0ec;font-size:18px}.mobile-layout-menu-close{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid rgba(220,226,223,.22);border-radius:50%;background:#ffffff09;color:#c6d0cc;font-size:25px;font-weight:300;line-height:1;cursor:pointer}.mobile-layout-option{min-width:0;height:70px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#ffffff06;color:#819b91;text-align:left;cursor:pointer}.mobile-layout-option.active{border-color:#27d58d6b;background:#27d58d17}.mobile-layout-option .layout-preview{width:52px;height:34px}.mobile-layout-option span{min-width:0}.mobile-layout-option b,.mobile-layout-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-layout-option b{color:#dbeae4;font-size:12px}.mobile-layout-option small{margin-top:5px;color:#6d837b;font-size:12px}h1{font-size:16px}.icon-button{padding:6px 8px;font-size:0}.icon-button .ui-icon{width:15px;height:15px}.stage-actions{align-items:center;gap:6px}.stage-actions .icon-button{width:42px;height:34px;display:grid;place-items:center;gap:0;padding:0;line-height:0}.stage-actions .desktop-placement-button{display:none}.stage-actions .icon-button .ui-icon,.stage-actions .trail-icon,.stage-actions .trail-icon .ui-icon{width:14px;height:14px}.stage-actions .icon-button .icon-label{display:none}.stage-actions .icon-button>.ui-icon,.stage-actions .trail-icon,.stage-actions .trail-icon .ui-icon{align-self:center;justify-self:center;margin:0}.canvas-wrap{flex:1 1 auto;min-height:0;margin:0}#tableCanvas{width:100%;height:100%;min-height:0}.playback-bar,.readouts{display:none}.playback-bar{flex-wrap:wrap;padding:8px}.timeline-wrap{order:2;flex-basis:100%}.rate-control{margin-left:auto}.exit-playback{order:0;margin-left:0}.readouts{margin:0;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:0 0 9px 9px;overflow:hidden}.readouts>div{min-width:0;padding:10px 6px 11px;border-right:1px solid var(--line);border-bottom:0}.readouts>div:last-child{border-right:0}.readouts span{margin-bottom:4px;font-size:12px;letter-spacing:.02em;white-space:nowrap}.readouts strong{font-size:13px;white-space:nowrap}.readouts small{font-size:12px}.control-card{position:fixed;z-index:160;left:6px;right:6px;bottom:0;width:auto;height:calc(min(78dvh,680px) + 1px);display:block;padding:0 11px 20px;border-radius:12px 12px 0 0;transform:translateY(calc(100% - 58px));transition:transform .25s ease;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -20px 55px #0000007a}.control-card:not(.drawer-open){overflow:hidden}.control-card.quick-open:not(.drawer-open){overflow:visible}.control-card.motion-undo-visible:not(.drawer-open){overflow:visible}.motion-undo-button:not([hidden]){display:flex}.motion-undo-button.drawer-expanded{bottom:calc(min(78dvh,680px) + 8px)}.control-card.drawer-open{transform:translateY(0)}.control-title{position:sticky;z-index:2;top:0;height:58px;gap:7px;padding:0;align-items:center;justify-content:flex-start;background:#242827;transform:translateY(-1px)}.control-title>.drawer-toggle{position:absolute;left:50%;order:-1;width:48px;height:27px;flex:0 0 auto;border:1px solid #707a76;border-radius:999px;background:#2b2f2e;color:#b2bbb7;transform:translate(-50%)}.control-title-copy{min-width:0;gap:5px}.quick-control{position:static}.control-title-copy>div:first-child{display:none}.control-title .eyebrow{display:none}.control-title h2{font-size:13px;line-height:1}.compact-shot-group{height:36px;gap:5px;padding:0 8px 0 5px}.compact-shot-group b{max-width:78px;overflow:hidden;text-overflow:ellipsis;font-size:12px}.compact-power-group{padding:0 8px}.control-card:not(.drawer-open) .shot-quick-popup{position:absolute;top:auto;right:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.control-card.drawer-open .shot-quick-popup{position:absolute;top:calc(100% + 8px);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.control-title-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.drawer-toggle{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff06;color:var(--green);cursor:pointer}.drawer-toggle .ui-icon{width:18px;height:18px;stroke-width:2.8}.drawer-backdrop{position:fixed;z-index:150;inset:0;width:100%;height:100%;border:0;background:#0107059e;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-backdrop.visible{display:block;opacity:1;pointer-events:auto}.spin-section{border-bottom:1px solid var(--line)}.spin-control-row{height:196px;justify-content:center;gap:8px}#spinCanvas{width:clamp(138px,38vw,188px);height:auto;aspect-ratio:1;flex:0 0 auto}.drawer-spin-presets{width:clamp(126px,34vw,168px);display:block;flex:0 0 auto}.drawer-spin-presets .quick-spin-grid{gap:5px}.drawer-spin-presets .quick-spin-grid button{height:clamp(38px,10vw,48px)}.shot-actions,.shoot-note{display:none}.scenario-bar{display:block;padding:18px}.scenario-copy{margin-bottom:14px}.scenario-tabs{grid-template-columns:repeat(2,1fr)}.scenario-bar,footer{display:none}.mobile-game-mode-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(213,239,228,.1);border-radius:8px;background:#ffffff05}.mobile-game-mode-row>span{min-width:0}.mobile-game-mode-row>span b,.mobile-game-mode-row>span small{display:block}.mobile-game-mode-row>span b{color:#d2e1db;font-size:12px}.mobile-game-mode-row>span small{margin-top:3px;color:#607d72;font-size:12px;line-height:1.3}.mobile-game-mode-row .game-mode-switch{flex:0 0 auto;margin:0}.photo-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:19px 16px 16px;border-radius:12px}.photo-dialog-heading h2{font-size:17px}.photo-workspace{grid-template-columns:1fr;gap:9px;margin-top:13px}.photo-dropzone{aspect-ratio:4 / 3}.photo-layout-preview{aspect-ratio:2 / 1}.photo-dialog-actions{position:sticky;bottom:-16px;flex-wrap:wrap;margin:13px -16px -16px;padding:10px 16px 16px;background:#242827}.photo-dialog-actions .feedback-button{flex:1 0 calc(50% - 4px);margin-right:0}.photo-dialog-actions .train-button{flex:1 0 calc(50% - 4px)}.secondary-button,.primary-button{flex:1;min-width:0;padding:0 8px}.shot-share-dialog{width:calc(100vw - 16px);padding:20px 16px 16px}.reset-confirm-dialog{width:calc(100vw - 24px);padding:22px 18px 18px}.reset-confirm-actions button{flex:1;min-width:0;height:42px}.shot-share-meta{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px}.shot-thumbnail-grid{grid-auto-columns:108px}.shot-share-actions button{flex:1;min-width:0}}@media(max-width:760px){body.mini-program-embed .topbar{display:none}body.mini-program-embed main{height:100dvh}}@media(max-width:430px){.brand small{display:none}.brand b{font-size:14px}.stage-actions{gap:4px}.stage-actions .icon-button{width:34px;height:34px}.mobile-layout-button{min-width:96px;width:96px}.mobile-placement-button{width:auto;min-width:58px;padding:0 9px}#mobilePlacementLabel{height:100%;display:inline-flex;align-items:center;line-height:1}.mobile-assist-toggle{width:68px;padding:0 5px}.mobile-tools-menu .mobile-layout-button,.mobile-tools-menu .mobile-assist-toggle{width:100%;min-width:0;max-width:none;padding:0 14px}#tableCanvas{height:100%;min-height:0}.canvas-hint{display:none}.playback-bar{gap:5px}.transport-button{padding:0 6px}.exit-playback:disabled{display:none}.camera-reset{top:8px;right:8px}.trail-canvas-toggle{top:8px;left:8px}.camera-reset span{display:none}.scenario{padding:8px;gap:8px}.layout-preview{width:48px;height:31px}}body.shared-playback-view{min-height:100dvh;overflow:hidden}body.shared-playback-view .shell{width:min(720px,100%);height:100dvh;display:block;padding:0 10px}body.shared-playback-view .stage-heading,body.shared-playback-view .readouts,body.shared-playback-view .control-card,body.shared-playback-view .drawer-backdrop,body.shared-playback-view .scenario-bar,body.shared-playback-view .physics-notes,body.shared-playback-view footer,body.shared-playback-view .pocket-assist-canvas-toggle,body.shared-playback-view .canvas-hint{display:none}body.shared-playback-view .topbar{height:52px;display:flex;border-bottom-color:#beddd014}body.shared-playback-view .topbar{position:relative}body.shared-playback-view .topbar>:not(.brand):not(.shared-topbar-meta):not(.shared-topbar-exit){display:none}body.shared-playback-view .shared-topbar-meta{position:absolute;left:50%;display:flex;transform:translate(-50%)}body.shared-playback-view .shared-topbar-meta b,body.shared-playback-view .shared-topbar-meta strong{display:none}body.shared-playback-view .shared-topbar-exit{display:inline-flex;margin-left:auto}body.shared-playback-view .brand small{display:none}body.shared-playback-view main{width:100%;height:calc(100dvh - 52px);display:block;padding:8px 0}body.shared-playback-view .stage-card{width:100%;height:100%;display:flex;flex-direction:column;padding:0;border-radius:10px}body.shared-playback-view .canvas-wrap{flex:1 1 auto;min-height:0;margin:0}body.shared-playback-view #tableCanvas{width:100%;height:100%;min-height:0;cursor:default}body.shared-playback-view .shared-shot-detail{min-height:92px;display:grid;flex:0 0 auto;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:28px;padding:10px 28px;border-top:1px solid rgba(190,221,208,.08);background:#020a089e}body.shared-playback-view .shared-contact-preview{display:flex;align-items:center;gap:14px}body.shared-playback-view .shared-contact-ball{position:relative;width:70px;height:70px;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffef6 0 9%,#f1efe5 34%,#d9d8d0 72%,#b7b9b4);box-shadow:inset -7px -9px 16px #313c372e,0 6px 16px #00000052}body.shared-playback-view .shared-contact-ball:before,body.shared-playback-view .shared-contact-ball:after{content:"";position:absolute;z-index:1;background:#3c5a4e24}body.shared-playback-view .shared-contact-ball:before{top:12%;bottom:12%;left:50%;width:1px}body.shared-playback-view .shared-contact-ball:after{left:12%;right:12%;top:50%;height:1px}body.shared-playback-view .shared-contact-ball i{position:absolute;z-index:2;width:12px;height:12px;border:3px solid #ffe3e1;border-radius:50%;background:#ef554f;box-shadow:0 0 0 4px #ef554f2b,0 2px 7px #5b141280;transform:translate(-50%,-50%);transition:left .16s ease,top .16s ease}body.shared-playback-view .shared-contact-copy small,body.shared-playback-view .shared-contact-copy b{display:block;white-space:nowrap}body.shared-playback-view .shared-contact-copy small,body.shared-playback-view .shared-power-preview small{color:#607b71;font-size:12px;letter-spacing:.08em}body.shared-playback-view .shared-contact-copy b{margin-top:5px;color:#e2f2eb;font-size:14px}body.shared-playback-view .shared-power-preview{min-width:0}body.shared-playback-view .shared-power-preview>div:first-child{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}body.shared-playback-view .shared-power-preview strong{color:var(--green);font:700 15px DM Mono,monospace}body.shared-playback-view .shared-power-meter{height:13px;overflow:hidden;border:1px solid rgba(190,221,208,.14);border-radius:999px;background:#172a24;box-shadow:inset 0 2px 5px #00000059}body.shared-playback-view .shared-power-meter i{width:50%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#1aa96e,#35e39c);box-shadow:0 0 15px #27d58d57;transition:width .18s ease}body.shared-playback-view .playback-bar{position:relative;min-height:58px;display:flex;flex:0 0 auto;flex-wrap:nowrap;justify-content:center;gap:6px;margin:0;border-width:1px 0 0;border-radius:0}body.shared-playback-view .shared-shot-controls{display:contents}body.shared-playback-view .exit-playback,body.shared-playback-view #rewindOne,body.shared-playback-view #stepBack,body.shared-playback-view #stepForward,body.shared-playback-view .timeline-wrap,body.shared-playback-view .rate-control{display:none}body.shared-playback-view #replaySharedClip,body.shared-playback-view #previousSharedShot,body.shared-playback-view #playPause,body.shared-playback-view #nextSharedShot{position:absolute;top:50%;transform:translateY(-50%)}body.shared-playback-view #playPause{left:50%;width:42px;height:38px;transform:translate(-50%,-50%)}body.shared-playback-view #previousSharedShot{right:calc(50% + 27px);width:116px}body.shared-playback-view #replaySharedClip{right:calc(50% + 159px);width:68px}body.shared-playback-view #nextSharedShot{left:calc(50% + 27px);width:116px}body.shared-playback-view .camera-reset{top:9px;right:9px}@media(max-width:520px){body.shared-playback-view .shell{padding:0}body.shared-playback-view .topbar{height:46px;padding:0 10px}body.shared-playback-view .brand-mark{width:27px;height:27px}body.shared-playback-view .brand>span:last-child{display:none}body.shared-playback-view .shared-topbar-exit kbd{display:none}body.shared-playback-view .shared-topbar-meta{min-height:30px;gap:5px;padding:0 7px}body.shared-playback-view .shared-topbar-meta span{display:inline;font-size:12px}body.shared-playback-view main{height:calc(100dvh - 46px);padding:0}body.shared-playback-view .stage-card{border:0;border-radius:0}body.shared-playback-view .shared-shot-detail{min-height:80px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:8px 12px}body.shared-playback-view .shared-contact-preview{gap:8px}body.shared-playback-view .shared-contact-ball{width:58px;height:58px}body.shared-playback-view .shared-contact-ball i{width:10px;height:10px;border-width:2px}body.shared-playback-view .shared-contact-copy small{display:none}body.shared-playback-view .shared-contact-copy b{margin-top:0;font-size:12px}body.shared-playback-view .shared-power-preview>div:first-child{margin-bottom:7px}body.shared-playback-view .shared-power-preview small,body.shared-playback-view .shared-power-preview strong{font-size:12px}body.shared-playback-view .shared-power-meter{height:11px}body.shared-playback-view .playback-bar{padding:7px 6px;gap:4px}body.shared-playback-view .shared-shot-controls{display:contents}body.shared-playback-view .shared-shot-controls button{height:36px;padding:0 5px;font-size:12px}body.shared-playback-view #playPause{width:38px;height:36px}body.shared-playback-view #previousSharedShot{right:calc(50% + 25px);width:64px}body.shared-playback-view #replaySharedClip{right:calc(50% + 101px);width:56px}body.shared-playback-view #nextSharedShot{left:calc(50% + 25px);width:64px}}@media(max-width:760px){.onboarding-tip[data-onboarding-step=spin],.onboarding-tip[data-onboarding-step=power],.onboarding-tip[data-onboarding-step=shoot]{width:calc((100vw - 24px) / 3);min-height:48px;padding:8px 6px}.onboarding-tip[data-onboarding-step=spin] b,.onboarding-tip[data-onboarding-step=power] b,.onboarding-tip[data-onboarding-step=shoot] b{font-size:12px}.onboarding-tip[data-onboarding-step=placement]{width:142px}.onboarding-aim{width:min(218px,calc(100vw - 32px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}