#grid[data-v-fa7d616c]{display:flex;flex-direction:column;background-color:var(--blue-grey-500)}.row[data-v-fa7d616c]{display:flex;flex:1}.header[data-v-fa7d616c]{font-size:3vh;margin:0;border-radius:1vh;width:90%;height:90%;display:flex;justify-content:center;align-items:center;font-family:sans-serif;font-weight:800;color:var(--blue-grey-700);transition:all .2s ease-in-out}.header.highlighted[data-v-fa7d616c]{outline:.2vh solid hsla(60,100%,50%,.8);outline-offset:-.2vh;box-shadow:0 0 2vh #ffff00b3;color:#ff0c;cursor:pointer}.highlighted[data-v-fa7d616c]{background-color:#ff03;cursor:pointer}.cell[data-v-fa7d616c]{flex:1;position:relative;padding:.2vh}.cell-area[data-v-fa7d616c]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:20%;z-index:1;transition:all .1s ease-in-out}.cell-area.highlighted[data-v-fa7d616c]{outline:.3vh solid hsla(60,100%,50%,.8);outline-offset:-.2vh;box-shadow:0 0 2vh #ffff00b3}.dot[data-v-fa7d616c]{width:20%;height:20%;outline:.3vh solid var(--blue-grey-200);border-radius:50%;background-color:var(--blue-grey-300);transition:all .2s ease-in-out}.dot.path[data-v-fa7d616c]{width:30%;height:30%;background-color:var(--blue-grey-700);outline-color:var(--blue-grey-400)}.dot.submarine[data-v-fa7d616c]{width:55%;height:55%;outline-width:.4vh;outline-offset:-.2vh}.dot.submarine.blueTeam[data-v-fa7d616c]{background-color:var(--blue-600);outline-color:var(--blue-300);box-shadow:0 0 1vh 0 var(--blue-300),inset 0 0 1vh 0 var(--blue-300)}.dot.submarine.yellowTeam[data-v-fa7d616c]{background-color:var(--yellow-vivid-600);outline-color:var(--yellow-vivid-300);box-shadow:0 0 1vh 0 var(--yellow-vivid-300),inset 0 0 1vh 0 var(--yellow-vivid-300)}.dot.island[data-v-fa7d616c]{width:90%;height:90%;border-radius:30%;background-color:var(--blue-grey-900);border:none;outline:none}.dot.mine[data-v-fa7d616c]{width:40%;height:40%;background-color:var(--red-500);outline-color:var(--red-400);box-shadow:0 0 1vh 0 var(--red-300);cursor:pointer;border-radius:20%}.dot.mine[data-v-fa7d616c]:hover{box-shadow:0 0 1vh .5vh var(--red-300);transition:all .2s ease-in-out;animation:pulse-fa7d616c 1s infinite}@keyframes pulse-fa7d616c{0%{box-shadow:0 0 1vh 0 var(--red-300)}50%{box-shadow:0 0 1vh 1vh var(--red-300);background-color:var(--red-400);outline-color:var(--red-300)}to{box-shadow:0 0 1vh 0 var(--red-300)}}.sector[data-v-fa7d616c]{position:absolute;width:500%;height:500%;outline:1vh solid var(--blue-grey-600);outline-offset:-1vh;border-radius:2.5vh;top:0;left:0;color:var(--blue-grey-600);font-family:sans-serif;transition:all .2s ease-in-out}.sector.highlighted[data-v-fa7d616c]{z-index:2;outline-color:#ff0c;outline-width:.5vh;box-shadow:0 0 2vh #ffff00b3;color:#ffff004d}.sector>p[data-v-fa7d616c]{font-size:30vh;margin:0;position:absolute;line-height:1;width:100%;height:100%;text-align:center}button[data-v-c617efc0]{--color-100: var(--blue-100);--color-200: var(--blue-200);--color-300: var(--blue-300);--color-700: var(--blue-700);padding:2vh;background-color:var(--color-700);border:.5vh solid var(--color-200);outline:.3vh solid var(--color-200);outline-offset:-.1vh;color:var(--color-200);border-radius:3vh;box-shadow:0 0 1vh 0 var(--color-300),inset 0 0 1vh 0 var(--color-300);text-shadow:0 0 1vh var(--color-300);transition:all .1s ease-in-out}button.yellow[data-v-c617efc0]{--color-100: var(--yellow-vivid-100);--color-200: var(--yellow-vivid-200);--color-300: var(--yellow-vivid-300);--color-700: var(--yellow-vivid-700)}button[data-v-c617efc0]:enabled{cursor:pointer}button[data-v-c617efc0]:disabled{background-color:var(--blue-grey-500);border-color:var(--blue-grey-200);outline-color:var(--blue-grey-200);color:var(--blue-grey-300);box-shadow:0 0 0 0 var(--blue-grey-400),inset 0 0 0 0 var(--blue-grey-400);text-shadow:0 0 1vh var(--blue-grey-400);cursor:not-allowed}button[data-v-c617efc0]:enabled:hover{background-color:var(--color-700);border-color:var(--color-100);outline-color:var(--color-100);color:var(--color-100);box-shadow:0 0 2vh 0 var(--color-200),inset 0 0 2vh 0 var(--color-200);text-shadow:0 0 2vh var(--color-200)}#controls[data-v-03149978]{display:flex;flex-direction:column}.row[data-v-03149978]{flex:1;display:flex;flex-direction:row}span[data-v-03149978]{flex:1}button[data-v-03149978]{width:100%;height:100%;font-size:5vh;font-weight:700}.grid[data-v-b3f6a386]{height:98vh;width:98vh;flex-shrink:0;padding:1vh}.hud[data-v-b3f6a386]{display:flex}.controls[data-v-b3f6a386]{display:flex;flex-direction:column;gap:3vh;padding:1vh;background-color:var(--blue-grey-600);border-left:1vh solid var(--blue-grey-700);flex-grow:1}button[data-v-b3f6a386]{font-size:4vh;font-weight:700}.compassControls[data-v-b3f6a386]{flex:1}#systems[data-v-b3f6a386]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1vh;justify-content:center}.container[data-v-e62b844d]{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;max-width:40vh;gap:1vh}button[data-v-e62b844d]{font-size:6vh}.hud[data-v-7a10673d]{margin:0;height:100vh;background-color:var(--blue-grey-600);display:flex;flex-direction:column;align-items:center}button[data-v-7a10673d]{margin:1vh;font-size:6vh}.meter[data-v-7a10673d]{display:flex;flex-direction:row;justify-content:center;gap:1vh}.meter-section[data-v-7a10673d]{width:1em;height:1em;display:inline-block;border-radius:1vh}.full[data-v-7a10673d]{background-color:var(--yellow-vivid-500);box-shadow:0 0 1vh 0 var(--yellow-vivid-500)}.empty[data-v-7a10673d]{background-color:var(--blue-grey-300)}.meter.damage[data-v-7a10673d]{width:fit-content;font-size:6vh;padding:10px;border-radius:5vh}.meter.damage .full[data-v-7a10673d]{background-color:var(--red-500);box-shadow:0 0 1vh 0 var(--red-500)}#hud[data-v-a055bbb3]{background-color:var(--blue-grey-600);height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}#boxes[data-v-a055bbb3]{padding:2vh;background-color:var(--blue-grey-500);border-radius:2vh;display:flex;flex-grow:0}h2[data-v-a055bbb3]{font-size:50px;margin:0;text-align:center;font-family:sans-serif;color:var(--blue-900)}.column[data-v-a055bbb3]{transition:all .5s ease-in-out}.current[data-v-a055bbb3]{outline:4px solid var(--blue-100);border-radius:10px;background-color:var(--blue-600);box-shadow:0 0 1vh .5vh var(--blue-200),inset 0 0 1vh 0 var(--blue-200)}.current h2[data-v-a055bbb3]{color:var(--blue-100);text-shadow:0 0 1vh var(--blue-200)}button[data-v-a055bbb3]{margin:20px;width:50px;border-radius:50%;aspect-ratio:1;border:.3vh solid var(--blue-grey-800);font-size:35px;font-family:sans-serif}.current button[data-v-a055bbb3]{cursor:pointer;transition:all .1s ease-in-out}.current button[data-v-a055bbb3]:hover{box-shadow:0 0 2vh 1vh var(--red-700)}.green[data-v-a055bbb3]{background-color:green}.red[data-v-a055bbb3]{background-color:red}.yellow[data-v-a055bbb3]{background-color:#ff0}.yellow-border[data-v-a055bbb3]{outline:10px solid yellow;box-shadow:0 0 10px #ff0}.orange-border[data-v-a055bbb3]{outline:10px solid orange}.grey-border[data-v-a055bbb3]{outline:10px solid var(--blue-grey-200)}button[data-v-6cf4800f]{font-size:5vh}p[data-v-6cf4800f],label[data-v-6cf4800f]{font-size:5vh;color:var(--blue-grey-300)}select[data-v-6cf4800f]{font-size:5vh;padding:2vh;background-color:var(--blue-700);border:.5vh solid var(--blue-200);outline:.3vh solid var(--blue-200);outline-offset:-.1vh;border-radius:3vh;box-shadow:0 0 1vh 0 var(--blue-300),inset 0 0 1vh 0 var(--blue-300);text-shadow:0 0 1vh var(--blue-300);color:var(--blue-200)}div.wizard[data-v-6cf4800f]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh}div.button-group[data-v-6cf4800f]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2vh;flex-wrap:wrap}.fade-enter-active[data-v-6cf4800f],.fade-leave-active[data-v-6cf4800f]{transition:opacity .2s}.fade-enter-from[data-v-6cf4800f],.fade-leave-to[data-v-6cf4800f]{opacity:0}.popover-container{position:relative}.popover-content{position:absolute;z-index:100;background-color:#fff;border-radius:10px;padding:10px}button{border:none;outline:none;background-color:transparent;cursor:pointer}span[data-v-96a2b8cb]{font-size:5vh}.slider-group[data-v-96a2b8cb]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}*{font-family:Rubik,sans-serif}body{margin:0;background-color:var(--blue-grey-600);overflow-y:hidden}:root{--blue-050: #dceefb;--blue-100: #b6e0fe;--blue-200: #84c5f4;--blue-300: #62b0e8;--blue-400: #4098d7;--blue-500: #2680c2;--blue-600: #186faf;--blue-700: #0f609b;--blue-800: #0a558c;--blue-900: #003e6b;--yellow-vivid-050: #fffbea;--yellow-vivid-100: #fff3c4;--yellow-vivid-200: #fce588;--yellow-vivid-300: #fadb5f;--yellow-vivid-400: #f7c948;--yellow-vivid-500: #f0b429;--yellow-vivid-600: #de911d;--yellow-vivid-700: #cb6e17;--yellow-vivid-800: #b44d12;--yellow-vivid-900: #8d2b0b;--blue-grey-050: #f0f4f8;--blue-grey-100: #d9e2ec;--blue-grey-200: #bcccdc;--blue-grey-300: #9fb3c8;--blue-grey-400: #829ab1;--blue-grey-500: #627d98;--blue-grey-600: #486581;--blue-grey-700: #334e68;--blue-grey-800: #243b53;--blue-grey-900: #102a43;--cyan-050: #e0fcff;--cyan-100: #bef8fd;--cyan-200: #87eaf2;--cyan-300: #54d1db;--cyan-400: #38bec9;--cyan-500: #2cb1bc;--cyan-600: #14919b;--cyan-700: #0e7c86;--cyan-800: #0a6c74;--cyan-900: #044e54;--red-050: #ffeeee;--red-100: #facdcd;--red-200: #f29b9b;--red-300: #e66a6a;--red-400: #d64545;--red-500: #ba2525;--red-600: #a61b1b;--red-700: #911111;--red-800: #780a0a;--red-900: #610404}.audio[data-v-2497c56b]{position:absolute;top:0;left:0;padding:.5vh;z-index:100}.connection-wizard[data-v-2497c56b]{display:flex;flex-direction:column;align-items:center;margin-top:10px}.button[data-v-2497c56b]{font-size:5vh}.sharelink[data-v-2497c56b]{margin:2vh;font-size:4vh;color:var(--blue-100)}.instructions[data-v-2497c56b]{font-size:3vh;color:var(--blue-grey-300);text-align:center;margin-top:20vh}