:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior:none;touch-action:none;background:#0a1929;height:100%;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0}.waterra-canvas{width:100%;height:100%;display:block}.waterra-joystick{bottom:max(24px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;z-index:10;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;width:132px;height:132px;position:absolute}.waterra-joystick__thumb{pointer-events:none;will-change:transform;background:#d6e7ff99;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%;transform:translate(0)}.waterra-actions{bottom:max(24px, env(safe-area-inset-bottom));right:max(24px, env(safe-area-inset-right));z-index:10;align-items:flex-end;gap:16px;display:flex;position:absolute}.waterra-action-button{color:#d6e7ff;letter-spacing:.06em;text-transform:uppercase;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;transition:transform 80ms,background 80ms;display:inline-flex}.waterra-action-button__icon{pointer-events:none;width:36px;height:36px}.waterra-action-button.is-pressed{background:#d6e7ff59;transform:scale(.92)}.waterra-orientation-prompt{color:#d6e7ff;text-align:center;z-index:1100;background:#0a1929f0;justify-content:center;align-items:center;padding:24px;font:600 18px/1.4 ui-sans-serif,system-ui,sans-serif;display:none;position:absolute;inset:0}.waterra-orientation-prompt.is-visible{display:flex}.waterra-orientation-prompt__message{max-width:24em;margin:0}.waterra-start-screen{color:#d6e7ff;text-align:center;z-index:1200;background:#0a1929f5;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex;position:absolute;inset:0}.waterra-start-screen__title{letter-spacing:.04em;margin:0;font:700 32px/1.1 ui-sans-serif,system-ui,sans-serif}.waterra-start-screen__prompt{opacity:.75;margin:0;font:500 16px/1.4 ui-sans-serif,system-ui,sans-serif}.waterra-start-screen__list{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.waterra-start-screen__button{color:#d6e7ff;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;min-width:132px;min-height:56px;padding:14px 24px;font:600 16px/1 ui-sans-serif,system-ui,sans-serif;transition:transform 80ms,background 80ms}.waterra-start-screen__button:hover,.waterra-start-screen__button:focus-visible{background:#d6e7ff33;outline:none}.waterra-start-screen__button:active{background:#d6e7ff59;transform:scale(.96)}.waterra-start-screen__button.is-selected{background:#d6e7ff52;border-color:#d6e7ffb3;box-shadow:0 0 0 2px #d6e7ff73}.waterra-start-screen__settings{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.waterra-start-screen__settings-label{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0;font:600 14px/1 ui-sans-serif,system-ui,sans-serif}.waterra-start-screen__toggle{color:#d6e7ff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;min-width:132px;min-height:44px;padding:10px 18px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif}.waterra-start-screen__toggle.is-on{background:#70c48447;border-color:#c4f0c88c}.waterra-start-screen__replay-tutorial{color:#d6e7ff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;min-width:180px;min-height:44px;padding:10px 18px;font:600 13px/1 ui-sans-serif,system-ui,sans-serif}.waterra-start-screen__replay-tutorial:hover:not(:disabled),.waterra-start-screen__replay-tutorial:focus-visible:not(:disabled){background:#d6e7ff2e;outline:none}.waterra-start-screen__replay-tutorial.is-queued{color:#fff;cursor:default;background:#70c48447;border-color:#c4f0c88c}.waterra-start-screen__play{color:#fff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#d6e7ff2e;border:1px solid #d6e7ff8c;border-radius:16px;min-width:180px;min-height:56px;margin-top:12px;padding:16px 32px;font:700 18px/1 ui-sans-serif,system-ui,sans-serif;transition:transform 80ms,background 80ms,opacity 80ms}.waterra-start-screen__play:hover:not(:disabled),.waterra-start-screen__play:focus-visible:not(:disabled){background:#d6e7ff52;outline:none}.waterra-start-screen__play:active:not(:disabled){transform:scale(.96)}.waterra-start-screen__play:disabled{opacity:.4;cursor:not-allowed}.waterra-objective{top:max(16px, env(safe-area-inset-top));color:#d6e7ff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000;background:#0a1929b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:12px;padding:10px 18px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;left:50%;transform:translate(-50%)}.waterra-objective__counter{font-variant-numeric:tabular-nums;color:#fff;font-weight:700}.waterra-objective.is-complete{background:#70c48452;border-color:#c4f0c899}.waterra-score{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#d6e7ff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000;background:#0a1929b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font:600 13px/1 ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute}.waterra-score__counter{font-variant-numeric:tabular-nums;color:#fff;text-align:right;min-width:1.5ch;font-weight:700}.waterra-respawn-flash{pointer-events:none;z-index:1050;opacity:0;background:#dc506473;transition:opacity .12s ease-out;position:absolute;inset:0}.waterra-respawn-flash.is-visible{display:block}.waterra-pause-button{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));color:#d6e7ff;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;z-index:1000;background:#0a1929b8;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform 80ms,background 80ms,opacity 80ms;display:inline-flex;position:absolute}.waterra-pause-button:hover:not(:disabled),.waterra-pause-button:focus-visible:not(:disabled){background:#d6e7ff2e;outline:none}.waterra-pause-button:active:not(:disabled){transform:scale(.94)}.waterra-pause-button:disabled{opacity:.4;cursor:not-allowed}.waterra-pause-button__icon{pointer-events:none;width:24px;height:24px}.waterra-pause-menu{color:#d6e7ff;text-align:center;z-index:1300;background:#0a1929eb;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:none;position:absolute;inset:0}.waterra-pause-menu.is-visible{display:flex}.waterra-pause-menu__title{letter-spacing:.08em;text-transform:uppercase;margin:0;font:700 28px/1.1 ui-sans-serif,system-ui,sans-serif}.waterra-pause-menu__list{flex-direction:column;gap:12px;width:min(320px,100%);display:flex}.waterra-pause-menu__button{color:#d6e7ff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;min-height:56px;padding:14px 24px;font:600 16px/1.1 ui-sans-serif,system-ui,sans-serif;transition:transform 80ms,background 80ms}.waterra-pause-menu__button:hover,.waterra-pause-menu__button:focus-visible{background:#d6e7ff33;outline:none}.waterra-pause-menu__button:active{background:#d6e7ff59;transform:scale(.96)}.waterra-pause-menu__button--resume{background:#d6e7ff2e;border-color:#d6e7ff8c}.waterra-tutorial{color:#d6e7ff;text-align:center;z-index:1400;background:#0a1929eb;justify-content:center;align-items:center;padding:24px;display:none;position:absolute;inset:0}.waterra-tutorial.is-visible{display:flex}.waterra-tutorial__card{background:#0a192999;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);padding:24px;display:flex}.waterra-tutorial__counter{letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin:0;font:600 12px/1 ui-sans-serif,system-ui,sans-serif}.waterra-tutorial__title{letter-spacing:.04em;margin:0;font:700 24px/1.1 ui-sans-serif,system-ui,sans-serif}.waterra-tutorial__body{opacity:.88;margin:0;font:500 16px/1.4 ui-sans-serif,system-ui,sans-serif}.waterra-tutorial__actions{justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.waterra-tutorial__skip{color:#d6e7ff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;min-width:100px;min-height:44px;padding:10px 18px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif}.waterra-tutorial__skip[hidden]{display:none}.waterra-tutorial__next{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#d6e7ff2e;border:1px solid #d6e7ff8c;border-radius:14px;min-width:132px;min-height:48px;padding:12px 24px;font:700 15px/1 ui-sans-serif,system-ui,sans-serif;transition:transform 80ms,background 80ms}.waterra-tutorial__next:hover,.waterra-tutorial__next:focus-visible{background:#d6e7ff52;outline:none}.waterra-tutorial__next:active{transform:scale(.96)}.waterra-fps-overlay{color:#d6e7ff;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000;background:#0a192999;border-radius:4px;padding:4px 8px;font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:8px;left:8px}.waterra-metrics-panel{color:#d6e7ff;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre;z-index:1000;background:#0a1929b3;border:1px solid #ffffff1f;border-radius:4px;padding:6px 10px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;bottom:8px;left:8px}