:root{color-scheme:light;--ink:#20382f;--paper:#f5f2ea;--surface:#fffcf6;--line:#dbded4;--coral:#b5412e;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bb5537;outline-offset:4px}
.studio{width:min(100% - 40px,820px);margin:auto;padding:70px 0 42px}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:750;letter-spacing:.08em}.back{padding:9px 0;letter-spacing:0}.intro{padding:30px 0 24px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--coral);font-weight:750;margin:0 0 10px}h1{font-size:clamp(26px,5vw,40px);letter-spacing:-.045em;margin:0 0 12px}.intro>p:last-child{font-size:14px;color:#667469;margin:0;line-height:1.8}
.play-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:0 12px 40px #273a2f0a}.scoreboard{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;padding:22px 26px}.scoreboard>div{display:flex;flex-direction:column;gap:5px}.scoreboard span{font-size:10px;font-weight:750;letter-spacing:.12em;color:#78847b}.scoreboard strong{font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums;font-weight:800}.scoreboard .multiplier{text-align:right}.multiplier strong{color:var(--coral)}
.stage{position:relative;isolation:isolate;height:410px;overflow:hidden;background:radial-gradient(ellipse at 50% 95%,#315847 0%,#19372c 48%,#132d24 100%);color:#fff7e7}.stage:before{content:"";position:absolute;inset:60% -40% -50%;border:1px solid #cfdfcb19;border-radius:50%;pointer-events:none}.stage-mark{position:absolute;top:22px;left:26px;font-size:11px;font-weight:750;letter-spacing:.12em;line-height:1.6;opacity:.55}.stage button{border:0;background:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;color:inherit;padding:0}.stage button:focus-visible{outline-offset:-5px;outline-color:#f2bd73}.mitt{position:absolute;width:23%;max-width:148px;top:28%;filter:drop-shadow(0 14px 14px #00130c70)}.mitt-lead{left:19%;transform:rotate(-12deg)}.mitt-rear{right:19%;transform:rotate(12deg)}.mitt-shadow{fill:#091d15}.mitt-edge{fill:#f1d5a7;stroke:#182820;stroke-width:2}.mitt-face{fill:#476353}.mitt-stitch{fill:none;stroke:#d9c399;stroke-width:1.2;stroke-dasharray:2 4}.mitt-cross{stroke:#ffe2a6;stroke-width:3;stroke-linecap:round}.mitt-rear .mitt-face{fill:#744b41}.tap-label{position:absolute;left:0;right:0;top:71%;font-size:10px;font-weight:700;letter-spacing:.19em;opacity:.6}
#feedback-layer{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.coach-note{position:absolute;bottom:15px;left:20px;right:72px;display:flex;align-items:center;gap:9px;pointer-events:none}.coach-note img{object-fit:contain;width:58px;height:58px;border-radius:50%}.coach-note span{font-size:12px;line-height:1.7;color:#e0e9dd}.gain{position:absolute;right:22px;bottom:32px;font-size:12px;pointer-events:none;font-variant-numeric:tabular-nums;color:#e6d4af}
.kind-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:18px 22px 0}.kind-options button{background:transparent;border:1px solid var(--line);border-radius:12px;padding:12px 4px;font-size:12px;font-weight:650;white-space:nowrap}.kind-options [aria-pressed=true]{background:#ebeadd;border-color:#546c5b}.kind-options i{display:block;width:7px;height:7px;border-radius:50%;background:var(--punch-color);margin:0 auto 7px}.controls{display:flex;gap:10px;flex-wrap:wrap;padding:17px 22px 0}.controls button{border:1px solid var(--line);border-radius:12px;padding:13px 20px;background:transparent;font-size:13px;font-weight:700;min-height:46px}.controls .primary{color:#fffaf0;background:var(--ink);border-color:var(--ink)}.controls .reset{margin-left:auto;color:#71796f}.status{font-size:11px;line-height:1.8;color:#667469;margin:16px 22px 21px}
.strength-card{margin-top:18px;padding:22px 26px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.strength-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:750}.strength-heading output{font-size:18px;color:var(--coral);font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;margin:17px 0 7px;accent-color:var(--ink);height:28px}.range-ends{display:flex;justify-content:space-between;font-size:11px;color:#6d7a6f}.strength-card p{font-size:11px;line-height:1.8;color:#667469;margin:13px 0 0}.measurements{padding:20px 6px;font-size:12px;color:#657369}.measurements summary{cursor:pointer;font-weight:650;padding:7px 0}.measurements p{line-height:1.8;max-width:600px}dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}dt{font-size:10px;line-height:1.8}dd{margin:4px 0 0;font-size:17px;font-variant-numeric:tabular-nums;color:var(--ink)}.stage-note{font-size:11px;line-height:1.8;color:#7b8479;margin:0 6px}
@media(max-width:520px){.studio{width:calc(100% - 28px);padding-top:65px}.studio-header{font-size:9px}.intro{padding-top:24px}.scoreboard{padding:18px;gap:8px}.scoreboard strong{font-size:26px}.stage{height:350px}.stage-mark{left:18px;top:18px;font-size:9px}.mitt{width:30%;top:30%}.mitt-lead{left:14%}.mitt-rear{right:14%}.coach-note{left:10px;right:64px;bottom:8px;gap:4px}.coach-note img{width:46px;height:46px}.coach-note span{font-size:10px}.gain{right:15px;bottom:23px;font-size:10px}.kind-options{gap:5px;padding:14px 13px 0}.kind-options button{font-size:10px}.controls{gap:7px;padding:14px 13px 0}.controls button{padding:12px;font-size:11px;flex:1}.controls .reset{flex:0 0 auto;margin-left:0;white-space:nowrap}.status{margin:13px;font-size:10px}.strength-card{padding:19px}.measurements dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

#sound-enabled{width:20px;height:20px;vertical-align:middle;accent-color:var(--ink);margin-right:8px}.sound-volume-label{display:block;font-size:12px;margin-top:18px;color:#667469}
.demo-launch{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 20px;margin:0 0 18px;padding:20px 24px;background:#e9eee3;border:1px solid #d5ddcc;border-radius:20px}.demo-launch h2{margin:0;font-size:17px;letter-spacing:-.02em}.demo-launch p{margin:7px 0 0;font-size:12px;line-height:1.7;color:#526451}.demo-launch button{min-height:48px;border:0;border-radius:12px;background:var(--ink);color:#fffaf0;padding:12px 18px;font-weight:700;font-size:13px}.demo-launch button span{font-size:10px;margin-right:4px}.demo-launch #demo-status{grid-column:1/-1;margin:0;font-size:11px}.demo-launch.demo-invited{border-color:#789071}.demo-strip{position:absolute;z-index:4;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;font-size:10px;font-weight:750;letter-spacing:.08em;color:#e8ead6}.demo-strip[hidden]{display:none}.demo-strip output{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.demo-clock-label{font-size:10px;font-weight:500;letter-spacing:0}.demo-running .stage-mark,.demo-running .tap-label{visibility:hidden}.demo-running #hit-surface{cursor:pointer}.demo-running .demo-launch button{background:#4b6652}.demo-running .coach-note span{max-width:200px}.demo-running[data-demo-phase=result] .demo-strip{opacity:.75}
@media(max-width:520px){.demo-launch{grid-template-columns:1fr;padding:18px;gap:12px}.demo-launch button{width:100%}.demo-launch h2{font-size:16px}.demo-strip{left:16px;right:16px;top:15px}.demo-strip output{font-size:20px}}