.seg{border:3px solid var(--outline);background:var(--card);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.setups{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.segb{min-height:44px;color:var(--ink);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:600}.segb .cap{text-transform:capitalize}.segb .px{color:var(--ink2);font-weight:500}.segb[aria-pressed=true]{background:var(--p-color);color:var(--on-pastel);box-shadow:inset 0 0 0 2.5px var(--outline)}.segb[aria-pressed=true] .px{color:var(--on-pastel2)}.segb:disabled{cursor:not-allowed}.segb:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.stage.aim{aspect-ratio:16/10;cursor:crosshair;height:auto;min-height:360px;max-height:560px;padding:0;display:block;overflow:hidden}.aim[data-phase=idle]{background:var(--sky);color:var(--on-pastel)}.aim[data-phase=idle] :is(.sub,.hint){color:var(--on-pastel2)}.aim[data-phase=run]{background:var(--st-wait);color:var(--st-wait-ink)}.aim[data-phase=run] :is(.sub,.hint){color:var(--st-wait-sub)}.aim .topline{z-index:2;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:20px;left:22px}.aim .topline .kicker{position:static}.aim .count{color:#1b1b1f;font-family:var(--font-display);background:#fff;border:2.5px solid #1b1b1f;border-radius:999px;padding:5px 14px;font-size:15px;font-weight:600;line-height:1.2}.aim .decal{pointer-events:none;display:none;position:absolute}.aim:not([data-phase=run]) .decal{display:block}.aim .decal--a{width:64px;height:64px;bottom:16%;left:7%}.aim .decal--b{width:44px;height:44px;bottom:26%;right:9%}.aim .decal,.aim .target{box-sizing:border-box;background:#fff;border:3.5px solid #1b1b1f;border-radius:50%}.aim .decal:before,.aim .target:before{content:"";background:#e8432e;border-radius:50%;position:absolute;inset:15%}.aim .decal:after,.aim .target:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:36%}.aim .msg{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:18%;left:24px;right:24px}.aim .title{font-size:56px}.aim[data-phase=run] .msg,.aim[data-phase=run] .start{display:none}.aim .cue svg{margin-left:-32px;position:absolute;top:18px;left:50%}.aim[data-phase=stopped] .msg{top:28%}.aim[data-phase=stopped] .cue-early{display:block}.aim .start{border:var(--bw) solid #1b1b1f;background:var(--yellow);color:#1b1b1f;width:104px;height:104px;box-shadow:var(--sh-sm);font-family:var(--font-display);cursor:pointer;touch-action:none;border-radius:50%;margin:-52px 0 0 -52px;padding:0;font-size:24px;font-weight:700;position:absolute;top:67%;left:50%}.aim .start:active{transform:translate(3px,3px);box-shadow:0 0 #1b1b1f}.aim[data-phase=stopped] .start{background:#fff}.aim .start:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.aim .target{pointer-events:none;position:absolute}.aim[data-contrast=high] .target{background:var(--st-wait-ink);border:4px solid var(--st-go)}.aim[data-contrast=high] .target:before{display:none}.aim[data-contrast=high] .target:after{background:var(--st-go-ink);inset:26%}.pop{z-index:3;background:var(--yellow);color:#1b1b1f;font-family:var(--font-display);white-space:nowrap;pointer-events:none;border:2.5px solid #1b1b1f;border-radius:999px;padding:2px 10px;font-size:15px;font-weight:700;line-height:1.2;animation:.4s ease-out forwards pop-up;position:absolute;translate:-50% -50%}.pop--miss{background:var(--coral)}@keyframes pop-up{0%{transform:translateY(0)scale(.7)rotate(-4deg)}35%{transform:translateY(-10px)scale(1.1)rotate(-4deg)}to{transform:translateY(-24px)scale(1)rotate(-4deg)}}.split{flex-direction:column;gap:10px;display:flex}.tiles.tiles--two{grid-template-columns:repeat(2,minmax(0,1fr))}.chartbox{flex-direction:column;gap:8px;display:flex}.chartbox .mono{font-size:11px}.chart{box-sizing:border-box;border:3px solid var(--outline);border-radius:var(--r-tile);background:var(--p-color);width:100%;height:120px;color:var(--on-pastel);padding:6px 8px;display:block}.chart path{stroke-width:3px;vector-effect:non-scaling-stroke}.chart[hidden]{display:none}@media (width<=1000px){.aim .title{font-size:44px}}@media (width<=760px){.stage.aim{aspect-ratio:auto;height:440px;min-height:0}.aim .msg{top:14%}.aim .title{font-size:36px}.aim .start{width:96px;height:96px;margin:-48px 0 0 -48px;top:66%}.aim .topline{gap:6px;top:16px;left:16px}.aim .count{padding:4px 10px;font-size:13px}.aim .decal--a{width:48px;height:48px;bottom:8%}.aim .decal--b{display:none!important}.seg{flex:none}.segb{padding:0 12px}}.setup .chips{flex-wrap:wrap}
