:root{color:#111;background:#f5f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}.app{max-width:1180px;margin:0 auto;padding:28px}.hero{color:#fff;background:#111;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex;box-shadow:0 20px 50px #0002}.eyebrow{color:#c2d503;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-weight:800}.hero h1{margin:0;font-size:clamp(32px,5vw,58px);line-height:.95}.sub{color:#d8d8d8;max-width:620px}.heroStats{color:#111;text-align:center;background:#c2d503;border-radius:22px;min-width:220px;padding:20px}.heroStats strong{font-size:46px;display:block}.playerBar{grid-template-columns:minmax(260px,380px) 1fr;align-items:end;gap:14px;margin:22px 0 0;display:grid}.playerBar label{grid-template-columns:auto auto 1fr;align-items:center;gap:8px;font-weight:900;display:grid}.playerBar select,.playerBar input,.toolbar input{background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;padding:12px}.playerBar form{grid-template-columns:minmax(160px,1fr) auto;gap:10px;display:grid}.playerBar button,.tabs button,.minorActions button,.zoneQuickList button{background:#fff;border:0;border-radius:14px;align-items:center;gap:8px;padding:13px 16px;font-weight:800;display:flex;box-shadow:0 8px 24px #00000012}.playerBar button,.tabs .active{background:#c2d503}.errorBox{color:#8a1b1b;background:#ffe4e4;border-radius:14px;padding:12px 14px;font-weight:800}.tabs{gap:12px;margin:22px 0;display:flex}.toolbar{grid-template-columns:220px 1fr auto;align-items:end;gap:14px;margin-bottom:22px;display:grid}.toolbar label{font-weight:800}.toolbar input{margin-top:6px;display:block}.todayBox{background:#fff;border-radius:14px;padding:14px;box-shadow:0 8px 24px #00000010}.emptyState,.courtWrap,.panel,.statsPage{background:#fff;border-radius:26px;padding:18px;box-shadow:0 12px 36px #00000014}.emptyState h2{margin:0 0 8px}.emptyState p{color:#666;margin:0}.gridLayout{grid-template-columns:minmax(360px,1fr) 420px;gap:22px;display:grid}.court{aspect-ratio:1/1.08;background:linear-gradient(#fff,#f9fafb);border:3px solid #111;border-radius:8px;position:relative;overflow:hidden}.arc{border:3px solid #111;border-bottom:0;border-radius:50% 50% 0 0;width:84%;height:84%;position:absolute;top:26%;left:8%}.paint{border:3px solid #111;border-bottom:0;width:24%;height:38%;position:absolute;top:58%;left:38%}.freeThrowCircle{background:#ffffffb0;border:3px solid #111;border-radius:50%;width:24%;height:24%;position:absolute;top:49%;left:38%}.rim{z-index:3;border:3px solid #d23;border-radius:50%;width:6%;height:6%;position:absolute;top:83%;left:47%}.backboard{z-index:3;background:#111;width:16%;height:2px;position:absolute;top:81%;left:42%}.halfCircle.top{border:3px solid #111;border-radius:50%;width:16%;height:16%;position:absolute;top:-8%;left:42%}.cornerLine{border-left:3px solid #111;height:46%;position:absolute;top:48%}.cornerLine.left{left:8%}.cornerLine.right{right:8%}.zone{text-align:center;z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#c2d50333;border:2px solid #1113;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:6px;font-weight:900;display:flex;position:absolute;transform:translate(-50%,-50%)}.zone span{font-size:12px}.zone small{background:#fff;border-radius:999px;margin-top:3px;padding:2px 6px;font-size:11px}.zone.active{background:#c2d503;border-color:#111;box-shadow:0 0 0 4px #111}.panel h2{margin:4px 0;font-size:28px}.muted{color:#666}.bigActions{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.bigActions button{border:0;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:24px 10px;font-size:22px;font-weight:950;display:flex}.make{background:#c2d503}.miss{color:#fff;background:#111}.zoneQuickList{grid-template-columns:1fr 1fr;gap:10px;max-height:330px;padding-right:3px;display:grid;overflow:auto}.zoneQuickList button{justify-content:space-between}.zoneQuickList .selected{background:#c2d503;outline:3px solid #111}.minorActions{gap:10px;margin-top:16px;display:flex}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{color:#fff;background:#111;border-radius:20px;min-width:0;padding:20px}.card span{color:#bbb}.card strong{overflow-wrap:anywhere;font-size:clamp(28px,4vw,42px);display:block}.zoneOverview{margin:22px 0}.sectionHeader{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.sectionHeader h2{margin:0;font-size:26px}.sectionHeader span{color:#666;font-weight:800}.zoneStatsGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.zoneStatCard{background:#fbfcfd;border:1px solid #e7e8eb;border-radius:18px;padding:16px}.zoneStatCard header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.zoneStatCard h3{margin:0;font-size:20px}.zoneStatCard p{color:#666;margin:4px 0 0;font-size:13px;line-height:1.25}.zoneStatCard header strong{color:#fff;text-align:center;background:#111;border-radius:999px;min-width:56px;padding:8px 10px}.zoneStatNumbers{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.zoneStatNumbers span{color:#666;background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 8px;font-size:12px}.zoneStatNumbers b{color:#111;font-size:19px;display:block}.metricBars{gap:9px;display:grid}.metricBars label{color:#666;grid-template-columns:62px 1fr;align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.bar{background:#eee;border-radius:999px;width:150px;height:12px;overflow:hidden}.bar span{background:#111;height:100%;display:block}.metricBars .bar{width:100%;height:10px}.metricBars .volume span,.dayBar i{background:#c2d503}.zoneDayChart{background:#fff;border:1px solid #eceef1;border-radius:14px;align-items:end;gap:7px;height:116px;margin-top:14px;padding:10px 8px 6px;display:flex;overflow-x:auto}.dayBar{grid-template-rows:18px 1fr 16px;place-items:end center;gap:4px;min-width:34px;height:100%;display:grid}.dayBar span{font-size:11px;font-weight:900}.dayBar div{background:#eef0f2;border-radius:999px;width:18px;height:58px;position:relative;overflow:hidden}.dayBar i{border-radius:999px 999px 0 0;position:absolute;bottom:0;left:0;right:0}.dayBar small{color:#666;font-size:10px}.emptyChart{color:#6a6f76;align-self:center;margin:auto;font-size:12px;font-weight:800}.tableWrap{border:1px solid #eee;border-radius:18px;margin:18px 0;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #eee;padding:14px}th{background:#f0f2f4}.danger{background:#fdd;border:0;border-radius:14px;padding:14px 18px;font-weight:900}@media (width<=900px){.app{padding:14px}.hero{flex-direction:column;align-items:flex-start}.playerBar,.gridLayout,.toolbar{grid-template-columns:1fr}.panel{order:-1}.cards{grid-template-columns:1fr}.zone span{font-size:10px}.sectionHeader{flex-direction:column;align-items:flex-start}.zoneStatsGrid{grid-template-columns:1fr}.zoneStatNumbers{grid-template-columns:1fr 1fr 1fr}}