:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101617;color:#f4f5ec}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden}.app{max-width:960px;margin:auto;padding:20px 18px 44px}
.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{color:#d7e2dc;text-decoration:none;padding:7px 10px;border-radius:6px;font-weight:700}.nav a.active{background:#a9e34b;color:#13200b}
.card{background:#192224;border:1px solid #344243;border-radius:12px;padding:20px;margin:16px 0}label{display:block;margin:10px 0;font-weight:700}
input{display:block;background:#0d1314;color:#fff;border:1px solid #526365;border-radius:5px;padding:10px;margin-top:5px;width:min(100%,260px);font:inherit}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.primary,.shot,button{min-height:44px;padding:12px 16px;border-radius:7px;border:1px solid #61736d;background:#243437;color:#fff;font:700 1rem system-ui;cursor:pointer}.primary{display:inline-block;background:#a9e34b;color:#13200b;text-decoration:none}button:disabled{cursor:wait;opacity:.65}
.sequence{display:flex;flex-wrap:wrap;gap:5px}.sequence-shot{min-width:38px;min-height:38px;padding:4px;font-size:1.4rem}.series-meta{font-weight:700;color:#e7f2cb}.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shot-column{display:flex;flex-direction:column;gap:8px}.shot{min-height:56px;text-align:left}.shot.hit{border-color:#a9e34b}.shot.miss{border-color:#e1b65a}.shot.review{border-color:#e3907d}.counters{display:flex;gap:10px 18px;flex-wrap:wrap;font-weight:700}.small,.notice{color:#c1cdca}.claim-actions{display:flex;gap:10px;flex-wrap:wrap}.current{outline:3px solid #fff}.recovery-candidates{display:grid;gap:8px}.recovery-candidate{min-height:48px;text-align:left}.recovery-candidate .claim{float:right;color:#c1cdca}
#videoStage,#cameraStage{position:relative;margin:12px 0;background:#000;overflow:hidden}#replay,.review-video{display:block;width:100%;max-height:440px;background:#000}.review-video{margin:12px 0}#targetOverlay,#liveOverlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none;pointer-events:none;cursor:crosshair}.live-result-overlay{position:absolute;left:14px;bottom:14px;z-index:2;max-width:60%;padding:10px 14px;border:2px solid #f4f5ec;border-radius:9px;background:rgb(16 22 23 / .86);font-size:1.25rem;font-weight:900;line-height:1.15;pointer-events:none}.live-result-overlay.hit{border-color:#a9e34b;color:#e7f2cb}.live-result-overlay.miss{border-color:#e1b65a}.live-result-overlay.review{border-color:#e3907d}.live-series{display:flex;gap:10px;align-items:center;min-height:36px;margin:8px 0;font-variant-numeric:tabular-nums}.live-series span{letter-spacing:2px;overflow-wrap:anywhere}
.technical-button{margin-top:12px;background:transparent;border-color:#61736d}.analysis-progress h2{margin:0}.progress-stage{margin:.65rem 0;font-size:1.25rem;font-weight:800;color:#e7f2cb}.progress-track{height:14px;overflow:hidden;border-radius:999px;background:#0d1314;border:1px solid #526365}.progress-fill{height:100%;width:0;background:#a9e34b;transition:width .25s ease}.progress-track.indeterminate .progress-fill{width:42%;animation:slingshot-progress 1.2s ease-in-out infinite}.progress-value{min-height:1.25rem;margin:.4rem 0;color:#c1cdca;font-variant-numeric:tabular-nums}.stage-line{display:flex;gap:7px 12px;flex-wrap:wrap;margin:.6rem 0;font-size:.78rem;font-weight:700}.stage-line .future{color:#71807c}.stage-line .current{outline:0;color:#ffe66d}.stage-line .complete{color:#a9e34b}.progress-times{display:flex;gap:10px 22px;flex-wrap:wrap;font-variant-numeric:tabular-nums;font-weight:700}.progress-error{margin:.75rem 0 0;color:#ffaaa0;overflow-wrap:anywhere}@keyframes slingshot-progress{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
#cameraActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,.8fr) auto;gap:8px;align-items:center}.icon-button{min-width:44px;min-height:44px;padding:4px 10px;font-size:1.55rem;line-height:1;background:#243437;color:#fff}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-controls label{margin:0;white-space:nowrap;font-size:.76rem}.zoom-controls input{display:block;flex:1;width:auto;margin:0;padding:0;accent-color:#a9e34b}.zoom-controls span{color:#c1cdca;font-variant-numeric:tabular-nums}.wake-warning{margin:.45rem 0;color:#ffe66d;font-size:.78rem;font-weight:700}.use-video{display:block;margin-top:8px;padding:7px 10px;min-height:36px;font-size:.82rem}.source-switch,#importActions,#recordedActions{display:flex;gap:10px;flex-wrap:wrap}#recordedActions{margin-top:14px;padding-top:12px;border-top:1px solid #344243}
#livePreview{display:block;width:100%;height:min(64dvh,620px);min-height:340px;object-fit:cover;background:#000}
@media (max-width:600px){.app{padding:10px 10px 32px}.card{padding:12px;margin:10px 0}.fields{grid-template-columns:1fr;gap:0}.fields input,input{width:100%}.primary{width:100%;margin-top:6px}.claim-actions,.source-switch,#importActions,#recordedActions{display:grid;grid-template-columns:1fr}.claim-actions button,#replayButton,#importActions button,#recordedActions button{width:100%}.shots{display:block}.shot-column{display:contents}.shot{display:block;width:100%;min-height:54px;margin:8px 0}.counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.counters span{overflow-wrap:anywhere}#cameraPanel{border:0;background:transparent;padding:0;margin-top:6px}#cameraStage{margin:0 -10px 8px;border-radius:0;min-height:0;height:calc(100svh - 185px);max-height:72dvh}#livePreview{height:100%;min-height:0;object-fit:cover}#cameraActions{grid-template-columns:minmax(0,1fr) minmax(8rem,.75fr) auto;padding:0 2px}.zoom-controls label{font-size:.7rem}.zoom-controls input{min-width:0}.technical-button{width:100%}.use-video{width:auto}.small{font-size:.82rem}.wake-warning{padding:0 2px}.nav{margin-bottom:2px}}
@media (min-width:601px){#result{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0 16px}#result>.card:first-child,#result>#review,#result>.card:last-child{grid-column:1/-1}}