.TabBar-module__gCt5gq__spacer{height:calc(var(--tabbar-height) + var(--safe-bottom))}.TabBar-module__gCt5gq__bar{inset-inline:0;z-index:var(--z-sticky);background-color:var(--color-bg-raised);border-top:var(--border-thin) solid var(--color-border);padding-bottom:var(--safe-bottom);grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;display:grid;position:fixed;bottom:0}.TabBar-module__gCt5gq__tab{min-height:var(--tabbar-height);padding:var(--space-1) var(--space-1);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.TabBar-module__gCt5gq__tab:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:-3px}.TabBar-module__gCt5gq__tab[data-active]{color:var(--color-accent-text)}.TabBar-module__gCt5gq__tab[data-active]:before{content:"";background-color:var(--color-accent);border-radius:var(--radius-pill);width:28px;height:2px;position:absolute;top:0}.TabBar-module__gCt5gq__label{font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.TabBar-module__gCt5gq__tab[data-active] .TabBar-module__gCt5gq__label{font-weight:var(--weight-bold)}@media (hover:hover) and (pointer:fine){.TabBar-module__gCt5gq__tab:not([data-active]):hover{color:var(--color-text)}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f3ecdc;--color-bg-raised:#fbf7ec;--color-bg-sunken:#efe6d0;--color-bg-overlay:#16273c73;--color-text:#16273c;--color-text-muted:#5c6c81;--color-text-on-accent:#101822;--color-text-on-danger:#fff;--color-border:#16273c2e;--color-border-strong:#16273c;--color-focus-ring:var(--color-border-strong);--color-danger:#c2402f;--color-success:#2e6b4f;--color-accent:#8a6b2f;--color-danger-text:#a03020;--color-danger-strong:#c2402f;--color-success-text:#2e6b4f;--color-accent-text:#8a6b2f;--color-chip:#efe6d0;--color-hull:#263c55;--color-hull-damaged:#96402f;--color-sunk-bg:#8294a9;--color-sunk-fg:#fbf7ec;--color-phosphor:#2e6b4f;--color-hit:var(--color-danger);--color-miss:var(--color-text-muted);--color-sunk:var(--color-accent);--font-display:var(--font-golos), "Golos Text", ui-sans-serif, sans-serif;--font-ui:var(--font-golos), "Golos Text", ui-sans-serif, sans-serif;--font-mono:var(--font-plex-mono), "IBM Plex Mono", ui-monospace, monospace;--text-3xs:.5625rem;--text-2xs:.625rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-brand:2.375rem;--text-3xl:3rem;--text-4xl:4rem;--text-5xl:5.5rem;--text-data:1.25rem;--leading-tight:1.05;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.04em;--tracking-mono:.08em;--tracking-mono-wide:.28em;--tracking-brand:.12em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--border-hairline:.5px;--border-thin:1px;--border-thick:2px;--shadow-sm:2px 2px 0 0 var(--color-border-strong);--shadow-md:3px 3px 0 0 var(--color-border-strong);--shadow-lg:4px 4px 0 0 var(--color-border-strong);--shadow-focus:0 0 0 3px var(--color-focus-ring);--plate-border:var(--border-thin) solid var(--color-border);--plate-bg:var(--color-bg-raised);--plate-shadow:inset 0 1px 0 #ffffff0d, inset 0 -6px 12px #00000040;--plate-shadow-board:inset 0 1px 0 #ffffff0d, inset 0 -6px 12px #00000040, inset 0 0 24px #0000004d;--plate-shadow-button:inset 0 1px 0 #ffffff59, inset 0 -3px 0 #00000040;--plate-shadow-dial:inset 0 0 12px #0006;--duration-instant:80ms;--duration-fast:.15s;--duration-base:.22s;--duration-slow:.4s;--duration-sweep:3s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-emphasis:cubic-bezier(.16, 1, .3, 1);--z-base:0;--z-raised:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50;--z-tooltip:60;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-height:56px;--safe-left:env(safe-area-inset-left,0px);--screen-min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom))}[data-theme=periscope]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a1322;--color-bg-raised:#111d30;--color-bg-sunken:#182640;--color-bg-overlay:#0009;--color-text:#eae5d8;--color-text-muted:#96a6ba;--color-text-on-accent:#101822;--color-text-on-danger:#101822;--color-border:#eae5d829;--color-border-strong:#eae5d8;--color-focus-ring:var(--color-phosphor);--color-danger:#e0705f;--color-success:#7ce3a8;--color-accent:#c9a45c;--color-danger-text:#ee9a8a;--color-danger-strong:#e0705f;--color-success-text:#7ce3a8;--color-accent-text:#c9a45c;--color-chip:#182640;--color-hull:#33465f;--color-hull-damaged:#84483b;--color-sunk-bg:#2c3e58;--color-sunk-fg:#eae5d8;--color-phosphor:#7ce3a8;--color-hit:var(--color-danger);--color-miss:var(--color-text-muted);--color-sunk:var(--color-accent);--shadow-sm:2px 2px 0 0 var(--color-border-strong);--shadow-md:3px 3px 0 0 var(--color-border-strong);--shadow-lg:4px 4px 0 0 var(--color-border-strong)}@media (prefers-color-scheme:dark){:root:not([data-theme=chart]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a1322;--color-bg-raised:#111d30;--color-bg-sunken:#182640;--color-bg-overlay:#0009;--color-text:#eae5d8;--color-text-muted:#96a6ba;--color-text-on-accent:#101822;--color-text-on-danger:#101822;--color-border:#eae5d829;--color-border-strong:#eae5d8;--color-focus-ring:var(--color-phosphor);--color-danger:#e0705f;--color-success:#7ce3a8;--color-accent:#c9a45c;--color-phosphor:#7ce3a8;--color-danger-text:#ee9a8a;--color-danger-strong:#e0705f;--color-success-text:#7ce3a8;--color-accent-text:#c9a45c;--color-chip:#182640;--color-hull:#33465f;--color-hull-damaged:#84483b;--color-sunk-bg:#2c3e58;--color-sunk-fg:#eae5d8;--color-hit:var(--color-danger);--color-miss:var(--color-text-muted);--color-sunk:var(--color-accent);--shadow-sm:2px 2px 0 0 var(--color-border-strong);--shadow-md:3px 3px 0 0 var(--color-border-strong);--shadow-lg:4px 4px 0 0 var(--color-border-strong)}}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{min-height:100%}img,picture,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}code,kbd,samp,pre{font-family:var(--font-mono)}body{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.035 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),  radial-gradient(circle, var(--color-border) .6px, transparent .6px),  repeating-linear-gradient(to right, var(--color-border) 0, var(--color-border) var(--border-hairline), transparent var(--border-hairline), transparent 64px), repeating-linear-gradient(to bottom, var(--color-border) 0, var(--color-border) var(--border-hairline), transparent var(--border-hairline), transparent 64px);background-size:180px 180px,8px 8px,64px 64px,64px 64px;background-attachment:fixed}::selection{background-color:var(--color-accent);color:var(--color-text-on-accent)}:focus{outline:none}:focus-visible{outline:var(--border-thick) solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}