.nami-submarine-scene{color:#f5f6ed;--nami-submarine-lit:#f5f6ed;--nami-submarine-mid:#7697cc;--nami-submarine-dark:#10265a;--nami-submarine-line:#c2d4e4;--nami-submarine-outline-width:.9;--nami-submarine-outline-opacity:.65;--nami-submarine-rib-opacity:.2;--nami-submarine-detail-width:.7;--nami-submarine-detail-opacity:.35;width:100%;min-width:0}.nami-submarine-scene .nami-submarine-stage{aspect-ratio:1000/650;width:100%;position:relative}.nami-submarine-scene .nami-submarine-stage>svg{width:100%;height:100%;display:block;position:relative;overflow:visible}.nami-submarine-scene .nami-submarine-water{pointer-events:none;position:absolute;inset:0}.nami-submarine-scene .nami-submarine-water canvas{width:100%;height:100%;display:block}.nami-submarine-scene .nami-submarine-solid{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.submarine-face{stroke:none;fill-opacity:1}.submarine-face.is-light{fill:var(--nami-submarine-lit,#698bd5)}.submarine-face.is-mid{fill:var(--nami-submarine-mid,#698bd5)}.submarine-face.is-dark{fill:var(--nami-submarine-dark,var(--drafting-dark))}.submarine-line{fill:none;stroke:var(--nami-submarine-line,var(--drafting-ink));stroke-linecap:round;stroke-linejoin:round}.submarine-outline{stroke-width:var(--nami-submarine-outline-width,1.2);stroke-opacity:var(--nami-submarine-outline-opacity,.88)}.submarine-rib{stroke-width:.65px;stroke-opacity:var(--nami-submarine-rib-opacity,.36)}.submarine-detail{stroke-width:var(--nami-submarine-detail-width,.8);stroke-opacity:var(--nami-submarine-detail-opacity,.62)}.nami-submarine-scene .submarine-forces path{fill:none;stroke:#f5f6ed;stroke-width:1.7px;stroke-opacity:.9;stroke-linecap:round;stroke-linejoin:round}.nami-submarine-scene .submarine-forces text{fill:#f5f6ed;stroke:#123d9b;stroke-width:4px;paint-order:stroke;font:12px ui-monospace,monospace}.nami-submarine-scene .submarine-thrust path,.nami-submarine-scene .submarine-combined>[data-vector]{stroke-width:2.5px}.nami-submarine-scene .submarine-thrust text,.nami-submarine-scene .submarine-fin-force.starboard-fin text,.nami-submarine-scene .submarine-combined text{text-anchor:end}.nami-submarine-scene .submarine-forces .submarine-force-leader,.nami-submarine-scene .submarine-combined>[data-addition]{stroke-width:.8px;stroke-opacity:.4;stroke-dasharray:3 4}.nami-submarine-scene .submarine-forces>[data-steering-path]{stroke:#baa5df;stroke-width:1.3px;stroke-dasharray:5 5}.nami-submarine-scene .nami-submarine-controls{justify-content:space-between;align-items:center;gap:12px;margin:-20px 7% 0;display:flex;position:relative}.nami-submarine-scene .nami-submarine-controls>div{gap:22px;display:flex}.nami-submarine-scene .nami-submarine-controls button{appearance:none;color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;min-height:40px;padding:10px 0;font:11px/1.4 ui-monospace,monospace}.nami-submarine-scene .nami-submarine-controls button[aria-pressed=true]{opacity:1;border-bottom-color:currentColor}.nami-submarine-scene .nami-submarine-controls>button{opacity:1;border:1px solid #f5f6ed60;padding:7px 10px}.nami-submarine-scene .nami-submarine-controls button:focus-visible{outline-offset:4px;outline:2px solid #f5f6ed}.nami-submarine-scene .nami-submarine-controls button:disabled{opacity:.35;cursor:default}@media (width<=600px){.nami-submarine-scene .nami-submarine-controls{margin:-8px 5% 0}.nami-submarine-scene .nami-submarine-controls>div{gap:12px}.nami-submarine-scene .nami-submarine-controls button{font-size:9px}.nami-submarine-scene .submarine-forces text{font-size:17px}}.nami-journey-root{display:contents}.nami-journey-layer{z-index:1000;pointer-events:none;opacity:1;width:100vw;height:100svh;transition:opacity .35s;position:fixed;inset:0;overflow:hidden}.nami-journey-layer canvas{width:100%;height:100%;display:block}.nami-journey-layer[data-revealing=true]{opacity:0}.nami-product-figure{color:#f5f6ed;background:#1745b8;margin:30px 0}.nami-product-scene{justify-content:center;align-items:center;width:100%;height:clamp(280px,36vw,440px);display:flex;position:relative}.nami-environment-world{opacity:1;width:100%;min-width:0;transition:opacity .3s}.nami-environment-world>figure{margin:0}.nami-environment-world svg{width:100%;height:auto;display:block}.nami-product-scene[data-morphing=true] .nami-environment-world{opacity:0}.nami-environment-picker{z-index:2;pointer-events:auto;justify-content:center;gap:8px;display:flex;position:absolute;bottom:24px;left:12%;right:5%}.nami-environment-picker a{color:#f5f6ed;background:#1745b8;border:1px solid #f5f6ed55;flex-direction:column;gap:4px;padding:9px 13px;font:12px/1.25 monospace;text-decoration:none;display:flex}.nami-environment-picker span{opacity:.65;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.nami-environment-picker a.is-selected{color:#1745b8;background:#f5f6ed}.nami-environment-world button{pointer-events:auto}@media (width<=700px){.nami-environment-picker{gap:4px;bottom:2px;left:4%;right:4%}.nami-environment-picker a{padding:7px 9px;font-size:10px}.nami-environment-picker span{font-size:8px}.nami-environment-world{padding-bottom:28px}}@media (prefers-reduced-motion:reduce){.nami-journey-layer{display:none}.nami-environment-world{transition:none}}.nami-flume-pause{z-index:2;pointer-events:auto;color:#f5f6ed;background:#1745b8;border:1px solid #f5f6ed55;padding:8px 13px;font:10px monospace;position:absolute;bottom:18%;right:24px}@media (width<=700px){.nami-flume-pause{bottom:72px;right:20px}}