.kp-stage-drawing{--bg:#fff;--ink:#363636;--ink-soft:#6a6a6a;--accent:#007bfb;--accent-deep:#0062c9;--line:#dedede;--line-strong:#363636}.kp-stage-drawing:after{content:"";border-top:1.5px solid var(--line-strong);height:0;margin-top:-1px;display:block}.kp-stage-drawing .stages{justify-content:flex-end;gap:4px;margin-bottom:clamp(16px,2vw,24px);display:flex}.kp-stage-drawing .stage-btn{appearance:none;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin:0 8px;padding:8px 4px 12px;font-size:14px;transition:color .3s;position:relative}.kp-stage-drawing .stage-btn:last-child{margin-right:0}.kp-stage-drawing .stage-btn:before,.kp-stage-drawing .stage-btn:after{content:"";background:var(--line);height:1.5px;position:absolute;bottom:4px;left:4px;right:4px}.kp-stage-drawing .stage-btn:after{background:var(--accent);transform-origin:0;transform:scaleX(0)}.kp-stage-drawing .stage-btn[aria-pressed=true]{color:var(--ink)}.kp-stage-drawing .stage-btn[aria-pressed=true]:after{transform:scaleX(1)}.kp-stage-drawing .stage-btn.run:after{animation:kp-fillbar var(--dur,5s) linear both}@keyframes kp-fillbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kp-stage-drawing .stage-btn:hover{color:var(--ink)}.kp-stage-drawing .stage-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.kp-stage-drawing .bath{width:100%;height:auto;display:block;overflow:visible}.kp-stage-drawing .bath .d{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:1px;transition-property:stroke-dashoffset,fill-opacity;transition-duration:1.1s,.6s;transition-timing-function:cubic-bezier(.6,.05,.25,1),ease;transition-delay:calc(var(--i,0) * 75ms)}.kp-stage-drawing .bath .occ{fill:var(--bg);fill-opacity:0}.kp-stage-drawing .bath .f{opacity:0;transition-property:opacity;transition-duration:.7s;transition-timing-function:ease;transition-delay:calc(var(--i,0) * 75ms + .6s)}.kp-stage-drawing .bath .g.on .d{stroke-dashoffset:0}.kp-stage-drawing .bath .g.on .occ{fill-opacity:1}.kp-stage-drawing .bath .g.on .f{opacity:1}.kp-stage-drawing .bath .g.off .d{stroke-dashoffset:-1px;transition-duration:.7s,.35s;transition-delay:calc(var(--i,0) * 25ms)}.kp-stage-drawing .bath .g.off .occ{fill-opacity:0}.kp-stage-drawing .bath .g.off .f{opacity:0;transition-duration:.35s;transition-delay:0s}.kp-stage-drawing .bath .g.reset .d,.kp-stage-drawing .bath .g.reset .f{transition:none}.kp-stage-drawing .bath .room{stroke:#c8c8c8;stroke-width:1px}.kp-stage-drawing .bath .win{stroke:#8e8e8e}.kp-stage-drawing .bath .win.faint{stroke:#c8c8c8;stroke-width:1px}.kp-stage-drawing .bath .old{stroke:#8e8e8e}.kp-stage-drawing .bath .old.faint{stroke:#c4c4c4;stroke-width:1px}.kp-stage-drawing .bath .frame{stroke:#b39a7c;stroke-width:1.25px}.kp-stage-drawing .bath .pipe{stroke:#c2703a;stroke-width:2px}.kp-stage-drawing .bath .pipe-dot{fill:var(--bg);stroke:#c2703a;stroke-width:2px;vector-effect:non-scaling-stroke}.kp-stage-drawing .bath .membrane{fill:var(--accent);fill-opacity:.09}.kp-stage-drawing .bath .wp{stroke:var(--accent);stroke-width:1px}.kp-stage-drawing .bath .lead{stroke:#7a7a7a;stroke-width:1px}.kp-stage-drawing .bath circle.note{fill:#7a7a7a}.kp-stage-drawing .bath text.note{fill:#5e5e5e;paint-order:stroke;stroke:var(--bg);stroke-width:8px;stroke-linejoin:round;font-family:inherit;font-size:24px;font-weight:500}.kp-stage-drawing .bath .tile{stroke:#b7d8fd;stroke-width:1px}.kp-stage-drawing .bath .new.faint{stroke-width:1px}.kp-stage-drawing .bath .glass{stroke:var(--accent);stroke-width:1.25px}.kp-stage-drawing .bath .glass-fill{fill:var(--accent);fill-opacity:.045}.kp-stage-drawing .bath .glint{stroke:#9cc9fc;stroke-width:1.25px}.kp-stage-drawing .bath .halo{stroke:#cfe5fe;stroke-width:1px}.kp-stage-drawing .bath .leaf{stroke:#3f8f5a;stroke-width:1.5px}.kp-stage-drawing .bath .blk{fill:#2e2e2e}.kp-stage-drawing .bath .blk-line{fill:none;stroke:#2e2e2e;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.kp-stage-drawing .bath .water{fill:none;stroke:#9cc9fc;stroke-width:1px;stroke-linecap:round;stroke-dasharray:10 22;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:no-preference){.kp-stage-drawing .bath .water{animation:1.1s linear infinite kp-fall}@keyframes kp-fall{to{stroke-dashoffset:-32px}}}@media (prefers-reduced-motion:reduce){.kp-stage-drawing .bath .d,.kp-stage-drawing .bath .f{transition:none!important}}@media (width<=600px){.kp-stage-drawing .bath .note,.kp-stage-drawing .bath .note-line{display:none}.kp-stage-drawing .stages{justify-content:flex-start}.kp-stage-drawing .stage-btn:first-child{margin-left:0}}