.dialog.waterway{width:min(920px,100%);padding:30px 32px;background:#f1e6cf;color:#284a51}.dialog.waterway h2{font-size:29px;margin:9px 0}.waterway-intro{font-size:13px!important;margin:0 0 17px!important;line-height:1.8!important}.waterway-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(215px,1fr);gap:30px;align-items:center}.waterway-machine{min-width:0}.waterway-ends{display:flex;justify-content:space-between;color:#416c73;font-size:10px;margin-bottom:8px}.waterway-board{width:min(100%,58vh);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border:4px solid #315861;border-radius:12px;background:#9aafaa;box-shadow:0 10px 20px #30525725}.waterway-board button{aspect-ratio:1;min-width:0;padding:0;border:1px solid #b5b49e;border-radius:6px;background:linear-gradient(135deg,#f4e6c9,#d6c4a3);position:relative;touch-action:manipulation}.waterway-board button svg{display:block;width:100%;height:100%;overflow:hidden}.channel-rim{fill:none;stroke:#687f7c;stroke-width:29;stroke-linejoin:round}.channel-floor{fill:none;stroke:#9dafa3;stroke-width:19;stroke-linejoin:round}.channel-water{fill:none;stroke:#368ab0;stroke-width:17;stroke-linejoin:round;stroke-dasharray:7 1;animation:channelFlow 1.1s linear infinite}.channel-pin{fill:#d8c89d;stroke:#527574;stroke-width:2}.waterway-board button:hover{background:#f9edcc}.waterway-board button:focus-visible{outline:3px solid #153f50;outline-offset:1px;z-index:1}.waterway-board .channel-hinted{outline:3px solid #f4bf51;z-index:1;background:#f5d784}.waterway-board .channel-source:before,.waterway-board .channel-outlet:after{content:'➜';position:absolute;top:50%;transform:translateY(-50%);z-index:2;font-size:19px;color:#0c586f;background:#f1d891;border-radius:50%;width:23px;height:23px;line-height:23px}.channel-source:before{left:-16px}.channel-outlet:after{right:-16px}.waterway-flow-meter{margin-top:13px;text-align:center;font-size:11px;color:#527776}.waterway-sidebar>small{font-size:10px;letter-spacing:1px;color:#647768}.waterway-sidebar h3{font-size:22px;margin:13px 0}.waterway-sidebar>p{font-size:12px;line-height:1.8}.waterway-wheel-case{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:12px;color:#64766d}.waterway-wheel-case svg{width:70px;height:70px;flex-shrink:0;background:#dfd6bd;border-radius:50%}.waterway-wheel{stroke:#8a6434;stroke-width:5;fill:none;transform-origin:40px 40px}.waterway-wheel-case.powered{color:#286f7f}.powered .waterway-wheel{animation:waterwheelSpin 4s linear infinite}.waterway-key-hint{font-size:10px!important;color:#627a72}.waterway-sidebar .primary{width:100%;padding:13px 15px;font-size:13px}.waterway-tools{display:flex;gap:6px;justify-content:center;margin:12px 0}.waterway-tools button{padding:9px 10px;min-height:40px;background:#fff3da;border:1px solid #b9ad8f;border-radius:7px;color:#41686a;font-size:11px}.waterway-tools button:last-child{background:#efd18d}.waterway-tools button:disabled{opacity:.4}.waterway-sidebar .waterway-feedback{padding:12px;background:#dde6d9;border-radius:7px;font-size:12px;min-height:68px;line-height:1.8;margin:0 0 10px}.waterway-moves{font-size:10px;color:#6f8070}.waterway-note{font-size:10px!important;color:#778373;margin:16px 0 0!important}.waterway-preview{min-height:100svh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at top,#4b8388,#123445 70%)}.waterway-preview .dialog{max-height:none}.waterway-preview a{display:inline-block;margin-top:16px;font-size:12px;color:#41696e}@keyframes channelFlow{to{stroke-dashoffset:-16}}@keyframes waterwheelSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.dialog.waterway{padding:27px 18px 23px}.dialog.waterway h2{font-size:24px}.waterway-layout{grid-template-columns:1fr;gap:13px}.waterway-board{width:100%;max-width:340px;margin:auto}.waterway-ends{font-size:9px}.waterway-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:center}.waterway-sidebar>small,.waterway-sidebar h3,.waterway-sidebar>p:not(.waterway-feedback){display:none}.waterway-wheel-case{font-size:11px;margin:0}.waterway-wheel-case svg{width:46px;height:46px}.waterway-tools,.waterway-sidebar .waterway-feedback,.waterway-moves{grid-column:1/-1}.waterway-tools{margin:3px 0}.waterway-sidebar .waterway-feedback{min-height:0;margin:0}.waterway-intro{font-size:12px!important}.waterway-preview{padding:12px}}
@media(prefers-reduced-motion:reduce){.channel-water,.powered .waterway-wheel{animation:none}}