.fm-persimmon{--button-bg: var(--persimmon);--button-bg-hover: color-mix(in oklab, var(--persimmon) 88%, var(--persimmon-foreground));--button-bg-pressed: var(--button-bg-hover);--button-fg: var(--persimmon-foreground)}.fm-hit:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,40px);height:max(100%,40px);transform:translate(-50%,-50%)}.fm-tray{background:color-mix(in oklab,var(--butter) 32%,var(--surface));box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--foreground) 6%,transparent)}.fm-bar-lane{position:absolute;inset:-4px 0;pointer-events:none;transition:translate .8s var(--ease-smooth)}.fm-bar-line{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--foreground)}.fm-tube{position:relative;width:44px;height:150px;border-radius:22px;background:var(--surface-secondary);overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--foreground) 8%,transparent)}.fm-tube-fill{position:absolute;inset:0;background:var(--default);transform:scaleY(var(--fill, 0));transform-origin:bottom;transition:transform .8s var(--ease-smooth),background-color .3s}.fm-tube-fill.mid{background:var(--butter)}.fm-tube-fill.hi{background:var(--persimmon)}.fm-tube-line{position:absolute;left:-4px;right:-4px;bottom:33.3%;height:2px;background:var(--foreground)}@media(max-width:560px){.fm-tube{width:38px;height:120px}}.fm-plate{position:relative;width:min(340px,100%);aspect-ratio:1;margin-inline:auto;padding:46px;box-sizing:border-box;border-radius:50%;background:var(--surface);box-shadow:0 24px 40px -24px color-mix(in oklab,var(--foreground) 35%,transparent),inset 0 0 0 14px color-mix(in oklab,var(--butter) 14%,var(--surface-secondary));display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px}.fm-pitem{position:relative;width:46%;height:46%;min-width:0}.fm-mline{position:absolute;top:-4px;bottom:-4px;left:50%;width:2px;background:var(--foreground)}.fm-fx{position:relative;flex-shrink:0;width:88px;height:88px;border-radius:44px;overflow:hidden}.fm-water{background:color-mix(in oklab,var(--sky) 22%,var(--surface))}.fm-gas{background:color-mix(in oklab,var(--peach) 70%,var(--surface))}.fm-fx i{position:absolute;display:block}.fm-water i{width:14px;height:20px;border-radius:50%/60% 60% 40% 40%;background:var(--sky);opacity:.85}.fm-water i:nth-child(1){left:20px;top:18px}.fm-water i:nth-child(2){left:38px;top:44px}.fm-water i:nth-child(3){left:56px;top:26px}.fm-water i:nth-child(4){left:30px;top:62px}.fm-gas i{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--bubble-core) 0%,var(--bubble-mid) 45%,var(--bubble-edge) 100%);box-shadow:inset 0 0 0 1.5px var(--bubble-rim)}.fm-gas i:nth-child(1){left:18px;bottom:14px}.fm-gas i:nth-child(2){left:38px;bottom:40px;width:13px;height:13px}.fm-gas i:nth-child(3){left:54px;bottom:20px}.fm-gas i:nth-child(4){left:28px;bottom:58px;width:11px;height:11px}[data-armed] .fm-water i{top:-20px;opacity:0;animation:fm-drip 2.4s ease-in infinite}[data-armed] .fm-water i:nth-child(2){animation-delay:-.6s}[data-armed] .fm-water i:nth-child(3){animation-delay:-1.2s}[data-armed] .fm-water i:nth-child(4){animation-delay:-1.8s}@keyframes fm-drip{0%{transform:translateY(0);opacity:0}20%{opacity:.85}to{transform:translateY(108px);opacity:.2}}[data-armed] .fm-gas i{bottom:4px;opacity:0;animation:fm-bub 2.6s cubic-bezier(.3,.3,.6,1) infinite}[data-armed] .fm-gas i:nth-child(2){animation-delay:-.65s}[data-armed] .fm-gas i:nth-child(3){animation-delay:-1.3s}[data-armed] .fm-gas i:nth-child(4){animation-delay:-1.95s}@keyframes fm-bub{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:1}70%{opacity:.9}to{transform:translateY(-84px) scale(1);opacity:0}}[data-armed]:not([data-live]) .fm-fx i{animation-play-state:paused}.fm-route{position:relative}.fm-route:before{content:"";position:absolute;top:8px;left:44px;width:calc(50% + 10px);height:2px;background:repeating-linear-gradient(90deg,var(--foreground) 0 8px,transparent 8px 14px);opacity:.5}.fm-stop{position:relative;margin-left:35px;width:18px;height:18px;border-radius:9px}@media(max-width:700px){.fm-route:before,.fm-stop{display:none}}@media(prefers-reduced-motion:no-preference){.fm-pop{animation:fm-pop .45s cubic-bezier(.32,.72,0,1)}.fm-flash-a{animation:fm-flash-a .6s cubic-bezier(.32,.72,0,1)}.fm-flash-b{animation:fm-flash-b .6s cubic-bezier(.32,.72,0,1)}}@keyframes fm-pop{0%{transform:scale(.92);opacity:.4}to{transform:none;opacity:1}}@keyframes fm-flash-a{40%{transform:scale(1.05)}}@keyframes fm-flash-b{40%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.fm-bar-lane,.fm-tube-fill{transition:none}.fm-fx i{animation:none!important}}
