*{box-sizing:border-box}:root{--top-perc:50.8%;--border-color:#dc2626;--border-width:2px;--court-bg:#f5f0cd;--ball-size:clamp(44px,12vw,58px)}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#f5f0cd;background-color:var(--court-bg);bottom:0;left:0;margin:0;min-height:100%;padding:0;position:fixed;right:0;top:0;touch-action:manipulation;user-select:none;-webkit-user-select:none}#root,.App,body,html{height:100%;height:100dvh;overflow:hidden;width:100%}.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;text-align:center}.court{background-color:#f5f0cd;background-color:var(--court-bg);bottom:0;height:100%;overflow:hidden;top:0}.court,.service-line{left:0;position:absolute;right:0;width:100%}.service-line{border-top:2px solid #dc2626;border-top:var(--border-width) solid var(--border-color)}.box,.service-line{top:50.8%;top:var(--top-perc)}.box{border:2px solid #dc2626;border:var(--border-width) solid var(--border-color);border-top-width:0;height:25%;position:absolute;width:25%}.box-left{left:0}.box-right{right:0}.divider{background-color:#dc2626;background-color:var(--border-color);height:49.2%;height:calc(100% - var(--top-perc));left:50%;top:50.8%;top:var(--top-perc);transform:translateX(-50%);width:2px;width:var(--border-width)}.ball,.divider{position:absolute}.ball{align-items:center;background-color:#18181b;border-radius:50%;box-shadow:0 6px 18px #00000073;display:flex;gap:4px;height:clamp(44px,12vw,58px);height:var(--ball-size);justify-content:center;pointer-events:none;width:clamp(44px,12vw,58px);width:var(--ball-size);z-index:10}.squash-dot{background-color:#facc15;border-radius:50%;box-shadow:0 0 2px #00000080;height:5px;width:5px}.drill-hud{align-items:center;display:flex;gap:8px;justify-content:space-between;left:50%;max-width:480px;position:absolute;top:max(12px,calc(env(safe-area-inset-top, 0px) + 8px));transform:translateX(-50%);width:calc(100% - 24px);z-index:30}.hud-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827e0;border-radius:9999px;box-shadow:0 2px 8px #0003;color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px;padding:6px 14px}.hud-rally{background:#1e3a8a}.hud-shot{background:#047857}.hud-rest-badge{background:#d97706}.hud-stop-btn{background-color:#dc2626;border:none;border-radius:9999px;box-shadow:0 2px 8px #dc262659;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:6px 16px;transition:transform .1s ease,background-color .15s ease}.hud-stop-btn:active{background-color:#b91c1c;transform:scale(.95)}.court-overlay-msg{animation:popIn .25s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827e0;border-radius:24px;box-shadow:0 16px 36px #00000059;color:#fff;left:50%;max-width:85%;min-width:240px;padding:24px 32px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:25}.rest-msg{background:#1e293be6;border:2px solid #fbbf2480}.overlay-eyebrow{color:#fbbf24;font-size:13px;font-weight:800;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.overlay-countdown{color:#fff;font-size:64px;font-weight:900;line-height:1.1;text-shadow:0 4px 12px #0006}.overlay-sub{color:#9ca3af;font-size:14px;font-weight:500;margin-top:6px}.court-overlay-card{animation:popIn .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 48px #0000004d;color:#111827;left:50%;max-width:360px;padding:28px 24px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:35}.complete-icon{font-size:48px;margin-bottom:8px}.court-overlay-card h2{font-size:24px;font-weight:800;margin:0 0 8px}.court-overlay-card p{color:#6b7280;font-size:14px;margin:0 0 20px}.complete-actions{display:flex;flex-direction:column;gap:10px}.btn-primary{background-color:#2563eb;border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px;transition:transform .1s ease,background-color .15s ease}.btn-primary:active{background-color:#1d4ed8;transform:scale(.97)}.btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:12px;color:#374151;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background-color .15s ease}.btn-secondary:active{background-color:#e5e7eb}.form-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:absolute;right:0;top:0;z-index:40}.drill-form{animation:popIn .25s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 48px #00000040;display:flex;flex-direction:column;gap:16px;max-height:calc(100dvh - 32px);max-width:390px;overflow-y:auto;padding:24px 20px;text-align:left;width:100%}.form-header{border-bottom:1px solid #f3f4f6;padding-bottom:12px;text-align:center}.form-icon{font-size:32px;line-height:1;margin-bottom:4px}.form-header h2{color:#111827;font-size:20px;font-weight:800;margin:0}.form-header p{color:#6b7280;font-size:13px;margin:4px 0 0}.form-fields{gap:12px}.form-fields,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input[type=number]{background-color:#f9fafb;border:1.5px solid #d1d5db;border-radius:10px;color:#111827;font-size:16px;height:42px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-group input[type=number]:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{padding-right:48px!important}.input-with-unit .unit{color:#9ca3af;font-size:13px;font-weight:600;pointer-events:none;position:absolute;right:12px}.form-group-checkbox{align-items:center;flex-direction:row;padding-top:4px}.checkbox-label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:13px;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.submit-button{background-color:#2563eb;border:none;border-radius:12px;box-shadow:0 4px 14px #2563eb59;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:48px;letter-spacing:.3px;margin-top:4px;transition:transform .1s ease,background-color .15s ease}.submit-button:active{background-color:#1d4ed8;transform:scale(.97)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.98bba1f3.css.map*/