.picture>.clap-canvas{pointer-events:none;position:absolute;top:0;left:0}.audio-notice{font:500 12px/1.5 var(--body);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:4px 10px;margin:0;display:flex}.audio-notice button{min-height:44px;color:var(--accent);font:650 12px/1.5 var(--body);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}@media (max-height:680px) and (max-width:899px){.phase-result.has-audio-notice .control-panel{max-height:72%}}.clap-hud{text-align:center;pointer-events:none;color:#f6ebce;text-shadow:0 2px 4px #06100e;font-family:var(--body);position:absolute;top:19px;left:20px;right:20px}.clap-steps{color:#a9b5a6;letter-spacing:.02em;justify-content:center;gap:16px;font-size:12px;font-weight:650;line-height:1.5;display:flex}.clap-steps span{border-bottom:2px solid #0000;padding-bottom:5px}.clap-steps .is-current{color:#f3dfb3;border-color:#dfbd73}.clap-steps .is-complete{color:#a7d7bb}.clap-heading{letter-spacing:.03em;margin:11px 0 0;font-size:25px;font-weight:800;line-height:1.4}.clap-hint{color:#d7d7bf;margin:5px 0 0;font-size:12px;line-height:1.5}.clap-detail{border-bottom:1px solid var(--line);margin:0 0 13px;padding:0 0 9px}.clap-detail h3{color:var(--primary);margin:0 0 4px;font-size:12px;font-weight:700;line-height:1.5}.clap-detail dl{font-variant-numeric:tabular-nums;margin:0;font-size:12px;line-height:1.5}.clap-detail dl>div{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.clap-detail dd{margin:0;font-weight:650}.recipe-detail .clap-total{color:var(--primary);font-variant-numeric:tabular-nums;border-top:1px solid #8f8a6d55;justify-content:space-between;gap:12px;margin:5px 0 0;padding-top:6px;font-size:12px;line-height:1.5;display:flex}@media (max-width:420px){.clap-hud{top:14px;left:10px;right:10px}.clap-steps{gap:12px;font-size:11px}.clap-heading{margin-top:8px;font-size:22px}.clap-hint{font-size:11px}}@container (height<=420px){.clap-hud{top:11px}.clap-steps{font-size:10px}.clap-heading{margin-top:6px;font-size:20px}.clap-hint{display:none}}