.water-world-app{grid-template-columns:360px minmax(0,1fr);height:calc(100vh - 72px);min-height:640px;display:grid;overflow:hidden}.water-world-sidebar{border-right:1px solid var(--border);background:var(--background);scroll-mt:72px;min-width:0;overflow-y:auto}.world-panel{animation:.3s both world-enter}@keyframes world-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.world-source-dot{background:var(--primary);border-radius:50%;flex:none;width:10px;height:10px}.source-tank{background:var(--world-tank)}.source-bore{background:var(--world-bore)}.source-info{background:var(--world-info)}.world-source-tag{border:1px solid var(--border);color:var(--navy);border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.water-world-stage{background:var(--world-stage);min-width:0;position:relative;overflow:hidden}.water-world-svg{width:100%;height:100%;display:block}.world-stage-badge,.world-back-map,.world-stage-hint{z-index:2;position:absolute}.world-stage-badge{background:var(--primary);color:var(--primary-foreground);box-shadow:0 3px 14px color-mix(in oklch,var(--navy) 18%,transparent);border-radius:999px;padding:8px 16px;font-size:12px;font-weight:800;top:20px;left:20px}.world-back-map{top:20px;right:20px}.world-stage-hint{background:var(--background);color:var(--navy);box-shadow:0 2px 12px color-mix(in oklch,var(--navy) 14%,transparent);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;bottom:20px;left:20px}.water-world-stage .pin{cursor:pointer;outline:none}.water-world-stage .pin .lbl rect,.water-world-stage .pin .drop{fill:var(--primary)}.water-world-stage .pin .lbl text{fill:var(--primary-foreground);font-family:Manrope,sans-serif;font-size:17px;font-weight:700}.water-world-stage .pin .drop{stroke:var(--background);stroke-width:2.5px}.water-world-stage .pin.info .lbl rect,.water-world-stage .pin.info .drop{fill:var(--world-info-dark)}.water-world-stage .pin:hover .lbl rect,.water-world-stage .pin:focus-visible .lbl rect,.water-world-stage .pin.on .lbl rect{fill:var(--navy)}.water-world-stage .pin:focus-visible .drop{stroke:var(--navy);stroke-width:5px}.water-world-stage .pin .halo{fill:var(--primary);opacity:.25;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite world-halo}@keyframes world-halo{0%{opacity:.45;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.water-world-stage .flowline{fill:none;stroke:var(--primary);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:6 10;animation:1.2s linear infinite world-dash}@keyframes world-dash{to{stroke-dashoffset:-32px}}.water-world-stage .rain line{stroke:var(--world-rain);stroke-width:2px;stroke-linecap:round;animation:1s linear infinite world-rain}@keyframes world-rain{0%{opacity:0;transform:translateY(-6px)}30%{opacity:1}to{opacity:0;transform:translateY(22px)}}.water-world-stage .blade{transform-box:fill-box;transform-origin:50%;animation:6s linear infinite world-spin}@keyframes world-spin{to{transform:rotate(360deg)}}.water-world-stage .wave{fill:none;stroke:var(--background);stroke-width:2px;stroke-linecap:round;opacity:.6}@media (width<=859px){.water-world-app{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.water-world-stage{aspect-ratio:4/3;flex:none;order:0;max-height:72vh}.water-world-sidebar{border-right:0;order:1;overflow:visible}}@media (width<=519px){.world-stage-hint{display:none}.world-stage-badge{padding:6px 10px;font-size:10px;top:10px;left:10px}.world-back-map{height:31px;padding-inline:8px;font-size:10px;top:9px;right:8px}}@media (prefers-reduced-motion:reduce){.world-panel,.water-world-stage .pin .halo,.water-world-stage .flowline,.water-world-stage .rain line,.water-world-stage .blade{animation:none}}.water-world-stage .lille{cursor:pointer}.water-world-stage .lille rect{transition:fill .15s}.water-world-stage .lille:hover rect,.water-world-stage .lille:focus-visible rect{fill:#0d2542}.water-world-stage .lille:focus{outline:none}