:root{--background:#0f1419;--foreground:#e8edf2;--muted:#8b9aab;--border:#2a3544;--accent:#3d9a6f;--accent-hover:#4db383;--danger:#e86a6a;--panel:#161d26}html{height:100%}html,body{max-width:100vw}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.page{justify-content:center;min-height:100vh;padding:1.5rem;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;max-width:48rem;padding:1.5rem}.panel-header{margin-bottom:1.5rem}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.panel-header h1{margin-bottom:.5rem;font-size:1.5rem}.lede{color:var(--muted);font-size:.9rem;line-height:1.5}.lede code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.form{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field span{color:var(--muted);font-size:.85rem}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);font:inherit;border-radius:8px;padding:.65rem .75rem}.field textarea{resize:vertical;min-height:5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.field input:disabled,.field textarea:disabled,.field select:disabled{opacity:.6}.actions{gap:.75rem;display:flex}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:.7rem 1.1rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{border:1px solid var(--border);color:var(--foreground);background:0 0}.status{border-top:1px solid var(--border);padding-top:1.25rem}.status h2{margin-bottom:.75rem;font-size:.95rem}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.status-grid dt{color:var(--muted);margin-bottom:.15rem;font-size:.75rem}.status-grid dd{font-size:.95rem}.badge{text-transform:lowercase;background:var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-connected{color:#8fdcb8;background:#1f4d38}.badge-connecting,.badge-disconnecting{color:#e8d98a;background:#3d3a1f}.badge-failed{color:#f0a0a0;background:#4a2222}.error{color:var(--danger);margin-top:.75rem;font-size:.9rem}.hint{color:var(--muted);margin-top:.75rem;font-size:.85rem;line-height:1.45}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem;display:flex}.section-heading h2{margin-bottom:0}.calibration-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}button.compact{padding:.45rem .75rem;font-size:.85rem}.calibration-status{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.25rem}.calibration-status h2{margin-bottom:.5rem;font-size:.95rem}.calibration-overlay{touch-action:none;z-index:3;position:absolute;inset:0}.coach-video-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.coach-video-overlay-svg{width:100%;height:100%;position:absolute;inset:0}.coach-overlay-target-zone{fill:#e86a6a47;stroke:#ff7878f2;stroke-width:2px}.coach-overlay-player-halo{fill:#f5e64233;stroke:#f5e64273;stroke-width:1px}.coach-overlay-player-dot{fill:#f5e642;stroke:#1a1a10;stroke-width:1px}.coach-overlay-confidence{color:#f5e642;white-space:nowrap;background:#000000b8;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:700;position:absolute;transform:translate(-50%,calc(-100% - .65rem))}.coach-overlay-target-label{color:#f0a0a0;background:#4a2222d1;border-radius:6px;padding:.2rem .45rem;font-size:.75rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.calibration-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.calibration-quad{fill:#3d9a6f1f;stroke:#8fdcb8e6;stroke-width:2px}.calibration-handle{background:var(--accent);color:#fff;cursor:grab;z-index:2;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:-1rem;margin-left:-1rem;padding:0;font-size:.65rem;font-weight:700;display:flex;position:absolute}.calibration-handle:active{cursor:grabbing}.calibration-handle-front-left{background:#3d9a6f}.calibration-handle-front-right{background:#4a8fd9}.calibration-handle-back-left{background:#d9a44a}.calibration-handle-back-right{background:#d96a4a}.calibration-handle-label{pointer-events:none}.video-section{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.25rem}.video-section h2{margin-bottom:.75rem;font-size:.95rem}.video-container{aspect-ratio:9/16;border:1px solid var(--border);background:#000;border-radius:10px;justify-content:center;align-items:center;width:100%;max-height:28rem;margin:0 auto;display:flex;position:relative;overflow:hidden}.video-container.video-active{aspect-ratio:auto;max-height:none}.video-placeholder{color:var(--muted);text-align:center;padding:1rem;font-size:.85rem;line-height:1.45}.remote-video-element{object-fit:contain;background:#000;width:100%;height:auto;max-height:28rem;display:block}.video-status{margin-top:.75rem}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.telemetry-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.telemetry-section h2{margin-bottom:.5rem;font-size:.95rem}.telemetry-layout{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-top:.75rem;display:flex}.telemetry-court{flex:none}.telemetry-court-outline{aspect-ratio:2/3;background:#0000008c;border:1px solid #e8edf2d9;border-radius:6px;width:7.5rem;position:relative;overflow:hidden}.telemetry-court-zone-rect{pointer-events:none;background:#ffffff0f;border-radius:2px;position:absolute}.telemetry-court-zone-rect.is-active{background:#3d9a6f59}.telemetry-court-zone-rect.is-target{outline-offset:-2px;background:#e86a6a47;outline:2px solid #ff7878e6}.telemetry-court-half-line,.telemetry-court-service-line{background:#e8edf259;height:1px;position:absolute;left:6%;right:6%}.telemetry-court-half-line{top:50%}.telemetry-court-service-line{top:62%}.telemetry-court-center-line{background:#e8edf259;width:1px;position:absolute;top:50%;bottom:6%;left:50%;transform:translate(-50%)}.telemetry-court-dot{background:#f5e642;border-radius:50%;width:.625rem;height:.625rem;margin-top:-.3125rem;margin-left:-.3125rem;position:absolute;box-shadow:0 0 6px #f5e642a6}.telemetry-court-zone{text-align:center;color:var(--foreground);margin-top:.35rem;font-size:.75rem;font-weight:600}.telemetry-status{flex:12rem;min-width:12rem}.drill-metrics{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.25rem}.drill-metrics h2{font-size:.95rem}.drill-metrics-grid{margin-top:.75rem}.drill-controls{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.drill-controls h2{margin-bottom:.5rem;font-size:1.1rem}.drill-actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.drill-actions button{flex:8rem}.session-summary{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.session-summary h2{font-size:.95rem}.session-summary-aggregates{margin-top:.75rem}.session-summary-table-wrap{border:1px solid var(--border);border-radius:8px;margin-top:.75rem;overflow-x:auto}.session-summary-table{border-collapse:collapse;width:100%;font-size:.8rem}.session-summary-table th,.session-summary-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .65rem}.session-summary-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#0003;font-size:.75rem;font-weight:600}.session-summary-table tbody tr:last-child td{border-bottom:none}.session-summary-table tbody tr:hover{background:#ffffff08}.site-nav{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.85rem 1.5rem;display:flex}.site-nav-brand{color:var(--muted);font-size:.85rem;font-weight:600}.site-nav-links{flex-wrap:wrap;gap:.5rem 1rem;list-style:none;display:flex}.site-nav-link{color:var(--foreground);border-bottom:2px solid #0000;padding:.25rem 0;font-size:.9rem;font-weight:500;text-decoration:none}.site-nav-link:hover{color:var(--accent-hover)}.site-nav-link.active{color:var(--accent);border-bottom-color:var(--accent)}.text-link{color:var(--accent);font-weight:500;text-decoration:none}.text-link:hover{color:var(--accent-hover);text-decoration:underline}button.danger{color:#f0a0a0;border-color:#5a3030}button.danger:hover:not(:disabled){background:#4a2222;border-color:#6a3838}.sessions-list-wrap{border:1px solid var(--border);border-radius:8px;margin-top:.75rem;overflow-x:auto}.sessions-list-table{border-collapse:collapse;width:100%;font-size:.85rem}.sessions-list-table th,.sessions-list-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}.sessions-list-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#0003;font-size:.75rem;font-weight:600}.sessions-list-table tbody tr:last-child td{border-bottom:none}.sessions-list-table tbody tr:hover{background:#ffffff08}.session-detail-back{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem}@media (max-width:480px){.status-grid,.drill-metrics-grid{grid-template-columns:1fr}.page{padding:.75rem}.panel{border-radius:10px;padding:1rem}.drill-actions button{flex:100%}}.panel-wide{max-width:72rem}.ghosting-layout{grid-template-columns:minmax(0,3fr) minmax(16rem,2fr);gap:1rem;margin-bottom:1.5rem;display:grid}.ghosting-court-panel{min-height:20rem}.ghosting-court{height:100%;position:relative}.ghosting-court-outline{cursor:default;min-height:20rem}.ghosting-court.is-simulated .ghosting-court-outline{cursor:crosshair}.ghosting-sim-badge{z-index:2;color:#fff;letter-spacing:.06em;background:#c97a1a;border-radius:4px;padding:.2rem .45rem;font-size:.7rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.ghosting-target-marker{color:#fff;z-index:2;background:#3d9a6fd9;border:2px solid #fff;border-radius:999px;width:1.6rem;height:1.6rem;font-size:.75rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.ghosting-target-marker.is-active{background:#f0b429;box-shadow:0 0 0 3px #f0b42959}.ghosting-path{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.ghosting-path polyline{fill:none;stroke:#78beffe6;stroke-width:.6px;vector-effect:non-scaling-stroke}.ghosting-controls{flex-direction:column;gap:1rem;display:flex}.ghosting-section{border:1px solid var(--border);border-radius:8px;padding:.85rem}.ghosting-section h3{margin-bottom:.65rem;font-size:.95rem}.ghosting-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.ghosting-point-list{flex-direction:column;gap:.45rem;margin-bottom:.75rem;list-style:none;display:flex}.ghosting-point-list li{justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.toggle-row{align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.9rem;display:flex}.ghosting-entry{margin-bottom:1rem}@media (max-width:860px){.ghosting-layout{grid-template-columns:1fr}}