:root{--red-500: #e63946;--red-600: #f00;--red-700: #d62828;--red-800: #ba181b;--red-500-alpha-80: rgb(230 57 70 / 80%);--red-600-alpha-80: rgb(255 0 0 / 80%);--red-600-alpha-20: rgb(255 0 0 / 20%);--red-600-alpha-10: rgb(255 0 0 / 100%);--red-800-alpha-80: rgb(186 24 27 / 80%);--blue-100: #d0e6f3;--blue-200: #a1cce7;--blue-300: #6896b3;--blue-400: #2980b9;--blue-500: #457b9d;--blue-600: #34495e;--blue-700: #2c3e50;--blue-800: #1d3557;--blue-900: #0d1b2a;--blue-600-alpha-80: rgb(52 73 94 / 80%);--orange-400: #ff6b6b;--orange-500: #e74c3c;--orange-400-alpha-80: rgb(255 107 107 / 80%);--orange-500-alpha-80: rgb(231 76 60 / 80%);--light-blue-400: #bdc3c7;--light-blue-500: #95a5a6;--light-blue-400-alpha-80: rgb(189 195 199 / 80%);--light-blue-500-alpha-80: rgb(149 165 166 / 80%);--purple-400: #9b59b6;--purple-500: #8e44ad;--purple-400-alpha-80: rgb(155 89 182 / 80%);--purple-500-alpha-80: rgb(142 68 173 / 80%);--green-400: #2ecc71;--green-500: #27ae60;--black-800: #222;--black-900: #000;--gray-100: #ecf0f1;--gray-300: #ccc;--gray-400: #aeaeae;--gray-600: #666;--gray-disabled: #aaa;--gray-disabled-alpha-80: rgb(170 170 170 / 80%);--white: #fff;--white-100: #f8f9fa;--white-200: #f0f4f8;--white-alpha-95: rgb(255 255 255 / 95%)}@media (prefers-color-scheme: dark){:root{--red-500: #e63946;--red-600: #f00;--red-700: #ba181b;--red-800: #8a0f12;--red-500-alpha-80: rgb(230 57 70 / 80%);--red-600-alpha-80: rgb(255 0 0 / 80%);--red-600-alpha-20: rgb(255 0 0 / 20%);--red-600-alpha-10: rgb(255 0 0 / 100%);--red-800-alpha-80: rgb(138 15 18 / 80%);--blue-100: #1c2c3a;--blue-200: #243c4e;--blue-300: #2c4e63;--blue-400: #345f78;--blue-500: #3c718d;--blue-600: #45618b;--blue-700: #2c3e50;--blue-800: #1d3557;--blue-900: #0d1b2a;--blue-600-alpha-80: rgb(52 73 94 / 80%);--orange-400: #ff6b6b;--orange-500: #e74c3c;--orange-400-alpha-80: rgb(255 107 107 / 80%);--orange-500-alpha-80: rgb(231 76 60 / 80%);--light-blue-400: #5a6b75;--light-blue-500: #3d4e5b;--light-blue-400-alpha-80: rgb(90 107 117 / 80%);--light-blue-500-alpha-80: rgb(61 78 91 / 80%);--purple-400: #7d4da0;--purple-500: #61307d;--purple-400-alpha-80: rgb(125 77 160 / 80%);--purple-500-alpha-80: rgb(97 48 125 / 80%);--green-400: #2ecc71;--green-500: #27ae60;--black-800: #222;--black-850: #161717;--black-900: #000;--gray-100: #2a2a2a;--gray-300: #555;--gray-400: #666;--gray-600: #888;--gray-disabled: #999;--gray-disabled-alpha-80: rgb(153 153 153 / 80%);--white: #f8f9fa;--white-100: #e0e0e0;--white-200: #c0c0c0}}:root{--font-family-sans: "Segoe UI", tahoma, geneva, verdana, sans-serif;--font-size-100: .9rem;--font-size-200: 1rem;--font-size-250: 1.2rem;--font-size-300: 1.25rem;--font-size-400: 1.125rem;--font-size-500: 1.5rem;--font-size-600: 2.5rem;--font-size-700: 4rem;--font-size-800: 5rem}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 2.5rem;--space-7: 3rem;--space-8: 4rem;--size-led: 16px;--size-dot: 12px;--size-cell-400: 40px;--size-cell-350: 35px;--size-cell-300: 30px}:root{--shadow-light: rgb(0 0 0 / 10%);--shadow-medium: rgb(0 0 0 / 20%);--shadow-dark: rgb(0 0 0 / 30%)}@media (prefers-color-scheme: dark){:root{--shadow-light: rgb(0 0 0 / 10%);--shadow-medium: rgb(0 0 0 / 20%);--shadow-dark: rgb(0 0 0 / 30%)}}:root{--duration-fast: .2s;--duration-slow: .6s;--duration-slower: .8s;--duration-mid: 1s;--duration-long: 2s;--duration-very-long: 4s}:root{--radius-btn: var(--space-2);--radius-section: 10px;--table-corner-radius: 10px}:root{--color-primary: var(--red-500);--color-primary-hover: var(--red-700);--color-primary-active: var(--red-800);--color-on-primary: var(--white);--color-primary-alpha-80: var(--red-500-alpha-80);--color-primary-hover-alpha-80: var(--red-800-alpha-80);--color-secondary: var(--blue-500);--color-secondary-hover: var(--blue-600);--color-secondary-active: var(--blue-700);--color-on-secondary: var(--white);--color-tertiary: var(--blue-600);--color-tertiary-hover: var(--blue-800);--color-tertiary-active: var(--blue-900);--color-tertiary-alpha-80: var(--blue-600-alpha-80);--color-hit: var(--orange-500-alpha-80);--color-hit-light: var(--orange-400-alpha-80);--color-miss: var(--light-blue-500-alpha-80);--color-miss-light: var(--light-blue-400-alpha-80);--color-sunk: var(--purple-500-alpha-80);--color-sunk-light: var(--purple-400-alpha-80);--color-sunk-dark: var(--light-blue-400);--color-win: var(--green-500);--color-win-light: var(--green-400);--color-lose: var(--black-900);--color-lose-light: var(--black-800);--color-section-background: var(--white-100);--color-surface: var(--white);--color-surface-alt: var(--white-200);--color-background: var(--white-alpha-95);--color-background-alt: var(--white-200);--color-grid-background: var(--blue-300);--color-border: var(--gray-300);--color-border-muted: var(--gray-400);--color-input-background: var(--white-alpha-95);--color-input: var(--black);--color-input-focus: var(--black);--color-ship-status-title: var(--red-500-alpha-80);--color-text: var(--black-900);--color-text-muted: var(--gray-600);--color-text-value: var(--blue-700);--color-text-disabled: var(--gray-disabled-alpha-80);--color-text-warning: var(--red-500)}@media (prefers-color-scheme: dark){:root{--color-primary: var(--red-500);--color-primary-hover: var(--red-700);--color-primary-active: var(--red-800);--color-on-primary: var(--white);--color-primary-alpha-80: var(--red-500-alpha-80);--color-primary-hover-alpha-80: var(--red-800-alpha-80);--color-secondary: var(--blue-500);--color-secondary-hover: var(--blue-600);--color-secondary-active: var(--blue-700);--color-on-secondary: var(--white);--color-tertiary: var(--blue-600);--color-tertiary-hover: var(--blue-800);--color-tertiary-active: var(--blue-900);--color-tertiary-alpha-80: var(--blue-600-alpha-80);--color-hit: var(--orange-500-alpha-80);--color-hit-light: var(--orange-400-alpha-80);--color-miss: var(--light-blue-500-alpha-80);--color-miss-light: var(--light-blue-400-alpha-80);--color-sunk: var(--purple-500-alpha-80);--color-sunk-light: var(--purple-400-alpha-80);--color-sunk-dark: var(--light-blue-400);--color-win: var(--green-500);--color-win-light: var(--green-400);--color-lose: var(--black-900);--color-lose-light: var(--black-800);--color-section-background: var(--gray-100);--color-surface: var(--black-900);--color-surface-alt: var(--black-800);--color-background: var(--black-850);--color-background-alt: var(--black-800);--color-grid-background: var(--blue-700);--color-border: var(--gray-400);--color-border-muted: var(--gray-600);--color-input-background: var(--gray-100);--color-input: var(--white);--color-input-focus: var(--white);--color-ship-status-title: var(--red-500-alpha-80);--color-text: var(--white);--color-text-muted: var(--white-200);--color-text-value: var(--blue-500);--color-text-disabled: var(--gray-disabled-alpha-80);--color-text-warning: var(--red-500)}}:root{--btn-radius: var(--radius-btn);--led-size: var(--size-led);--led-color-background: var(--red-500);--led-box-shadow: var(--red-500-alpha-80);--led-color-dark-blink: var(--red-600-alpha-20);--led-color-light-blink: var(--red-600-alpha-10);--section-radius: var(--radius-section);--grid-header-color: var(--blue-700);--grid-header-size: var(--size-cell-300);--grid-header-font-size: var(--font-size-200);--cell-size: var(--size-cell-400);--cell-color-background: var(--color-grid-background);--cell-color: var(--white);--cell-color-background-hover: var(--blue-400);--cell-color-border: var(--light-blue-400);--cell-size-sm: var(--size-cell-350);--cell-font-size: var(--font-size-400);--cell-font-size-sm: var(--font-size-200);--health-dot-size: var(--size-dot);--health-dot-empty: var(--gray-300);--health-dot-alive: var(--green-400);--ship-status-color: var(--blue-600);--ship-status-title-color: var(--color-ship-status-title);--ship-status-divider: var(--gray-100);--input-background-color: var(--color-input-background);--input-focus-color: var(--color-input-focus);--input-color: var(--color-input);--layout-title-color: var(--color-text-value);--layout-logo-font-size: var(--font-size-400);--layout-subtitle-color: var(--gray-600);--layout-color-background: var(--color-background)}html,body{font-family:var(--font-family-sans);background-color:var(--color-background-alt);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{display:inline-block;min-width:max-content;white-space:nowrap}main[data-v-3b092bd1]{max-width:600px;margin:0 auto}.info{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;color:var(--color-text);text-align:center;font-family:var(--font-family-sans)}.info__content{z-index:2}.info__logo{font-size:var(--font-size-800);margin-bottom:clamp(var(--space-2),5vw,var(--space-3));animation:var(--animation) var(--duration-long) ease-in-out infinite}.info__title{font-size:clamp(var(--font-size-600),5vw,var(--font-size-700));color:var(--layout-title-color);margin-bottom:clamp(var(--space-2),5vw,var(--space-3))}.info__subtitle{color:var(--layout-subtitle-color);font-size:clamp(var(--font-size-400),2vw,var(--font-size-500));margin-bottom:clamp(var(--space-7),5vw,var(--space-8))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-rotated{0%,to{transform:translateY(0) rotate(180deg)}50%{transform:translateY(-10px) rotate(180deg)}}.intro__start-button[data-v-59b936e3]{padding:var(--space-3) var(--space-5);font-size:var(--font-size-300);font-weight:700;background:var(--color-primary-alpha-80);border:none;border-radius:var(--radius-btn);color:var(--white);cursor:pointer;transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.intro__start-button[data-v-59b936e3]:hover{transform:scale(1.05);box-shadow:0 10px 20px var(--shadow-dark);background-color:var(--color-primary-hover-alpha-80)}.intro__start-button[data-v-59b936e3]:active{background-color:var(--color-primary-active)}