.board-wrap[data-v-71164c93]{border-radius:10px;padding:.6rem;background:var(--panel-bg);color:var(--text)}.board-scroll[data-v-71164c93]{overflow:auto;max-width:100%;border-radius:8px}.grid-wrapper[data-v-71164c93]{width:-moz-max-content;width:max-content}.grid-body[data-v-71164c93]{display:flex;align-items:flex-start;gap:4px}.axis-labels-x[data-v-71164c93],.axis-labels-y[data-v-71164c93]{display:grid;gap:1px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-dim)}.axis-labels-x[data-v-71164c93]{margin-bottom:4px;margin-left:calc(var(--cell-size) + 4px)}.axis-labels-y[data-v-71164c93]{width:calc(var(--cell-size) + 2px)}.axis-label[data-v-71164c93]{display:flex;align-items:center;justify-content:center;width:var(--cell-size);height:var(--cell-size)}.board-grid[data-v-71164c93]{display:grid;width:-moz-max-content;width:max-content;gap:1px;background:var(--grid-line);border:2px solid var(--grid-line-strong);border-radius:8px;overflow:hidden}.cell[data-v-71164c93]{width:var(--cell-size);height:var(--cell-size);border:none;margin:0;padding:0;background:var(--cell-empty);position:relative}.cell.ship[data-v-71164c93]{background:var(--ship-own);border:1px solid var(--ship-own-border)}.cell.ghost-valid[data-v-71164c93]{background:var(--cell-hover)}.cell.ghost-invalid[data-v-71164c93]{background:var(--hit-glow)}.cell.shot-miss[data-v-71164c93]{background:var(--cell-empty)}.cell.shot-miss[data-v-71164c93]:after{content:"";position:absolute;top:50%;left:50%;width:25%;height:25%;border-radius:999px;background:var(--miss-dot);opacity:.8;transform:translate(-50%,-50%)}.cell.shot-hit[data-v-71164c93]{background:var(--hit-glow)}.cell.ship.shot-hit[data-v-71164c93]{background:var(--ship-own);border:1px solid var(--ship-own-border)}.cell.shot-hit[data-v-71164c93]:before,.cell.shot-hit[data-v-71164c93]:after,.cell.shot-sunk[data-v-71164c93]:before,.cell.shot-sunk[data-v-71164c93]:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:2px;border-radius:1px;transform-origin:center}.cell.shot-hit[data-v-71164c93]:before,.cell.shot-hit[data-v-71164c93]:after{background:var(--hit)}.cell.shot-hit[data-v-71164c93]:before,.cell.shot-sunk[data-v-71164c93]:before{transform:translate(-50%,-50%) rotate(45deg)}.cell.shot-hit[data-v-71164c93]:after,.cell.shot-sunk[data-v-71164c93]:after{transform:translate(-50%,-50%) rotate(-45deg)}.cell.shot-sunk[data-v-71164c93]{background:var(--sunk);border:1px solid var(--sunk-border)}.cell.shot-sunk[data-v-71164c93]:before,.cell.shot-sunk[data-v-71164c93]:after{background:var(--sunk-border)}.status-indicator[data-v-39c1022f]{--indicator-color: var(--text-dim);display:flex;align-items:center;gap:10px}.status-indicator--success[data-v-39c1022f]{--indicator-color: var(--success)}.status-indicator--danger[data-v-39c1022f]{--indicator-color: var(--danger)}.status-indicator--warning[data-v-39c1022f]{--indicator-color: var(--warning)}.status-indicator--accent[data-v-39c1022f]{--indicator-color: var(--accent)}.status-indicator--muted[data-v-39c1022f]{--indicator-color: var(--text-dim)}.status-indicator__dot[data-v-39c1022f]{width:10px;height:10px;border-radius:50%;background:var(--indicator-color);animation:status-pulse-39c1022f 1.5s ease-in-out infinite}.status-indicator__text[data-v-39c1022f]{font-size:12px;font-weight:600;color:var(--indicator-color)}@keyframes status-pulse-39c1022f{0%,to{opacity:1;box-shadow:0 0 4px var(--indicator-color)}50%{opacity:.5;box-shadow:0 0 12px var(--indicator-color)}}@font-face{font-family:primeicons;font-display:block;src:url(/assets/primeicons-DMOk5skT.eot);src:url(/assets/primeicons-DMOk5skT.eot?#iefix) format("embedded-opentype"),url(/assets/primeicons-C6QP2o4f.woff2) format("woff2"),url(/assets/primeicons-WjwUDZjB.woff) format("woff"),url(/assets/primeicons-MpK4pl85.ttf) format("truetype"),url(/assets/primeicons-Dr5RGzOO.svg?#primeicons) format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{animation:fa-spin 2s infinite linear}@media(prefers-reduced-motion:reduce){.pi-spin{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Outfit,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.bottom-4{bottom:1rem}.right-4{right:1rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-0\.5{margin-bottom:.125rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-24{height:6rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[14px\]{height:14px}.h-full{height:100%}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.w-1\.5{width:.375rem}.w-24{width:6rem}.w-3{width:.75rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[142px\]{width:142px}.w-\[14px\]{width:14px}.w-full{width:100%}.min-w-16{min-width:4rem}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1200px\]{max-width:1200px}.max-w-sm{max-width:24rem}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_84px\]{grid-template-columns:1fr 84px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[5px\]{border-radius:5px}.rounded-\[var\(--input-radius\)\]{border-radius:var(--input-radius)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[color\:color-mix\(in_srgb\,var\(--accent\)_35\%\,transparent\)\]{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--danger\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--success\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--success) 30%,transparent)}.border-\[color\:color-mix\(in_srgb\,var\(--text-dim\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--text-dim) 30%,transparent)}.border-\[color\:var\(--accent-dim\)\]{border-color:var(--accent-dim)}.border-\[color\:var\(--color-border\)\]{border-color:var(--color-border)}.border-\[color\:var\(--grid-line-strong\)\]{border-color:var(--grid-line-strong)}.border-\[color\:var\(--input-border\)\]{border-color:var(--input-border)}.border-\[color\:var\(--panel-border\)\]{border-color:var(--panel-border)}.border-\[color\:var\(--ship-own-border\)\]{border-color:var(--ship-own-border)}.border-\[color\:var\(--sunk-border\)\]{border-color:var(--sunk-border)}.border-transparent{border-color:transparent}.border-y-\[color\:var\(--panel-border\)\]{border-top-color:var(--panel-border);border-bottom-color:var(--panel-border)}.border-b-\[color\:color-mix\(in_srgb\,var\(--color-text\)_6\%\,transparent\)\]{border-bottom-color:color-mix(in srgb,var(--color-text) 6%,transparent)}.border-t-\[color\:var\(--panel-border\)\]{border-top-color:var(--panel-border)}.bg-\[color\:color-mix\(in_srgb\,var\(--text-dim\)_10\%\,transparent\)\]{background-color:color-mix(in srgb,var(--text-dim) 10%,transparent)}.bg-\[color\:var\(--accent-subtle\)\]{background-color:var(--accent-subtle)}.bg-\[color\:var\(--brand-discord\)\]{background-color:var(--brand-discord)}.bg-\[color\:var\(--cell-empty\)\]{background-color:var(--cell-empty)}.bg-\[color\:var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[color\:var\(--danger-dim\)\]{background-color:var(--danger-dim)}.bg-\[color\:var\(--hit\)\]{background-color:var(--hit)}.bg-\[color\:var\(--hit-glow\)\]{background-color:var(--hit-glow)}.bg-\[color\:var\(--input-bg\)\]{background-color:var(--input-bg)}.bg-\[color\:var\(--miss-dot\)\]{background-color:var(--miss-dot)}.bg-\[color\:var\(--panel-bg\)\]{background-color:var(--panel-bg)}.bg-\[color\:var\(--sea-deep\)\]{background-color:var(--sea-deep)}.bg-\[color\:var\(--sea-mid\)\]{background-color:var(--sea-mid)}.bg-\[color\:var\(--ship-own\)\]{background-color:var(--ship-own)}.bg-\[color\:var\(--success-dim\)\]{background-color:var(--success-dim)}.bg-\[color\:var\(--sunk\)\]{background-color:var(--sunk)}.bg-slate-200\/70{background-color:#e2e8f0b3}.bg-transparent{background-color:transparent}.bg-\[linear-gradient\(135deg\,var\(--ship-own\)\,var\(--sea-surface\)\)\]{background-image:linear-gradient(135deg,var(--ship-own),var(--sea-surface))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-sky-400{--tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[var\(--input-padding-x\)\]{padding-left:var(--input-padding-x);padding-right:var(--input-padding-x)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[var\(--input-padding-y\)\]{padding-top:var(--input-padding-y);padding-bottom:var(--input-padding-y)}.pb-0{padding-bottom:0}.pl-6{padding-left:1.5rem}.pr-1{padding-right:.25rem}.pr-6{padding-right:1.5rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-\[\'Outfit\'\,sans-serif\]{font-family:Outfit,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[9px\]{font-size:9px}.text-\[length\:var\(--input-font-size\)\]{font-size:var(--input-font-size)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-\[-0\.5px\]{letter-spacing:-.5px}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[1\.5px\]{letter-spacing:1.5px}.tracking-\[1px\]{letter-spacing:1px}.tracking-\[2px\]{letter-spacing:2px}.tracking-\[3px\]{letter-spacing:3px}.text-\[color\:var\(--accent\)\]{color:var(--accent)}.text-\[color\:var\(--color-text\)\]{color:var(--color-text)}.text-\[color\:var\(--danger\)\]{color:var(--danger)}.text-\[color\:var\(--input-text\)\]{color:var(--input-text)}.text-\[color\:var\(--success\)\]{color:var(--success)}.text-\[color\:var\(--text\)\]{color:var(--text)}.text-\[color\:var\(--text-bright\)\]{color:var(--text-bright)}.text-\[color\:var\(--text-dim\)\]{color:var(--text-dim)}.text-\[color\:var\(--warning\)\]{color:var(--warning)}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[12px\]{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/outfit-300-ajyk65IQ.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/outfit-400-D5nSJVYk.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/outfit-600-vtIXyqOw.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/outfit-700-CRvqtRCq.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jetbrains-mono-400-B6W8R_vR.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/jetbrains-mono-600-BcXjrrhU.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/jetbrains-mono-700-7_278HMF.ttf) format("truetype")}:root{color-scheme:dark;font-family:Outfit,Segoe UI,sans-serif;--sea-deep: #0a1628;--sea-mid: #0f2137;--sea-surface: #153050;--grid-line: rgba(64, 160, 220, .15);--grid-line-strong: rgba(64, 160, 220, .3);--cell-empty: rgba(15, 40, 70, .6);--cell-hover: rgba(64, 160, 220, .15);--ship-own: #3a6b8a;--ship-own-border: #5a9aba;--miss: #2a5a8a;--miss-dot: #4a9ad4;--hit: #c0392b;--hit-glow: rgba(231, 76, 60, .4);--sunk: #8b1a1a;--sunk-border: #e74c3c;--accent: #00d4ff;--accent-dim: rgba(0, 212, 255, .3);--accent-subtle: rgba(0, 212, 255, .08);--text: #c8dbe8;--text-bright: #eaf4fb;--text-dim: #6a8a9e;--danger: #e74c3c;--danger-dim: rgba(231, 76, 60, .15);--success: #2ecc71;--success-dim: rgba(46, 204, 113, .12);--warning: #f39c12;--brand-discord: #5865f2;--panel-bg: rgba(10, 22, 40, .85);--panel-border: rgba(64, 160, 220, .12);--panel-hover: rgba(64, 160, 220, .06);--btn-primary-bg: var(--accent);--btn-primary-hover-bg: var(--accent);--btn-primary-border: var(--accent);--btn-primary-text: var(--sea-deep);--btn-primary-glow: var(--accent-dim);--btn-primary-ring: var(--accent-dim);--btn-secondary-bg: var(--sea-mid);--btn-secondary-hover-bg: var(--panel-hover);--btn-secondary-border: var(--panel-border);--btn-secondary-hover-border: var(--accent-dim);--btn-secondary-text: var(--text);--btn-secondary-ring: var(--accent-dim);--btn-danger-bg: var(--danger-dim);--btn-danger-hover-bg: var(--danger-dim);--btn-danger-border: color-mix(in srgb, var(--danger) 40%, transparent);--btn-danger-text: var(--danger);--btn-danger-glow: color-mix(in srgb, var(--danger) 30%, transparent);--btn-danger-ring: color-mix(in srgb, var(--danger) 30%, transparent);--btn-success-bg: var(--success-dim);--btn-success-hover-bg: var(--success-dim);--btn-success-border: color-mix(in srgb, var(--success) 35%, transparent);--btn-success-text: var(--success);--btn-success-glow: color-mix(in srgb, var(--success) 30%, transparent);--btn-success-ring: color-mix(in srgb, var(--success) 30%, transparent);--input-bg: rgba(15, 40, 70, .4);--input-bg-focus: rgba(15, 40, 70, .6);--input-border: var(--panel-border);--input-border-focus: var(--accent-dim);--input-text: var(--text);--input-placeholder: var(--text-dim);--input-radius: 8px;--input-padding-y: 10px;--input-padding-x: 16px;--input-font-size: 13px;--color-surface: var(--panel-bg);--color-surface-strong: var(--sea-surface);--color-border: var(--panel-border);--color-text: var(--text);--color-text-strong: var(--text-bright);--color-text-muted: var(--text-dim);--color-primary: var(--accent);--color-primary-contrast: var(--text-bright);--color-danger: var(--danger)}html[data-theme=default]{--sea-deep: #0a1628;--sea-mid: #0f2137;--sea-surface: #153050;--grid-line: rgba(64, 160, 220, .15);--grid-line-strong: rgba(64, 160, 220, .3);--cell-empty: rgba(15, 40, 70, .6);--cell-hover: rgba(64, 160, 220, .15);--ship-own: #3a6b8a;--ship-own-border: #5a9aba;--miss: #2a5a8a;--miss-dot: #4a9ad4;--hit: #c0392b;--hit-glow: rgba(231, 76, 60, .4);--sunk: #8b1a1a;--sunk-border: #e74c3c;--accent: #00d4ff;--accent-dim: rgba(0, 212, 255, .3);--accent-subtle: rgba(0, 212, 255, .08);--text: #c8dbe8;--text-bright: #eaf4fb;--text-dim: #6a8a9e;--danger: #e74c3c;--danger-dim: rgba(231, 76, 60, .15);--success: #2ecc71;--success-dim: rgba(46, 204, 113, .12);--warning: #f39c12;--panel-bg: rgba(10, 22, 40, .85);--panel-border: rgba(64, 160, 220, .12);--panel-hover: rgba(64, 160, 220, .06);--btn-primary-bg: var(--accent);--btn-primary-hover-bg: var(--accent);--btn-primary-border: var(--accent);--btn-primary-text: var(--sea-deep);--btn-primary-glow: var(--accent-dim);--btn-primary-ring: var(--accent-dim);--btn-secondary-bg: var(--sea-mid);--btn-secondary-hover-bg: var(--panel-hover);--btn-secondary-border: var(--panel-border);--btn-secondary-hover-border: var(--accent-dim);--btn-secondary-text: var(--text);--btn-secondary-ring: var(--accent-dim);--btn-danger-bg: var(--danger-dim);--btn-danger-hover-bg: var(--danger-dim);--btn-danger-border: color-mix(in srgb, var(--danger) 40%, transparent);--btn-danger-text: var(--danger);--btn-danger-glow: color-mix(in srgb, var(--danger) 30%, transparent);--btn-danger-ring: color-mix(in srgb, var(--danger) 30%, transparent);--btn-success-bg: var(--success-dim);--btn-success-hover-bg: var(--success-dim);--btn-success-border: color-mix(in srgb, var(--success) 35%, transparent);--btn-success-text: var(--success);--btn-success-glow: color-mix(in srgb, var(--success) 30%, transparent);--btn-success-ring: color-mix(in srgb, var(--success) 30%, transparent);--input-bg: rgba(15, 40, 70, .4);--input-bg-focus: rgba(15, 40, 70, .6);--input-border: var(--panel-border);--input-border-focus: var(--accent-dim);--input-text: var(--text);--input-placeholder: var(--text-dim);--input-radius: 8px;--input-padding-y: 10px;--input-padding-x: 16px;--input-font-size: 13px;--color-surface: var(--panel-bg);--color-surface-strong: var(--sea-surface);--color-border: var(--panel-border);--color-text: var(--text);--color-text-strong: var(--text-bright);--color-text-muted: var(--text-dim);--color-primary: var(--accent);--color-primary-contrast: var(--text-bright);--color-danger: var(--danger)}html[data-theme=ocean]{--color-surface: #f6fcffde;--color-surface-strong: #0b3f5f;--color-border: #b5d6ea;--color-text: #0f2a3d;--color-text-strong: #0f2a3d;--color-text-muted: #d2eeff;--color-primary: #007ea7;--color-primary-contrast: #ffffff;--color-danger: #a03333}html[data-theme=forest]{--color-surface: #fbfff6d9;--color-surface-strong: #1e4a2c;--color-border: #c4d8c4;--color-text: #1f3224;--color-text-strong: #1f3224;--color-text-muted: #d8eed8;--color-primary: #2e7d32;--color-primary-contrast: #ffffff;--color-danger: #9c2f2f}body{margin:0;color:var(--color-text);background:var(--sea-deep);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 120% 60% at 20% 80%,rgba(0,60,120,.3) 0%,transparent 60%),radial-gradient(ellipse 80% 50% at 80% 20%,rgba(0,80,140,.2) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,var(--sea-deep) 0%,var(--sea-mid) 100%);z-index:-1}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;gap:1rem;align-items:center;padding:.9rem 1.2rem;background:var(--color-surface-strong);color:var(--color-primary-contrast);flex-wrap:wrap;border:1px solid var(--color-border);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{color:var(--color-primary);font-weight:700;text-decoration:none}.nav{display:flex;gap:.75rem}.nav a,.login{color:var(--color-text-muted);text-decoration:none}.nav a.router-link-active{color:var(--color-primary)}.session{display:flex;align-items:center;gap:.5rem}.name{font-weight:600}.theme-control{display:flex;align-items:center;gap:.45rem;margin-left:auto;color:var(--color-text-muted);font-size:.9rem}.theme-select{border:1px solid var(--color-border);border-radius:8px;padding:.3rem .5rem;background:var(--color-surface);color:var(--color-text)}.top-nav-link{display:inline-flex;align-items:center;border-radius:6px;border:1px solid transparent;background:transparent;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);text-decoration:none;transition:all .2s}.top-nav-link:hover{border-color:var(--panel-border);background:var(--sea-mid);color:var(--text)}.top-nav-link--active{border-color:var(--accent-dim);background:var(--sea-mid);color:var(--accent)}.content{padding:1.25rem}.card{max-width:900px;padding:1.25rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.p-button.ui-btn{border-radius:8px;border-width:1px;padding:.5rem 1rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.p-button.ui-btn .p-button-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.p-button.ui-btn:focus-visible{outline:none}.p-button.ui-btn:disabled{cursor:not-allowed;opacity:.6}.p-button.ui-btn--primary{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text)}.p-button.ui-btn--primary:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text);box-shadow:0 4px 12px var(--btn-primary-glow)}.p-button.ui-btn--primary:focus-visible{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text);box-shadow:0 0 0 2px var(--btn-primary-ring)}.p-button.ui-btn--primary:not(:disabled):active{background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text)}.p-button.ui-btn--primary:disabled{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text)}.p-button.ui-btn--secondary{background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);color:var(--btn-secondary-text)}.p-button.ui-btn--secondary:not(:disabled):hover{background-color:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-text)}.p-button.ui-btn--secondary:focus-visible{background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);color:var(--btn-secondary-text);box-shadow:0 0 0 2px var(--btn-secondary-ring)}.p-button.ui-btn--secondary:not(:disabled):active{background-color:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-text)}.p-button.ui-btn--secondary:disabled{background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);color:var(--btn-secondary-text)}.p-button.ui-btn--danger{background-color:var(--btn-danger-bg);border-color:var(--btn-danger-border);color:var(--btn-danger-text)}.p-button.ui-btn--danger:not(:disabled):hover{background-color:var(--btn-danger-hover-bg);border-color:var(--btn-danger-border);color:var(--btn-danger-text);box-shadow:0 4px 12px var(--btn-danger-glow)}.p-button.ui-btn--danger:focus-visible{background-color:var(--btn-danger-bg);border-color:var(--btn-danger-border);color:var(--btn-danger-text);box-shadow:0 0 0 2px var(--btn-danger-ring)}.p-button.ui-btn--danger:not(:disabled):active{background-color:var(--btn-danger-hover-bg);border-color:var(--btn-danger-border);color:var(--btn-danger-text)}.p-button.ui-btn--danger:disabled{background-color:var(--btn-danger-bg);border-color:var(--btn-danger-border);color:var(--btn-danger-text)}.p-button.ui-btn--success{background-color:var(--btn-success-bg);border-color:var(--btn-success-border);color:var(--btn-success-text)}.p-button.ui-btn--success:not(:disabled):hover{background-color:var(--btn-success-hover-bg);border-color:var(--btn-success-border);color:var(--btn-success-text);box-shadow:0 4px 12px var(--btn-success-glow)}.p-button.ui-btn--success:focus-visible{background-color:var(--btn-success-bg);border-color:var(--btn-success-border);color:var(--btn-success-text);box-shadow:0 0 0 2px var(--btn-success-ring)}.p-button.ui-btn--success:not(:disabled):active{background-color:var(--btn-success-hover-bg);border-color:var(--btn-success-border);color:var(--btn-success-text)}.p-button.ui-btn--success:disabled{background-color:var(--btn-success-bg);border-color:var(--btn-success-border);color:var(--btn-success-text)}.p-inputtext.ui-input{padding-block:var(--input-padding-y);padding-inline:var(--input-padding-x);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--input-text);font-family:Outfit,sans-serif;font-size:var(--input-font-size);transition:all .2s}.p-inputtext.ui-input::-moz-placeholder{color:var(--input-placeholder)}.p-inputtext.ui-input::placeholder{color:var(--input-placeholder)}.p-inputtext.ui-input:enabled:hover{background-color:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}.p-inputtext.ui-input:enabled:focus,.p-inputtext.ui-input:enabled:focus-visible{outline:none;background-color:var(--input-bg-focus);border-color:var(--input-border-focus);color:var(--input-text);box-shadow:none}.p-inputtext.ui-input:disabled{background-color:var(--input-bg);border-color:var(--input-border);color:var(--input-placeholder);opacity:.6}.p-select.ui-select{min-height:37px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--input-text);transition:all .2s}.p-select.ui-select:not(.p-disabled):hover{background-color:var(--input-bg);border-color:var(--input-border)}.p-select.ui-select.p-focus,.p-select.ui-select.p-inputwrapper-focus{outline:none;background-color:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:none}.p-select.ui-select .p-select-label.ui-select-label{color:var(--input-text);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.4px}.p-select.ui-select .p-select-label.ui-select-label.p-placeholder,.p-select.ui-select .p-select-dropdown.ui-select-dropdown{color:var(--input-placeholder)}.p-select-overlay.ui-select-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006;overflow:hidden}.p-select-overlay.ui-select-panel .p-select-option.ui-select-option{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text);background:transparent}.p-select-overlay.ui-select-panel .p-select-option.ui-select-option.p-focus{background:var(--panel-hover)}.p-select-overlay.ui-select-panel .p-select-option.ui-select-option.p-select-option-selected{background:var(--accent-subtle);color:var(--accent)}.p-datepicker.ui-datepicker .p-inputtext.ui-datepicker-input{width:100%;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px}.p-datepicker-panel.ui-datepicker-panel{min-width:280px;padding:16px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-header{margin-bottom:16px;padding:0 0 12px;background:transparent;border:0;border-bottom:1px solid var(--panel-border)}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-title{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-bright)}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-prev-button,.p-datepicker-panel.ui-datepicker-panel .p-datepicker-next-button{width:28px;height:28px;border:1px solid var(--panel-border);border-radius:6px;background:transparent;color:var(--text);transition:all .2s}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-prev-button:not(:disabled):hover,.p-datepicker-panel.ui-datepicker-panel .p-datepicker-next-button:not(:disabled):hover{background:var(--panel-hover);border-color:var(--accent-dim);color:var(--accent)}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-prev-button:focus-visible,.p-datepicker-panel.ui-datepicker-panel .p-datepicker-next-button:focus-visible{background:transparent;border-color:var(--accent-dim);color:var(--accent);box-shadow:none}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day-view{margin:0}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day-view table{border-collapse:separate;border-spacing:4px}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-weekday-cell,.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day-cell{padding:0}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-weekday{padding:4px 0;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day{width:32px;height:32px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;transition:all .2s}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day:not(.p-disabled):not(.p-datepicker-day-selected):not(.p-datepicker-day-selected-range):hover{background:var(--panel-hover);border-color:var(--panel-border);color:var(--text-bright)}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-other-month>.p-datepicker-day{color:var(--text-dim);opacity:.3}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-today>.p-datepicker-day:not(.p-datepicker-day-selected):not(.p-datepicker-day-selected-range){border-color:var(--accent-dim);background:var(--accent-subtle);color:var(--accent);font-weight:700}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day.p-datepicker-day-selected,.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day.p-datepicker-day-selected-range{background:var(--accent);border-color:var(--accent);color:var(--sea-deep);font-weight:700;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent)}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day.p-datepicker-day-selected:hover,.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day.p-datepicker-day-selected-range:hover{background:color-mix(in srgb,var(--accent) 88%,black);border-color:color-mix(in srgb,var(--accent) 88%,black);color:var(--sea-deep)}.p-datepicker-panel.ui-datepicker-panel .p-datepicker-day.p-disabled{color:var(--text-dim);opacity:.2;cursor:not-allowed}.p-checkbox.ui-checkbox .p-checkbox-box{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--panel-border);background:#0f284699;box-shadow:none}.p-checkbox.ui-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box{border-color:var(--accent-dim);background:#00d4ff0d}.p-checkbox.ui-checkbox.ui-checkbox--success.p-checkbox-checked .p-checkbox-box{background:var(--success-dim);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.p-checkbox.ui-checkbox.ui-checkbox--success.p-checkbox-checked .p-checkbox-icon{color:var(--success)}.p-checkbox.ui-checkbox.ui-checkbox--success.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box{background:var(--success-dim);border-color:color-mix(in srgb,var(--success) 50%,transparent)}.p-checkbox.ui-checkbox.ui-checkbox--success.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon{color:var(--success)}.p-checkbox.ui-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 25%,transparent)}.p-checkbox.ui-checkbox.ui-checkbox--success.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-icon{color:var(--success)}.p-checkbox.ui-checkbox.p-disabled{opacity:.35}.p-tabs.ui-tabs{background:transparent}.p-tablist.ui-tablist{border:0;background:transparent;gap:6px;overflow:visible}.p-tablist.ui-tablist .p-tablist-viewport{overflow:visible}.p-tablist.ui-tablist .p-tablist-tab-list{border:0}.p-tablist.ui-tablist .p-tablist-active-bar{display:none}.p-tab.ui-tab{padding:6px 14px;margin:0;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;transition:all .2s}.p-tab.ui-tab:not(.ui-tab--active):hover{background:var(--panel-hover);border-color:var(--panel-border);color:var(--text)}.p-tab.ui-tab.ui-tab--active{background:var(--accent-subtle);border-color:var(--accent-dim);color:var(--accent)}.p-tab.ui-tab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-dim)}.p-tabpanels.ui-tabpanels{background:transparent;border:0;padding:0}.p-tabpanel.ui-tabpanel{padding:8px 4px 4px}.p-divider.home-form-divider.p-divider-horizontal:before{border-block-start-color:var(--panel-border)}.ui-log-entry{padding:10px 14px;background:#0f28464d;border-radius:6px;border:1px solid var(--panel-border);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text)}.ui-log-time{color:var(--text-dim);margin-right:8px}.ui-log-player{color:var(--accent);font-weight:600;margin-right:4px}.ui-log-result-hit{color:var(--danger);font-weight:700}.ui-log-result-miss{color:var(--text-dim)}.ui-log-result-sunk{color:var(--sunk-border);font-weight:700}.ui-log-finish-win{color:var(--success)}.ui-log-finish-lose{color:var(--danger)}.replay-log-entry{cursor:pointer;border:1px solid var(--panel-border);transition:background-color .2s ease,border-color .2s ease}.replay-log-entry:hover{background:var(--panel-hover);border-color:var(--accent-dim)}.replay-log-entry:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-dim)}.replay-log-entry.ui-log-entry-disabled{cursor:default;background:transparent;border-color:transparent;color:var(--text-dim);padding:2px 0;border-width:0;border-radius:0;box-shadow:none;opacity:1}.replay-log-entry.ui-log-entry-disabled:hover{background:transparent;border-color:transparent}.replay-log-entry.ui-log-entry-disabled:focus-visible{box-shadow:none}.hover\:border-\[color\:var\(--panel-border\)\]:hover{border-color:var(--panel-border)}.hover\:bg-\[color\:var\(--panel-hover\)\]:hover{background-color:var(--panel-hover)}.hover\:bg-\[color\:var\(--sea-mid\)\]:hover{background-color:var(--sea-mid)}.hover\:text-\[color\:var\(--text\)\]:hover{color:var(--text)}.hover\:opacity-100:hover{opacity:1}.focus\:border-\[color\:var\(--input-border-focus\)\]:focus{border-color:var(--input-border-focus)}.focus\:bg-\[color\:var\(--input-bg-focus\)\]:focus{background-color:var(--input-bg-focus)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:opacity-100:focus-visible{opacity:1}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-7{gap:1.75rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-5{padding:1.25rem}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_280px\]{grid-template-columns:1fr 280px}}