:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d5eff1;background:#096074;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,summary{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#ocean{touch-action:none;cursor:default;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{left:max(28px,env(safe-area-inset-left));bottom:calc(25px + env(safe-area-inset-bottom));pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.69;text-shadow:0 1px 12px #053b4b44;position:fixed}h1{letter-spacing:.22em;margin:0 0 14px;font-size:23px;font-weight:300;line-height:1.2}#hud p{letter-spacing:.075em;margin:0 0 6px;font-size:12px;line-height:1.5}#hud .meta{opacity:.67;font-size:11px}#hud .zoom-hint{opacity:0;font-size:10px;transition:opacity .4s}body:has(#settings[open]) #hud .zoom-hint{opacity:.8}#settings{right:max(15px,env(safe-area-inset-right));color:#e1e8e8;z-index:3;-webkit-user-select:none;user-select:none;background:#111d;width:245px;max-width:calc(100vw - 30px);font-size:11px;position:fixed;top:0}summary{cursor:pointer;padding:7px 9px;font-weight:600;line-height:1.2;list-style-position:inside}.settings-body{border-top:1px solid #ffffff18;padding:8px 12px 12px}label{justify-content:space-between;align-items:center;gap:10px;min-height:32px;display:flex}input[type=range]{accent-color:#7cd5d8;cursor:pointer;width:127px;font-size:16px}button{color:inherit;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff25;border-radius:2px;padding:7px 10px}button:hover{background:#ffffff1a}button:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ade9e9}.actions{gap:8px;margin-top:8px;display:flex}.actions button{flex:1}.settings-body small{color:#aaa;margin-top:12px;font-size:9px;line-height:1.5;display:block}#loading{z-index:10;background:radial-gradient(at 50% 0,#338f98,#073b52);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.loading-body{text-align:center;max-width:520px;padding:24px}.loading-body p{letter-spacing:.36em;font-size:18px;font-weight:300}.loading-body small{color:#9ec8d0;font-size:12px;line-height:1.8}.loading-body button{margin:20px auto 0;font-size:14px;display:block}.water-mark{border:1px solid #9ddce833;border-top-color:#b1f2f2;border-radius:50%;width:34px;height:34px;margin:auto;animation:1.8s linear infinite drift;display:block}@keyframes drift{to{transform:rotate(360deg)}}@media (width<=600px){#hud{bottom:18px;left:18px;right:14px}h1{margin-bottom:12px;font-size:20px}#hud p{letter-spacing:.025em;font-size:10px}#hud .meta{font-size:10px}#settings{width:220px;right:8px}}@media (prefers-reduced-motion:reduce){.water-mark{animation:none}#loading{transition:none}}