:root{--amber:#e5a064;--muted:#9faabb;--panel:rgba(11,18,30,.88);color-scheme:dark}#mh{position:fixed;inset:0;z-index:100;pointer-events:none;color:#e9e3d8;font:13px system-ui,sans-serif}#mh button,#mh details{pointer-events:auto}#mh button{cursor:pointer;color:inherit;font:inherit;border:1px solid #67748955;background:var(--panel);border-radius:8px;padding:10px 15px;transition:background .15s,border-color .15s}#mh button:hover{border-color:var(--amber)}#mh button:disabled{opacity:.3;cursor:default}#mh button.active{border-color:#c9874c;background:#744c2650;color:#ffd3a0}#mh button:focus-visible{outline:2px solid #ffd3a0;outline-offset:3px}.brand{position:absolute;top:25px;left:28px}.eyebrow{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--amber)}.brand h1{font:34px Georgia,serif;margin:7px 0}.brand p{font-size:11px;color:var(--muted);margin:0}.modes{position:absolute;top:26px;left:50%;transform:translateX(-50%);text-align:center}.mode-buttons{display:flex;gap:5px;padding:5px;border:1px solid #66708030;background:var(--panel);border-radius:12px}.mode-buttons button{border-color:transparent!important;background:transparent!important;white-space:nowrap}.mode-buttons button.active{background:#b3723029!important;border-color:#c9874c66!important}.description{margin-top:12px;color:var(--muted);font-size:11px}.score{position:absolute;right:28px;top:28px;display:flex;gap:22px}.score span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.score b{font-size:22px;font-weight:500;line-height:1.5}.controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;min-width:340px}.phase{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--amber);margin-bottom:14px}.phase i{height:5px;width:5px;background:var(--amber);border-radius:50%;box-shadow:0 0 12px #ee9a42}.controls .actions{display:flex;gap:7px;justify-content:center}.controls small{display:block;color:var(--muted);font-size:10px;margin-top:10px}.tools{position:absolute;left:28px;bottom:28px;display:flex;gap:8px}.about{position:absolute;right:28px;bottom:28px;width:235px;font-size:11px;line-height:1.7;color:var(--muted);background:var(--panel);border:1px solid #66708030;border-radius:8px;padding:10px 14px}.about summary{cursor:pointer;color:#e9e3d8}.monitor{position:absolute;right:28px;top:105px;width:240px;border:1px solid #66708040;background:#0b111f;border-radius:8px;overflow:hidden}.monitor label{display:block;padding:8px 10px;font-size:8px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.monitor canvas{display:block;width:100%;height:110px}.flash{position:absolute;top:170px;left:50%;transform:translateX(-50%);font:14px system-ui;color:#ffb76b;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .1s}.flash.on{opacity:1}@media(max-width:950px){.brand{top:15px;left:16px}.brand h1{font-size:26px}.brand p{display:none}.modes{top:100px;width:95%}.mode-buttons{justify-content:center}.score{right:15px;top:18px}.monitor{top:190px;right:15px;width:155px}.monitor canvas{height:85px}.about{display:none}.tools{left:15px;bottom:15px}.controls{bottom:85px}.flash{top:155px}}

/* Keep instructions readable and overlays out of the dodging area. */
.eyebrow,.score span,.monitor label{font-size:11px}.description,.controls small,.phase{font-size:12px}.brand p{font-size:12px}.performance{position:absolute;left:28px;top:125px;color:#ffcc92;background:var(--panel);padding:7px 10px;border-radius:6px;font-size:12px}.feedback{position:absolute;left:50%;bottom:155px;transform:translateX(-50%);background:var(--panel);border-radius:6px;padding:6px 10px}.feedback:empty{display:none}.needs-reset{border-color:var(--amber)!important}
@media(max-width:600px){.brand h1{font-size:24px}.brand p{display:block;max-width:165px;font-size:11px}.score{gap:10px}.score span{font-size:10px}.modes{top:112px}.mode-buttons button{padding:9px 13px}.monitor{display:none}.controls{bottom:125px;min-width:0;width:100%}.controls .actions{gap:4px}.actions button{padding:10px 8px!important;font-size:12px!important}.tools{bottom:68px}.about{display:block;bottom:10px;left:15px;right:15px;width:auto;padding:6px 10px}.about[open]{max-height:200px;overflow:auto}.flash{top:205px;font-size:12px}.performance{top:180px;left:16px}.feedback{bottom:225px;width:max-content;max-width:90%}}
@media(prefers-reduced-motion:reduce){.flash,#mh button{transition:none}}
@media(max-width:600px){.score{top:68px;right:15px}.brand p{max-width:150px}.score span{font-size:10px;letter-spacing:.06em}}
/* Local SVG icons: no font or icon downloads. Labels stay visible. */
#mh button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px}#mh button svg{width:20px;height:20px;flex:none}#mh .tools{flex-direction:column;gap:8px}#mh .tool-group{display:flex;gap:7px}#mh .tools button{padding:9px 11px;font-size:12px}#mh .tools button.active{background:#744c2666}#mh .tools button[aria-pressed=true]{border-color:var(--amber)}.muscle-panel{position:absolute;left:28px;bottom:150px;width:225px;box-sizing:border-box;padding:12px;background:var(--panel);border:1px solid #66708055;border-radius:10px}.muscle-panel[hidden]{display:none}.muscle-panel strong{font-size:13px;font-weight:600}.muscle-panel p{font-size:11px;color:var(--muted);line-height:1.4;margin:7px 0 10px}.activation-scale{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:11px}.activation-scale i{height:6px;flex:1;border-radius:4px;background:linear-gradient(90deg,#426787,#ffb449,#ff3157)}.muscle-list>div{display:grid;grid-template-columns:minmax(0,1fr) 50px 30px;gap:6px;align-items:center;margin-top:8px;font-size:11px}.muscle-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.muscle-list i{height:5px;background:linear-gradient(to right,#ffae57 var(--value),#344157 var(--value));border-radius:3px}.muscle-list b{text-align:right;font-weight:500;color:#ffce9b}
@media(min-width:951px) and (max-width:1150px){.brand h1{font-size:28px}.modes{left:52%}.mode-buttons button{padding:9px!important;font-size:12px}.score{gap:12px}}
@media(max-width:600px){#mh .mode-buttons button{padding:8px 10px;gap:5px;font-size:12px}#mh .mode-buttons svg{width:17px;height:17px}#mh .tools{bottom:54px;left:12px;right:12px;align-items:center;gap:5px}#mh .tools button{min-height:42px;padding:8px 12px}.controls{bottom:166px}.feedback{bottom:275px}.muscle-panel{left:12px;bottom:auto;top:197px;width:151px;padding:9px}.muscle-panel strong{font-size:12px}.muscle-panel p{font-size:10px;margin-bottom:7px}.muscle-list>div{grid-template-columns:minmax(0,1fr) 28px;font-size:10px;gap:4px}.muscle-list i{display:none}.muscle-list>div:nth-child(n+4){display:none}.about{bottom:8px}.controls .actions button{gap:4px}.actions svg{width:18px!important;height:18px!important}}

@media(max-width:600px){.description{display:none}.muscle-panel{top:212px;width:145px}.performance{top:178px}}

/* Keep attention on the real flight; diagnostics are available on demand. */
.monitor{pointer-events:auto}.monitor summary{cursor:pointer;padding:10px 12px;font-size:12px;color:var(--muted)}
.callout{position:absolute;top:36%;left:50%;transform:translateX(-50%);font:bold clamp(30px,5vw,56px) Georgia,serif;color:#ffd49b;text-shadow:0 2px 12px #000;white-space:nowrap;pointer-events:none}.callout.hit{color:#ff916c}.callout:empty{display:none}
.round-score{position:absolute;top:105px;left:50%;transform:translateX(-50%);padding:9px 14px;border-radius:10px;background:var(--panel);white-space:nowrap;font-size:14px}.score.in-round{display:none}
#mh .round-end{position:absolute;inset:0;z-index:200;pointer-events:auto;background:rgba(6,11,20,.94);display:grid;place-content:center;text-align:center;padding:24px;gap:14px}#mh .round-end[hidden]{display:none}.round-end h2{font:40px Georgia,serif;margin:0;color:#ffd49b}.round-end p{font-size:15px;line-height:1.6;max-width:360px;margin:0 0 10px}.round-end button{min-width:200px}
@media(max-width:600px){.round-score{top:164px;width:max-content;max-width:calc(100% - 24px);box-sizing:border-box;font-size:12px}.callout{top:35%;font-size:32px}#mh .tools button{min-height:44px}}

