.fwm-card{--fwm-paper:#232827;--fwm-ink:#fafafa;--fwm-muted:#c6ccca;--fwm-orange:#ff7a38;--fwm-ease:cubic-bezier(0.23,1,0.32,1);--fwm-delay:180ms;min-width:0;container-type:inline-size}.fwm-card:nth-child(2){--fwm-delay:320ms}.fwm-card:nth-child(3){--fwm-delay:460ms}.fwm-card:nth-child(4){--fwm-delay:600ms}.fwm-win{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:10cqi;overflow:hidden;border-radius:14px;background:var(--fwm-paper);box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 36px -28px rgba(16,24,40,.24);color:var(--fwm-ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:15px;line-height:1.35}.fwm-win p{margin:0}.fwm-fig-signal{position:relative}.fwm-signal{display:flex;flex-direction:column;align-items:center}.fwm-clock{position:absolute;top:7.5cqi;left:9cqi;font-size:16px;font-weight:600;line-height:1;letter-spacing:-.01em}.fwm-bars{display:flex;align-items:flex-end;gap:6px;height:40px}.fwm-bars i{width:7px;border-radius:3.5px;background:#737a77}.fwm-bars i:first-child{height:12px}.fwm-bars i:nth-child(2){height:19px}.fwm-bars i:nth-child(3){height:26px}.fwm-bars i:nth-child(4){height:33px}.fwm-bars i:nth-child(5){height:40px}.fwm-no-signal{margin-top:14px!important;font-size:17px;font-weight:500}.fwm-note{width:100%}.fwm-note-label{margin-bottom:12px!important}.fwm-field{height:48cqi;padding:17px;border:1.5px solid var(--fwm-muted);border-radius:9px}.fwm-caret{display:block;width:1.5px;height:26px;background:var(--fwm-ink)}.fwm-gap{display:grid;grid-template-columns:max-content max-content;justify-content:center;align-items:baseline;column-gap:14px}.fwm-time-row{display:contents}.fwm-time-row time{grid-column:1;justify-self:center;font-size:22px;font-weight:600;line-height:1;letter-spacing:-.01em}.fwm-time-row>span{grid-column:2;color:var(--fwm-muted);font-size:14px}.fwm-rail{position:relative;grid-column:1;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:9px;margin:12px 0;padding:4px 0}.fwm-rail:before{content:"";position:absolute;top:-8px;bottom:-8px;left:50%;width:1.5px;margin-left:-.75px;background:#4f5754}.fwm-rail i{position:relative;width:11px;height:11px;border:1.5px solid #8b9390;border-radius:50%;background:var(--fwm-paper)}.fwm-rail i:first-child{border-color:var(--fwm-orange);background:var(--fwm-orange)}.fwm-transcript{width:100%}.fwm-transcript .fwm-note-label{margin-bottom:7.8cqi!important}.fwm-said{display:flex;flex-direction:column;gap:6px}.fwm-said>span{color:var(--fwm-muted);font-size:13.5px}.fwm-said>p{font-size:clamp(17px,7cqi,24px);font-weight:600;line-height:1.25;letter-spacing:-.01em;white-space:nowrap}.fwm-rule{height:1px;margin:7cqi 0;border:0;background:#626a66}.fwm-wrong{position:relative}.fwm-wrong:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-3px;height:2px;border-radius:1px;background:var(--fwm-orange);transform-origin:left center}.fwm-card:not([data-played]) .fwm-wrong:after{transform:scaleX(.15)}@container (max-width: 230px){.fwm-gap{column-gap:10px}.fwm-time-row>span{font-size:13px}.fwm-rail{gap:7px;margin:10px 0}}.fwm-card[data-played] .fwm-beat{animation:fwm-settle .56s var(--fwm-ease) var(--fwm-delay) both;animation-play-state:paused}.fwm-card[data-played] .fwm-caret{animation:fwm-blink .56s step-end var(--fwm-delay) 2 both;animation-play-state:paused}.fwm-card[data-played] .fwm-wrong:after{animation:fwm-draw .6s var(--fwm-ease) var(--fwm-delay) both;animation-play-state:paused}.fwm-card[data-onscreen] :is(.fwm-beat,.fwm-caret){animation-play-state:running}.fwm-card[data-onscreen] .fwm-wrong:after{animation-play-state:running}@keyframes fwm-settle{0%{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fwm-blink{0%,to{opacity:1}45%,70%{opacity:0}}@keyframes fwm-draw{0%{transform:scaleX(.15)}to{transform:none}}@media (prefers-reduced-motion:reduce){.fwm-card[data-played] :is(.fwm-beat,.fwm-caret){animation:none;opacity:1;transform:none}.fwm-card .fwm-wrong:after{animation:none!important;transform:none!important}}