:root{--bg: #0b0b0d;--panel: #141418;--panel-2: #1d1d23;--line: #2c2c34;--text: #f2f2f4;--muted: #9a9aa5;--accent: #ffb340;--good: #4ade80;--warn: #fbbf24;--bad: #f87171;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--controls-h: 210px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{opacity:.55;cursor:default}code{font-size:.92em;background:#ffffff12;padding:1px 5px;border-radius:5px}#stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:grid;place-items:center;overflow:hidden}#frame{position:relative}#video{display:block;width:100%;height:100%;object-fit:cover;background:#000}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#topbar{position:fixed;top:0;left:0;right:0;padding:calc(var(--safe-top) + 10px) 12px 10px;display:flex;align-items:center;gap:8px;background:linear-gradient(to bottom,rgba(0,0,0,.62),transparent);z-index:20}#brand{font-weight:650;letter-spacing:.015em;font-size:15px;margin-right:auto;display:flex;align-items:center;gap:8px;text-shadow:0 1px 3px rgba(0,0,0,.6)}#brand .dot{width:7px;height:7px;border-radius:50%;background:var(--muted);transition:background .25s,box-shadow .25s}#brand .dot.live{background:var(--good);box-shadow:0 0 0 4px #4ade802e}#brand .dot.busy{background:var(--accent);box-shadow:0 0 0 4px #ffb3402e}.iconbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#14141899;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .18s,transform .18s;flex:none}.iconbtn:active{transform:scale(.93)}.iconbtn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#17130a}.iconbtn svg{width:20px;height:20px;display:block}#guide{position:fixed;top:calc(var(--safe-top) + 62px);left:50%;transform:translate(-50%) translateY(-6px);display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:#111115cc;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:650;letter-spacing:.01em;white-space:nowrap;z-index:16;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease,background .25s ease,border-color .25s ease,color .25s ease}#guide.show{opacity:1;transform:translate(-50%) translateY(0)}#guide.locked{background:#103a22e0;border-color:#4ade808c;color:#b7f5cd}#guide.warn{background:#3a280ce0;border-color:#fbbf2480;color:#ffe4a3}#guideIcon{font-size:14px;line-height:1}#card{position:fixed;left:12px;right:12px;bottom:calc(var(--controls-h) + 70px);max-width:520px;margin:0 auto;background:#111115d1;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:14px 15px;z-index:15;box-shadow:0 12px 40px #00000080;transform:translateY(14px);opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}#card.show{opacity:1;transform:translateY(0);pointer-events:auto}#cardHead{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}#headline{flex:1;font-size:15.5px;font-weight:600;line-height:1.35;margin:0}#score{flex:none;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);line-height:1}#scoreNum{font-size:19px;font-weight:700}#scoreLbl{font-size:8.5px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;margin-top:3px}.tip{display:flex;gap:9px;align-items:baseline;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13.5px}.tip .label{flex:none;min-width:62px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);font-weight:650}.tip .body{color:#dcdce2}#cardFoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:11px;color:var(--muted)}#dismiss{color:var(--muted);font-size:11px;padding:4px 8px;margin:-4px -8px;flex:none}#controls{position:fixed;left:0;right:0;bottom:0;padding:14px 12px calc(var(--safe-bottom) + 14px);background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.32) 60%,transparent);z-index:18}#grids{display:flex;gap:7px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}#grids::-webkit-scrollbar{display:none}.chip{flex:none;padding:7px 13px;border-radius:999px;background:#141418a8;border:1px solid rgba(255,255,255,.13);font-size:12.5px;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .16s,color .16s,border-color .16s}.chip[aria-pressed=true]{background:var(--text);color:#101014;border-color:var(--text);font-weight:600}#dock{display:flex;align-items:center;justify-content:space-between;max-width:520px;margin:0 auto}#shutter{width:76px;height:76px;border-radius:50%;background:transparent;border:3px solid rgba(255,255,255,.92);display:grid;place-items:center;position:relative;flex:none}#shutterCore{width:60px;height:60px;border-radius:50%;background:#fff;transition:transform .14s ease,background .2s ease}#shutter:active #shutterCore{transform:scale(.86)}#shutter.charging #shutterCore{background:var(--accent);transform:scale(.8)}#ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;transform:rotate(-90deg);pointer-events:none}#ring circle{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}#hint{text-align:center;font-size:11px;color:var(--muted);margin-top:9px;min-height:15px;text-shadow:0 1px 3px rgba(0,0,0,.7)}#sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;display:none;align-items:flex-end}#sheet.open{display:flex}#sheetInner{width:100%;max-width:560px;margin:0 auto;background:var(--panel);border-radius:22px 22px 0 0;border-top:1px solid var(--line);padding:8px 18px calc(var(--safe-bottom) + 22px);max-height:88vh;overflow-y:auto;animation:rise .26s cubic-bezier(.2,.9,.3,1)}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}#grabber{width:38px;height:4px;border-radius:2px;background:var(--line);margin:8px auto 16px}#sheet h2{font-size:17px;margin:0 0 4px}#sheet .sub{color:var(--muted);font-size:12.5px;margin:0 0 18px}.field{margin-bottom:16px}.field>label{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-weight:600}.seg{display:flex;gap:6px}.seg button{flex:1;padding:10px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line);font-size:13.5px;transition:background .16s,border-color .16s}.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#17130a;font-weight:600}input[type=text],input[type=password],select{width:100%;padding:11px 12px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);font-size:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{outline:none;border-color:var(--accent)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239a9aa5' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:11px;padding-right:34px}#spentBar{height:6px;border-radius:3px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden;margin-top:9px}#spentFill{height:100%;width:0;background:var(--good);transition:width .3s ease,background .3s ease}#spentFill.warn{background:var(--warn)}#spentFill.over{background:var(--bad)}.help{font-size:11.5px;color:var(--muted);margin-top:7px;line-height:1.5}.help a{color:var(--accent)}.linkbtn{color:var(--accent);font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.note{font-size:11.5px;line-height:1.55;color:var(--muted);background:#ffb34012;border:1px solid rgba(255,179,64,.22);border-radius:11px;padding:10px 12px;margin-bottom:16px}.note strong{color:var(--accent);font-weight:650}.row{display:flex;gap:9px}.primary,.ghost{flex:1;padding:13px;border-radius:12px;font-size:14.5px;font-weight:600}.primary{background:var(--accent);color:#17130a}.ghost{background:var(--panel-2);border:1px solid var(--line)}#statGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 8px;display:grid;place-items:center;gap:3px}.statVal{font-size:17px;font-weight:700;line-height:1}.statVal.good{color:var(--good)}.statVal.bad{color:var(--bad)}.statLbl{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#shotList{display:flex;flex-direction:column}.shot{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.shotScore{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);font-size:13px;font-weight:700}.shotScore.good{color:var(--good)}.shotScore.warn{color:var(--warn)}.shotScore.bad{color:var(--bad)}.shotBody{display:flex;flex-direction:column;gap:3px;min-width:0}.shotHead{font-size:13px;line-height:1.35}.shotMeta{font-size:10.5px;color:var(--muted)}#toast{position:fixed;left:12px;right:12px;bottom:calc(var(--controls-h) + 10px);max-width:460px;margin:0 auto;background:#1e1010f0;border:1px solid rgba(248,113,113,.4);color:#ffdada;border-radius:13px;padding:11px 13px;font-size:12.5px;line-height:1.5;z-index:30;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s,transform .25s}#toast.show{opacity:1;transform:translateY(0);pointer-events:auto}#gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:grid;place-items:center;padding:28px;text-align:center}#gate.hidden{display:none}#gate .inner{max-width:340px}#gate h1{font-size:25px;margin:0 0 10px;letter-spacing:-.015em}#gate p{color:var(--muted);font-size:14px;margin:0 0 22px;line-height:1.6}#gate .primary{display:inline-block;padding:13px 28px;flex:none}#flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:45}#flash.fire{animation:flash .32s ease-out}@keyframes flash{0%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}#review{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#060608f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(var(--safe-top) + 16px) 14px calc(var(--safe-bottom) + 16px);animation:reviewIn .2s ease-out}@keyframes reviewIn{0%{opacity:0}to{opacity:1}}#reviewImg{max-width:100%;max-height:calc(100% - 130px);object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 48px #0009;-webkit-touch-callout:default}#reviewBar{display:flex;gap:10px;width:100%;max-width:420px}#reviewHint{font-size:11.5px;color:var(--muted);text-align:center;margin:0;max-width:340px;line-height:1.5}#frame{overflow:hidden}#crops{display:flex;gap:6px;justify-content:center;padding-bottom:10px}.chip.small{padding:5px 10px;font-size:11.5px}#zoomer{display:flex;align-items:center;gap:2px;background:#141418a8;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:2px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#zoomer button{width:30px;height:30px;border-radius:50%;font-size:17px;line-height:1;display:grid;place-items:center}#zoomer button:active:not(:disabled){background:#ffffff24}#zoomVal{min-width:40px;padding:4px 2px;border-radius:999px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;font-weight:650}#zoomVal:active:not(:disabled){background:#ffffff24}.move{display:block;text-align:center;font-size:15px;font-weight:700;letter-spacing:.01em;padding:9px 12px;margin:0 0 10px;border-radius:12px;background:#ffb34026;border:1px solid rgba(255,179,64,.42);color:var(--accent)}.move.hold{background:#4ade8024;border-color:#4ade8073;color:var(--good)}#analyzeBtn{min-width:62px;padding:8px 12px;font-weight:650}#guide{font-size:12.5px;padding:6px 13px}#scoreDot{position:fixed;right:14px;bottom:calc(var(--controls-h) + 12px);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#111115d1;border:2px solid var(--muted);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:17;box-shadow:0 6px 20px #00000073}#scoreDot #scoreNum{font-size:17px;font-weight:700}#scoreDot.good{border-color:var(--good)}#scoreDot.good #scoreNum{color:var(--good)}#scoreDot.warn{border-color:var(--warn)}#scoreDot.warn #scoreNum{color:var(--warn)}#scoreDot.bad{border-color:var(--bad)}#scoreDot.bad #scoreNum{color:var(--bad)}#scoreBig{font-size:19px;font-weight:700}#scoreBig.good{color:var(--good)}#scoreBig.warn{color:var(--warn)}#scoreBig.bad{color:var(--bad)}#guide.fromCoach{border-color:#ffb34080;background:#261c0cdb}