*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}:root{--color-aqua-dark:#0e3d4e;--color-aqua-light:#6ac7d6;--color-aqua-accent:#4a9eb2;--app-ink:#effcff;--app-body:"Avenir Next", "Trebuchet MS", sans-serif}body{min-height:100dvh;color:var(--app-ink);font-family:var(--app-body);letter-spacing:.01em;background:radial-gradient(circle at 50% 0,#c2f0fc24,#0000 32%),radial-gradient(circle at 50% 100%,#0412198c,#0000 48%),linear-gradient(#133e4d 0%,#081b24 100%);place-items:center;margin:0;padding:0;display:grid;overflow:hidden}#canvas-container{isolation:isolate;background:radial-gradient(circle at 50% 0,#d6f6ff29,#0000 32%),linear-gradient(#0b4e60b8,#04161edb);border:1px solid #c9f1ff3d;border-radius:0;width:100vw;height:100dvh;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059,inset 0 0 0 1px #c9f1ff14}#canvas-container:before,#canvas-container:after{content:"";pointer-events:none;position:absolute;inset:0}#canvas-container:before{mix-blend-mode:screen;opacity:.78;background:linear-gradient(103deg,#0000 0 17%,#f5fbff33 29%,#ffffff12 36%,#0000 47%),linear-gradient(#f5fbff1f,#0000 16%)}#canvas-container:after{opacity:.72;background:radial-gradient(circle at 84% 14%,#ffffff1f,#0000 18%),linear-gradient(#ffffff0a,#0000 20%,#00000024 100%)}#canvas-container canvas{z-index:0;display:block;position:relative;width:100%!important;height:100%!important}.game-control-pane{z-index:220;width:min(22rem,100vw - 2rem);max-height:calc(100dvh - 2rem);position:fixed;top:1rem;right:1rem;overflow-y:auto}.game-control-pane[hidden]{display:none!important}@media (width<=720px){.game-control-pane{width:auto;max-height:min(60dvh,32rem);top:.75rem;left:.75rem;right:.75rem}}#loading-screen{background:var(--color-aqua-dark);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lottie-container,.loading-bubbles{width:200px;height:200px}.loading-bubbles{position:relative}.loading-bubble-cluster{background:radial-gradient(circle at 50% 24%,#dcf7ff57,#0000 36%),radial-gradient(circle at 50% 72%,#0718202e,#0000 62%);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.loading-bubble-core{background:radial-gradient(circle at 34% 30%,#ffffffd1,#d6f3fa5c 38%,#62abb814 72%,#fff0 100%);border-radius:50%;width:4rem;height:4rem;margin-left:-2rem;animation:3.8s ease-in-out infinite loading-core-pulse;position:absolute;bottom:18%;left:50%;box-shadow:0 0 22px #bdecf54d,inset 0 0 24px #ffffff1f}.loading-bubble{left:var(--bubble-left);width:var(--bubble-size);height:var(--bubble-size);margin-left:calc(var(--bubble-size) / -2);opacity:.84;animation:loading-bubble-rise var(--bubble-duration) ease-in-out infinite;animation-delay:var(--bubble-delay);background:radial-gradient(circle at 35% 30%,#ffffffe6,#d4f5fb66 42%,#73bac614 74%,#fff0 100%);border-radius:50%;position:absolute;bottom:-14%;box-shadow:0 0 14px #c4f0f829,inset 0 0 10px #ffffff24}@keyframes loading-bubble-rise{0%{opacity:0;transform:translate(0,0)scale(.68)}12%{opacity:.84}55%{opacity:.9;transform:translate3d(var(--bubble-drift), -88px, 0) scale(1)}to{opacity:0;transform:translate3d(calc(var(--bubble-drift) * .45), -170px, 0) scale(1.14)}}@keyframes loading-core-pulse{0%,to{transform:translateY(0)scale(.96)}50%{transform:translateY(-8px)scale(1.03)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}