.ov2-water{--wg-ink:#332839;--wg-muted:#786875;--wg-gold:#d4aa67;--wg-cyan:#7bd4c5;--wg-border:rgba(102,77,93,.15);margin:90px 0 88px;scroll-margin-top:115px;font-family:inherit;color:var(--wg-ink)}
.ov2-water *, .ov2-water *::before,.ov2-water *::after{box-sizing:border-box}.ov2-water [hidden]{display:none!important}
.ov2-water-heading{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:end;margin-bottom:32px}.ov2-water-eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#977544;margin-bottom:17px}.ov2-water-eyebrow i{width:7px;height:7px;background:#c99c58;border-radius:50%;box-shadow:0 0 0 5px rgba(201,156,88,.1)}.ov2-water-heading h2{font-size:clamp(27px,3.2vw,43px);line-height:1.53;font-weight:800;letter-spacing:-.045em;margin:0}.ov2-water-heading h2 span{color:#a78348}.ov2-water-heading>p{font-size:15px;line-height:2.05;margin:0 0 8px;color:var(--wg-muted);max-width:520px}
.ov2-water-panel{display:grid;grid-template-columns:minmax(0,1fr) 310px;direction:ltr;background:#242237;border:1px solid rgba(192,154,104,.36);border-radius:28px;box-shadow:0 26px 70px rgba(45,26,48,.15);overflow:hidden}.ov2-water-stage{position:relative;min-width:0;isolation:isolate;background:#24273f;direction:rtl;align-self:stretch;overflow:hidden;min-height:470px}.ov2-water-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;outline:none;cursor:crosshair;touch-action:auto}.ov2-water-stage canvas:focus-visible{outline:3px solid #a8eee1;outline-offset:-5px;z-index:2}.ov2-water.is-playing canvas{touch-action:none}.ov2-water-stage-top{position:absolute;top:21px;left:23px;right:23px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.ov2-water-scene-tag{display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:600;color:#f5e9d4;background:rgba(30,29,48,.64);border:1px solid rgba(245,223,184,.15);border-radius:30px;backdrop-filter:blur(6px)}.ov2-water-scene-tag i{width:5px;height:5px;border-radius:50%;background:#f6d49a}.ov2-water-state{font-size:11px;color:#c3e1d9;text-shadow:0 1px 3px #172a36}.ov2-water-stage-bottom{position:absolute;left:20px;right:20px;bottom:18px;z-index:3;display:flex;gap:9px;align-items:center;color:#e8fff9;font-size:11px;font-weight:600;padding:11px 14px;background:rgba(15,36,48,.64);border:1px solid rgba(161,225,210,.18);border-radius:13px;backdrop-filter:blur(8px);pointer-events:none}.ov2-water-mode{margin-inline-start:auto;font-size:10px;color:#b2d3c9;white-space:nowrap}.ov2-water-pointer-icon{font-size:20px;color:#8ce1cc}.ov2-water-fallback{height:100%;min-height:470px;position:relative}.ov2-water-fallback svg{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ov2-water-fallback p{position:absolute;bottom:40px;left:30px;right:30px;color:#e8fff4;background:rgba(28,35,48,.65);border:1px solid rgba(196,227,210,.2);padding:15px;border-radius:15px;text-align:center;font-size:14px;line-height:1.9}
.ov2-water-console{direction:rtl;padding:30px 24px 23px;background:linear-gradient(150deg,#312d40,#242335);border-inline-start:1px solid rgba(231,201,158,.13);color:#f7efe3;min-width:0}.ov2-water-console-kicker{display:block;font-size:10px;letter-spacing:.025em;color:#d5b37e;font-weight:700;margin-bottom:8px}.ov2-water-console h3{font-size:19px;line-height:1.7;font-weight:700;margin:0 0 9px}.ov2-water-console-intro p{font-size:13px;line-height:1.95;color:#d4ced4;margin:0 0 20px}.ov2-water-total>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:11px;color:#ece1d1}.ov2-water-total strong{font-size:16px;color:#f8d49b;font-variant-numeric:tabular-nums}.ov2-water-total-track{height:5px;border-radius:8px;overflow:hidden;background:#504657;direction:ltr}.ov2-water-total-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#66c7b7,#d6ba75);border-radius:8px;transition:width .18s ease}
.ov2-water-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0}.ov2-water-zone{appearance:none;font:inherit;background:rgba(255,255,255,.035);border:1px solid rgba(226,206,179,.14);color:#d3c8ce;cursor:pointer;border-radius:12px;padding:11px 5px 10px;text-align:center;min-width:0;transition:background .2s,border-color .2s;position:relative;overflow:hidden}.ov2-water-zone:hover{border-color:rgba(141,212,196,.5)}.ov2-water-zone.is-selected{border-color:#8ed4c3;background:rgba(124,207,188,.1);color:#f0fdf6}.ov2-water-zone.is-complete{border-color:#b8a575;background:rgba(210,182,108,.09)}.ov2-water-zone:focus-visible,.ov2-water button:focus-visible{outline:3px solid #9be6d6;outline-offset:3px}.ov2-water-zone-name{display:block;font-size:9px;line-height:1.8;white-space:nowrap}.ov2-water-zone strong{display:block;font-size:12px;line-height:1.9;color:#e4d0b0;font-weight:600}.ov2-water-zone-shape{height:22px;display:flex;align-items:end;justify-content:center;gap:3px;margin-bottom:6px;direction:ltr}.ov2-water-zone-shape i{display:block;width:9px;background:linear-gradient(#d9b784,#936c4b);border-radius:3px 3px 0 0;transition:height .25s}.ov2-water-zone-shape i:first-child{height:15px}.ov2-water-zone-shape i:nth-child(2){height:22px}.ov2-water-zone-shape i:last-child{height:17px}.ov2-water-zone.is-complete .ov2-water-zone-shape i{height:5px;background:#94cab4}.ov2-water-zone-track{height:2px;position:absolute;bottom:0;left:9px;right:9px;direction:ltr}.ov2-water-zone-track i{display:block;height:100%;width:0;background:#8ed4c3;transition:width .18s}
.ov2-water-action-row{display:grid;grid-template-columns:1fr 42px;gap:8px}.ov2-water-primary,.ov2-water-reset{font:inherit;border-radius:11px;border:1px solid rgba(229,193,129,.35);cursor:pointer;min-height:43px;display:flex;justify-content:center;align-items:center;gap:8px}.ov2-water-primary{background:linear-gradient(110deg,#e4c48f,#cba566);color:#2c2532;font-size:12px;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.1)}.ov2-water-primary:hover{filter:brightness(1.08)}.ov2-water-primary>span:first-child{font-size:19px;line-height:1}.ov2-water-reset{background:transparent;color:#d8c2a1}.ov2-water-reset svg{width:20px;height:20px}.ov2-water-reset:hover{background:rgba(229,193,129,.09)}.ov2-water-flow{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;margin-top:9px;padding:10px 15px;min-height:53px;border:1px solid rgba(131,214,195,.42);border-radius:11px;background:rgba(89,173,162,.12);color:#d2f6ed;cursor:pointer;font:inherit;font-size:12px;touch-action:none;user-select:none;-webkit-user-select:none}.ov2-water-flow>svg{width:23px;height:23px;color:#92dfcb;flex-shrink:0}.ov2-water-flow small{display:block;font-size:9px;font-weight:400;color:#afd5cb;margin-top:2px}.ov2-water-flow-indicator{height:6px;width:6px;background:#558b81;border-radius:50%;margin-inline-start:auto;box-shadow:0 0 0 4px rgba(133,210,191,.07)}.ov2-water-flow.is-flowing{background:rgba(108,209,185,.25);border-color:#8fe5cd}.ov2-water-flow.is-flowing .ov2-water-flow-indicator{background:#b1ffe4;box-shadow:0 0 12px rgba(147,253,209,.7)}.ov2-water-flow:disabled{cursor:default;opacity:.55}
.ov2-water-keyboard{font-size:10px;line-height:1.9;margin:13px 0 0;color:#beb5c5}.ov2-water-keyboard>span{font-size:14px;margin-inline-end:4px}.ov2-water-note{font-size:10px;line-height:1.95;color:#b9afbc;border-top:1px solid rgba(224,200,166,.12);padding-top:14px;margin:18px 0 0}.ov2-water-live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ov2-water-caption{margin:16px 0 0;text-align:center;font-size:12px;line-height:1.9;color:var(--wg-muted)}.ov2-water-caption span{color:#ac8953;margin-inline-end:6px}.ov2-water-celebration{position:absolute;top:20%;left:9%;right:9%;z-index:2;text-align:center;color:#fff1d2;pointer-events:none;text-shadow:0 2px 18px rgba(36,33,56,.6);opacity:0;transform:translateY(10px);transition:opacity 1.2s,transform 1.2s}.ov2-water-celebration.is-visible{opacity:1;transform:translateY(0)}.ov2-water-celebration>span{display:block;font-size:20px;color:#ffe0a3;margin-bottom:6px}.ov2-water-celebration strong{display:block;font-size:clamp(19px,2.5vw,31px);letter-spacing:-.03em}.ov2-water-celebration p{font-size:13px;margin:7px 0 0;color:#f6dcc4}
.dark .ov2-water,.dark-mode .ov2-water{--wg-ink:#f3e9dc;--wg-muted:#b8aab9;--wg-border:rgba(209,180,142,.2)}.dark .ov2-water-heading h2 span,.dark-mode .ov2-water-heading h2 span{color:#d2ae71}.dark .ov2-water-panel,.dark-mode .ov2-water-panel{box-shadow:0 22px 75px rgba(0,0,0,.3)}
@media(min-width:1450px){.ov2-water-panel{grid-template-columns:minmax(0,1fr) 330px}.ov2-water-console{padding:32px 28px}.ov2-water-stage{min-height:550px}}
@media(max-width:1000px){.ov2-water-heading{gap:28px}.ov2-water-panel{display:block}.ov2-water-console{padding:24px;border-inline-start:0;border-top:1px solid rgba(231,201,158,.16)}.ov2-water-stage{min-height:0;aspect-ratio:1.47}.ov2-water-fallback{min-height:0;aspect-ratio:1.47}.ov2-water-stage canvas{object-fit:contain}.ov2-water-mode{display:none}.ov2-water-scene-tag{font-size:10px}.ov2-water-stage-top{left:15px;right:15px}}
@media(max-width:760px){.ov2-water{margin:62px 0}.ov2-water-heading{display:block;margin-bottom:25px}.ov2-water-eyebrow{font-size:10px;line-height:1.8}.ov2-water-heading h2{font-size:30px;line-height:1.55;margin-bottom:16px}.ov2-water-heading>p{font-size:14px;line-height:2.03}.ov2-water-panel{display:block;border-radius:21px}.ov2-water-stage{height:auto;min-height:0;aspect-ratio:1.35}.ov2-water-stage canvas{height:100%;object-fit:contain}.ov2-water-fallback{min-height:0;aspect-ratio:1.35}.ov2-water-fallback svg{height:100%;object-fit:cover}.ov2-water-fallback p{left:18px;right:18px;bottom:18px;font-size:12px;padding:10px}.ov2-water-console{border-inline-start:0;border-top:1px solid rgba(231,201,158,.16);padding:23px 20px 20px}.ov2-water-console-intro p{font-size:14px;line-height:1.9;margin-bottom:17px}.ov2-water-console h3{font-size:20px}.ov2-water-stage-top{top:13px;left:12px;right:12px;gap:5px}.ov2-water-stage-bottom{left:12px;right:12px;bottom:11px;gap:5px;padding:8px 10px;font-size:9px;line-height:1.7}.ov2-water-scene-tag{font-size:9px;padding:6px 8px}.ov2-water-state{font-size:9px}.ov2-water-total>div:first-child{font-size:12px}.ov2-water-zone{padding:12px 8px 10px}.ov2-water-zone-name{font-size:11px}.ov2-water-zone strong{font-size:13px}.ov2-water-primary{font-size:13px;min-height:47px}.ov2-water-action-row{grid-template-columns:1fr 47px}.ov2-water-flow{min-height:54px;font-size:13px}.ov2-water-flow small{font-size:10px}.ov2-water-keyboard{font-size:11px}.ov2-water-note{font-size:11px}.ov2-water-caption{font-size:11px;line-height:2}.ov2-water-celebration{top:16%}.ov2-water-celebration strong{font-size:21px}.ov2-water-celebration p{font-size:11px}}
@media(max-width:360px){.ov2-water-console{padding:21px 15px}.ov2-water-zone-name{font-size:10px}.ov2-water-heading h2{font-size:27px}.ov2-water-state{font-size:8px}.ov2-water-scene-tag{font-size:8px}.ov2-water-stage-bottom{font-size:8px}.ov2-water-celebration strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ov2-water *, .ov2-water *::before,.ov2-water *::after{transition:none!important;animation:none!important}}