/* Contact tracker: the chart shows measured movement, never a simulated trace. */
#tracker-view{margin-top:24px}
@media(max-width:700px){.tracking .practice-panel{order:-1}}
.contact-status{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;font-size:11px;color:#bfcdbc}
#contact-state{display:flex;align-items:center;gap:7px}
#contact-state::before{content:'';width:7px;height:7px;border-radius:50%;background:#9b9d85;flex-shrink:0}
#contact-state[data-contact=on]{color:#9aebce}
#contact-state[data-contact=on]::before{background:#85e3c7;box-shadow:0 0 0 4px #85e3c71a}
#contact-position{font-family:monospace;font-size:10px;color:#9bae9b}
#tracker-canvas{width:100%;height:270px;display:block;border-radius:8px;border:1px solid #496353;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}
.tracker-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;padding:13px 0;border-top:1px solid #495547;border-bottom:1px solid #495547}
.tracker-metrics>div{text-align:center}
.tracker-metrics span{display:block;font-size:10px;color:#a8b5a2;margin-bottom:8px}
.tracker-metrics output{font-family:var(--serif);font-size:26px;color:#e1eed5}
.tracker-metrics small{font-size:9px;margin-left:5px;color:#96a68f}
.tracker-settings{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:11px;color:#c4cfb8;align-items:center}
.tracker-settings label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tracker-settings select{background:#343f34;color:#e1e6d6;border:1px solid #6b785f;border-radius:5px;padding:8px;max-width:100%;font:inherit}
.tracker-settings output{margin-left:auto;color:#dfbc89}
.tracker-settings input{width:100%;margin:6px 0;accent-color:#dfbc89}
.contact-help{font-size:11px;color:#adbea7;line-height:1.6;margin:18px 0}
.tracking .practice-panel .cup-wrap,.tracking .practice-panel .live-cue,.tracking .practice-panel .canvas-options{display:none}
.tracking #steps,.tracking #plan-description,.tracking .coach-tip{display:none}
.tracking .sliders>div:not(:first-child){display:none}
.tracking .sliders{grid-template-columns:1fr}
#tracker-coach{margin-top:25px}
#tracker-coach h3{font-family:var(--serif);font-size:24px;line-height:1.3;font-weight:400;margin:0 0 22px}
#tracker-coach ol{padding-left:18px;font-size:12px;color:var(--accent)}
#tracker-coach li{padding-left:4px;margin:20px 0}
#tracker-coach strong{font-size:12px;font-weight:500;color:var(--ink)}
#tracker-coach li p,.tracker-hardware{font-size:11px;color:var(--muted);line-height:1.65;margin:7px 0 0}
.tracker-hardware{border-top:1px solid var(--line);padding-top:16px;margin-bottom:18px}
#open-design{color:var(--accent);border-color:#bd9c80;padding:11px;width:100%}
.tracking .practice-panel:fullscreen{max-width:none}
.tracking .practice-panel:fullscreen #tracker-canvas{height:40vh}
.tracking .practice-panel:fullscreen .contact-help{display:none}
@media(max-width:1100px){.tracking .coach-panel{display:block}.tracking #tracker-coach ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tracking #tracker-coach li{margin:0}.tracking .tracker-hardware{margin-top:20px}}
@media(max-width:700px){#tracker-canvas{height:240px}#tracker-view{margin-top:20px}.contact-status{font-size:10px}.tracker-settings{gap:15px}.tracker-settings label{font-size:11px}.contact-help{font-size:11px}.tracking #tracker-coach ol{display:block}.tracking #tracker-coach li{margin:20px 0}.tracker-metrics output{font-size:25px}.tracking .intro{padding-bottom:20px}.tracking .practice-panel:fullscreen #tracker-canvas{height:35vh}}
@media(max-height:550px) and (orientation:landscape){
  .tracking .practice-panel:fullscreen{display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:10px 20px;overflow-y:auto}
  .tracking .practice-panel:fullscreen .canvas-toolbar{min-height:26px;flex-shrink:0}
  .tracking .practice-panel:fullscreen #tracker-view{margin-top:0;display:grid;grid-template-columns:1fr 170px;gap:8px 20px;flex:1;min-height:0}
  .tracking .practice-panel:fullscreen .contact-status{grid-column:1/-1;margin:0}
  .tracking .practice-panel:fullscreen #tracker-canvas{grid-column:1;grid-row:2/5;height:100%;min-height:170px}
  .tracking .practice-panel:fullscreen .tracker-metrics{grid-column:2;grid-row:2;gap:6px;margin:0;padding:8px 0}
  .tracking .practice-panel:fullscreen .tracker-metrics span{font-size:9px}
  .tracking .practice-panel:fullscreen .tracker-metrics output{font-size:22px}
  .tracking .practice-panel:fullscreen .tracker-settings{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:12px}
  .tracking .practice-panel:fullscreen .tracker-settings label{width:100%;justify-content:space-between}
  .tracking .practice-panel:fullscreen .mode-hint,.tracking .practice-panel:fullscreen .mode-switch{display:none}
  .tracking .practice-panel:fullscreen .transport{margin-top:8px}
  .tracking .practice-panel:fullscreen .primary{padding:10px 24px;min-height:38px}
  .tracking .practice-panel:fullscreen .timeline-label{display:flex;margin-top:6px}
}