@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2039e8342bda6056-s.1hiu0hj9qpr9g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fabcf92ba1ccea36-s.p.1w_qz2ahumqmz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue Fallback;src:local(Arial);ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.0%;size-adjust:76.72%}.bebas_neue_a1180b2f-module__XqrKYq__className{font-family:Bebas Neue,Bebas Neue Fallback;font-style:normal;font-weight:400}.bebas_neue_a1180b2f-module__XqrKYq__variable{--font-logo:"Bebas Neue", "Bebas Neue Fallback"}
@font-face{font-family:Orbitron;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:900;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron Fallback;src:local(Arial);ascent-override:81.5%;descent-override:19.59%;line-gap-override:0.0%;size-adjust:124.05%}.orbitron_97d139ef-module__C8-QdW__className{font-family:Orbitron,Orbitron Fallback;font-style:normal}.orbitron_97d139ef-module__C8-QdW__variable{--font-display:"Orbitron", "Orbitron Fallback"}
@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(../media/906d1c14d86e79d2-s.37w9rf9gxod1y.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc822924a6b60314-s.0ctr8_5dz3nr_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(../media/278cbb97e75e04e2-s.p.3frbiw4nltldc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e9924293c1dc5ea7-s.2-y062ayal8rj.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/10bd139a632d728f-s.0hy6nmzga_x0y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a079e02bba5bf7ab-s.p.3f6zc4f4lqyuc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/65c1f6eb17b9caea-s.11s2fyt-t2ov_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/124b7a75a76bd55c-s.1kana50idwxik.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d23f31b94ad01e54-s.p.0teq8rsbqpt0q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/63e49db46351d020-s.2j6f_c864k4zn.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/35f9213b86bccda4-s.377uc50_4-xo_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/3206eb66b875a5b3-s.p.201eoo3y6c5_i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani Fallback;src:local(Arial);ascent-override:102.12%;descent-override:37.99%;line-gap-override:0.0%;size-adjust:91.07%}.rajdhani_9d49507-module__8ptU-q__className{font-family:Rajdhani,Rajdhani Fallback;font-style:normal}.rajdhani_9d49507-module__8ptU-q__variable{--font-body:"Rajdhani", "Rajdhani Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-\[1\]{z-index:1}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.h-2{height:calc(var(--spacing) * 2)}.h-32{height:calc(var(--spacing) * 32)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[120px\]{max-width:120px}.max-w-\[420px\]{max-width:420px}.max-w-\[1500px\]{max-width:1500px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--divider\)\]{border-color:var(--divider)}.border-\[var\(--gold\)\]{border-color:var(--gold)}.border-\[var\(--radar-green\)\]{border-color:var(--radar-green)}.bg-\[var\(--battleship-blue\)\]{background-color:var(--battleship-blue)}.bg-\[var\(--radar-green\)\]\/10{background-color:var(--radar-green)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--radar-green\)\]\/10{background-color:color-mix(in oklab, var(--radar-green) 10%, transparent)}}.bg-\[var\(--radar-green\)\]\/70{background-color:var(--radar-green)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--radar-green\)\]\/70{background-color:color-mix(in oklab, var(--radar-green) 70%, transparent)}}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.55rem\]{font-size:.55rem}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#AB9FF2\]{color:#ab9ff2}.text-\[var\(--battleship-blue\)\]{color:var(--battleship-blue)}.text-\[var\(--gold\)\]{color:var(--gold)}.text-\[var\(--hit-red\)\]{color:var(--hit-red)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--muted\,\#8ba3bc\)\]{color:var(--muted,#8ba3bc)}.text-\[var\(--radar-green\)\]{color:var(--radar-green)}.text-\[var\(--steel-bright\)\]{color:var(--steel-bright)}.text-\[var\(--text\)\]{color:var(--text)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-20{opacity:.2}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--gold\)\]{--tw-ring-color:var(--gold)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-\[var\(--border\)\]\/80:hover{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--border\)\]\/80:hover{border-color:color-mix(in oklab, var(--border) 80%, transparent)}}.hover\:text-\[var\(--radar-bright\)\]:hover{color:var(--radar-bright)}.hover\:underline:hover{text-decoration-line:underline}}@media (min-width:40rem){.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\:justify-between{justify-content:space-between}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}}@media (min-width:64rem){.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--ocean-deep:#0a1928;--ocean-mid:#0f2540;--ocean-light:#1a3450;--steel:#64b4ff;--steel-bright:#96c8ff;--radar-green:#64b4ff;--radar-bright:#96c8ff;--radar-dim:#2a5570;--hit-red:#ff5a5f;--hit-orange:#f4a261;--miss-blue:#90caf9;--gold:#c8a84b;--gold-bright:#c8a84b;--gold-dim:#a08838;--battleship-blue:#7cc4f0;--battleship-blue-dim:#5aafd8;--text:#fff;--muted:#ffffffbf;--border:#64b4ff33;--border-input:#64b4ff40;--border-secondary:#96c8ff4d;--divider:#ffffff26;--glass:#0a192fbf;--glass-heavy:#0a192fe0;--input-bg:#ffffff0f;--btn-secondary-bg:#ffffff14}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);font-family:var(--font-body), "Segoe UI", system-ui, sans-serif;background:var(--ocean-deep);margin:0}.font-display{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif}a{color:var(--steel-bright)}.ocean-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ocean-bg__photo{filter:brightness(1.12)saturate(1.08);background:url(/Background1.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.ocean-bg__gradient{background:linear-gradient(#0812201f 0%,#060e1a38 45%,#040a1661 100%),radial-gradient(90% 70% at 50% 40%,#0c1c3014,#040a1652);position:absolute;inset:0}.ocean-bg__vignette{position:absolute;inset:0;box-shadow:inset 0 0 100px #00000038}.card{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0a}.card-glow{box-shadow:0 0 0 1px #64b4ff1f,0 8px 40px #0006,0 0 48px #0064ff0f}.btn{letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.35rem;font-size:.875rem;font-weight:700;transition:transform .12s,box-shadow .15s,background .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--battleship-blue);color:#0a1928;border:1px solid #00000026;font-weight:700;box-shadow:0 4px 16px #00000040,0 0 20px #7cc4f040}.btn-primary:hover:not(:disabled){background:#92d4f7;box-shadow:0 6px 24px #0000004d,0 0 28px #7cc4f059}.btn-secondary{color:#fff;border:1px solid var(--battleship-blue);-webkit-backdrop-filter:blur(8px);background:#7cc4f038;box-shadow:0 0 12px #7cc4f01f}.btn-secondary:hover:not(:disabled){background:#7cc4f061;border-color:#92d4f7;box-shadow:0 0 24px #7cc4f040}.input{border:1px solid var(--border-input);background:var(--input-bg);color:#fff;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#fff6}.input:focus{border-color:#96c8ff80;outline:none;box-shadow:0 0 0 3px #0064ff1f}.input-error{border-color:var(--hit-red)}.input-label-required:after{content:" *";color:var(--hit-red)}.board-frame{-webkit-backdrop-filter:blur(12px);background:#0a192fbf;border:1px solid #64b4ff40;border-radius:14px;padding:14px;position:relative;box-shadow:0 0 30px #00000059,inset 0 0 40px #0003}.board-frame:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#7ec8e805 3px 4px);border-radius:12px;position:absolute;inset:0}.board-frame--lg{padding:18px}.placement-board-wrap{width:max-content;max-width:100%;padding:12px}.placement-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:1.25rem;display:grid}.placement-layout__main{flex-direction:column;align-items:center;min-width:0;display:flex}.placement-layout__sidebar{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:auto}@media (max-width:960px){.placement-layout{grid-template-columns:1fr}.placement-layout__sidebar{max-height:none;position:static}}.fleet-shape-legend__title{font-family:var(--font-display), sans-serif;margin-bottom:.75rem;font-size:.95rem;font-weight:800}.fleet-shape-legend__list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.fleet-shape-legend__item{align-items:center;gap:.65rem;display:flex}.fleet-shape-legend__name{font-size:.82rem;font-weight:700}.fleet-shape-legend__size{color:var(--muted);font-size:.72rem}.fleet-shape-legend--compact .fleet-shape-legend__list{gap:.5rem}.fleet-shape-legend--compact .fleet-shape-legend__name{font-size:.75rem}.fleet-shape-legend--compact .fleet-shape-legend__size{font-size:.68rem}.placement-grid--deploy{gap:3px;width:max-content}.placement-grid--deploy .placement-axis{font-size:10px}.placement-grid--deploy .cell-placement{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:30px;min-width:30px;height:30px;min-height:30px}.board-frame--invalid{border-color:#f871718c}.placement-grid{gap:4px;width:100%;display:grid}.placement-axis{color:var(--gold);opacity:.9;text-shadow:0 1px 4px #000c;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.board-frame--lg .cell-placement{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;min-height:0}.cell-ship-selected{outline:2px solid var(--gold);outline-offset:-2px;z-index:2}.cell-ship-dragging{background:linear-gradient(135deg,#7ec8e88c,#4a90b880);border-color:#b8e4f8cc}.cell-ship-invalid{background:linear-gradient(135deg,#ef444473,#7f1d1d8c);border-color:#f87171b3}.cell-mine{color:var(--gold-bright);box-shadow:inset 0 0 0 2px #fbbf24f2,0 0 10px #fbbf2473}.cell-mine-icon{color:var(--gold-bright);text-shadow:0 0 8px #fbbf24d9;font-size:.85rem;font-weight:900;line-height:1}.board-title{font-family:var(--font-display), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 8px #000000d9;margin-bottom:10px;font-size:.72rem;font-weight:800}.cell{aspect-ratio:1;cursor:default;background:#081424eb;border:1px solid #7ec8e838;justify-content:center;align-items:center;min-width:30px;min-height:30px;font-size:.7rem;font-weight:800;transition:background .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.cell-clickable{cursor:crosshair}.cell-clickable:hover{background:#7ec8e847;border-color:#f0b8408c;box-shadow:inset 0 0 12px #7ec8e833}.cell-ship{background:linear-gradient(135deg,#6e7887d9,#4b5564e6);border-color:#c8d2dc73;box-shadow:inset 0 1px #ffffff1f}.cell-hit{color:#fff;background:#ef4444bf;border-color:#fca5a5}.cell-miss{color:#bae6fd;background:#38bdf859;border-color:#7dd3fc66}.cell-preview{z-index:2;background:#c8a84b2e;box-shadow:inset 0 0 0 2px #c8a84bd9}.cell-sunk{color:#fecaca;background:linear-gradient(135deg,#7f1d1d,#450a0a);border-color:#fca5a5}.cell-sonar-yes{box-shadow:inset 0 0 0 2px var(--gold)}.cell-sonar-no{opacity:.55}.cell-sonar-count{color:var(--gold-bright,var(--gold));text-shadow:0 0 8px #c8a84b99;font-size:1rem;font-weight:900}.cell-anim-hit{animation:.85s ease-out forwards cell-hit}.cell-anim-miss{animation:.7s ease-out forwards cell-miss}.cell-anim-sunk{animation:1s ease-out forwards cell-sunk}.cell-anim-hit:after,.cell-anim-sunk:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-50%}.cell-anim-hit:after{background:radial-gradient(circle,#fb923ce6 0%,#0000 65%);animation:.75s ease-out forwards burst-out}.cell-anim-sunk:after{background:radial-gradient(circle,#ef4444f2 0%,#0000 60%);animation:.9s ease-out forwards burst-out}.cell-anim-miss:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 120%,#38bdf899,#0000 55%);animation:.65s ease-out forwards splash-up;position:absolute;inset:0}@keyframes cell-hit{0%{filter:brightness(2.5);transform:scale(1)}25%{transform:scale(1.15)}to{filter:brightness();transform:scale(1)}}@keyframes cell-miss{0%{transform:translateY(0)}30%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes cell-sunk{0%{filter:brightness(2);transform:scale(1)rotate(0)}20%{transform:scale(1.2)rotate(-3deg)}40%{transform:scale(.92)rotate(2deg)}to{filter:brightness();transform:scale(1)rotate(0)}}@keyframes burst-out{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1.4)}}@keyframes splash-up{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.2)}}.battle-flash{z-index:50;pointer-events:none;animation:.45s ease-out forwards screen-flash;position:fixed;inset:0}.battle-flash--hit{background:radial-gradient(circle,#ef444433,#0000 70%)}.battle-flash--sunk{background:radial-gradient(circle,#fb923c47,#0000 65%)}@keyframes screen-flash{0%{opacity:1}to{opacity:0}}.energy-bar{background:#00000059;border-radius:999px;height:6px;overflow:hidden}.energy-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#c8a84b,#d4b456);height:100%;transition:width .4s;box-shadow:0 0 8px #c8a84b66}.commander-badge{width:48px;height:48px;font-family:var(--font-display), sans-serif;letter-spacing:.05em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.commander-portrait{object-fit:cover;object-position:top center;border:2px solid #64b4ff59;border-radius:12px;flex-shrink:0;box-shadow:0 4px 16px #00000059}.commander-portrait--selected{border-color:var(--battleship-blue);box-shadow:0 0 0 2px #7cc4f059,0 4px 20px #0006}.commander-portrait--empty{width:72px;height:72px;font-family:var(--font-display), sans-serif;color:var(--muted);background:var(--ocean-light);justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.turn-indicator{animation:2s ease-in-out infinite turn-glow}@keyframes turn-glow{0%,to{box-shadow:0 0 #c8a84b59}50%{box-shadow:0 0 0 4px #c8a84b2e}}.pulse-dot{animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.status-toast{animation:.3s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.victory-banner{animation:.6s cubic-bezier(.34,1.56,.64,1) victory-pop}@keyframes victory-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.room-code{font-family:var(--font-display), monospace;letter-spacing:.25em;text-shadow:0 0 20px #c8a84b66}.commander-card{transition:transform .2s,box-shadow .2s}.commander-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.phantom-btn{cursor:pointer;color:#e9e4ff;background:linear-gradient(135deg,#3c2f68,#2a2248);border:1px solid #ab9ff273;border-radius:12px;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;transition:transform .12s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 20px #ab9ff226}.phantom-btn:hover:not(:disabled){box-shadow:0 6px 28px #ab9ff240}.phantom-btn:active:not(:disabled){transform:scale(.98)}.phantom-btn:disabled{opacity:.5;cursor:not-allowed}.phantom-btn--lg{padding:.9rem 1.5rem;font-size:1rem}.phantom-btn--connected{background:#ab9ff21f;border-color:#ab9ff259}.commander-card-selected{box-shadow:0 0 0 2px var(--gold), 0 8px 32px #0064ff1f}.title-commander{color:#fff;text-shadow:0 2px 20px #0064ff4d}.title-accent{color:#c8a84b}.game-logo{letter-spacing:.11em;text-transform:uppercase;line-height:.9;font-family:var(--font-logo), var(--font-body), "Arial Narrow", sans-serif;isolation:isolate;flex-direction:column;align-items:center;margin:0;padding:0;font-style:normal;font-weight:400;display:flex}.game-logo--hero{transform-origin:50%;transform:scaleX(1.07)}.game-logo__word{white-space:nowrap;letter-spacing:inherit;line-height:inherit;display:block}.game-logo--hero .game-logo__word--commander{color:#daeaf7;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:4px 4px #000;font-size:clamp(3.75rem,11vw,5rem)}.game-logo--hero .game-logo__word--battleship{color:#7cc4f0;-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:4px 4px #000;filter:drop-shadow(0 0 18px #64b9f066);font-size:clamp(4.75rem,14vw,6.25rem)}.game-logo--compact{transform-origin:50%;transform:scaleX(1.05)}.game-logo--compact .game-logo__word--commander{color:#daeaf7;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:3px 3px #000;font-size:clamp(2.125rem,5vw,2.75rem)}.game-logo--compact .game-logo__word--battleship{color:#7cc4f0;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:3px 3px #000;filter:drop-shadow(0 0 12px #64b9f059);font-size:clamp(2.75rem,6vw,3.5rem)}.hero-eyebrow{color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 2px 10px #000000d9}.hero-badge{color:#fff;-webkit-backdrop-filter:blur(8px);text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 2px 8px #000c;background:#0a192f8c!important;border-color:#7cc4f08c!important}.hero-subtitle{color:#ffffffeb;text-shadow:0 1px 2px #000000e6,0 2px 10px #000000bf,0 4px 24px #0a192fa6}.divider-line{background:#ffffff26;flex:1;height:1px}.matchmaking-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);background:#0a192fd1;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out toast-in;display:flex;position:fixed;inset:0}.matchmaking-radar{width:120px;height:120px;position:relative}.matchmaking-radar__ring{border:1px solid #64b4ff73;border-radius:50%;position:absolute;inset:0}.matchmaking-radar__ring--2{border-color:#c8a84b4d;inset:18%}.matchmaking-radar__sweep{background:conic-gradient(#0000 0deg,#64b4ff59 40deg,#0000 80deg);border-radius:50%;animation:2s linear infinite radar-sweep;position:absolute;inset:0}.matchmaking-radar__dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 12px var(--gold);border-radius:50%;animation:2s ease-in-out infinite match-blip;position:absolute;top:28%;left:62%}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes match-blip{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.battle-screen{grid-template-columns:minmax(120px,150px) minmax(0,1fr) minmax(120px,150px);align-items:start;gap:1rem 1.25rem;width:100%;min-height:70vh;display:grid;position:relative}@media (max-width:900px){.battle-screen{grid-template-rows:auto auto auto;grid-template-columns:1fr}.battle-screen__left,.battle-screen__right{flex-direction:row;justify-content:center}}.battle-screen__left,.battle-screen__right{flex-direction:column;align-items:stretch;gap:1rem;width:100%;display:flex}.battle-screen__right .fleet-shape-legend{padding:.75rem}.battle-screen__center{flex-direction:column;gap:1rem;min-width:0;display:flex}.battle-boards{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:1.25rem;width:100%;padding-bottom:.25rem;display:flex;overflow-x:auto}@media (max-width:1100px){.battle-boards{flex-wrap:wrap;justify-content:center}}.battle-attack-column{flex-direction:column;flex:auto;align-items:center;gap:.75rem;min-width:0;display:flex}.battle-turn-controls{flex-direction:column;align-items:center;gap:.65rem;width:100%;max-width:520px;display:flex}.battle-turn-timer{width:100%;color:var(--muted);background:#0a192f8c;border:1px solid #64b4ff33;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .85rem;font-size:.85rem;display:flex}.battle-turn-timer--active{color:var(--text);border-color:#7cc4f073}.battle-turn-timer--urgent{color:#fff;background:#50141873;border-color:#ff5a5fa6}.battle-turn-timer--urgent .battle-turn-timer__value{color:var(--hit-red)}.battle-turn-timer__label{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.battle-turn-timer__value{font-family:var(--font-display), sans-serif;color:var(--battleship-blue);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.battle-end-turn-btn{width:100%;color:var(--gold-bright);font-family:var(--font-display), sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#c8a84b38,#a088381f);border:1px solid #c8a84b8c;border-radius:10px;padding:.7rem 1.25rem;font-size:1rem;font-weight:700;transition:background .15s,border-color .15s,transform .1s}.battle-end-turn-btn:hover{background:linear-gradient(#c8a84b52,#a088382e);border-color:#c8a84bbf}.battle-end-turn-btn:active{transform:translateY(1px)}.battle-banner-overlay{z-index:100;pointer-events:none;opacity:1;background:#040a1659;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}.battle-banner-overlay--enter{opacity:0;animation:.22s forwards battle-banner-overlay-in}.battle-banner-overlay--exit{animation:.22s forwards battle-banner-overlay-out}.battle-banner{font-family:var(--font-display), sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:1;background:#0a192feb;border:2px solid #7cc4f0a6;border-radius:14px;padding:1.25rem 2.5rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:900;transform:scale(1)translateY(0);box-shadow:0 0 0 1px #7cc4f040,0 12px 48px #00000073}.battle-banner--enter{animation:.22s ease-out forwards battle-banner-in}.battle-banner--exit{animation:.22s ease-in forwards battle-banner-out}.battle-banner--turn{color:var(--battleship-blue);text-shadow:0 0 24px #7cc4f073;border-color:#7cc4f0bf}.battle-banner--sunk{color:var(--hit-red);text-shadow:0 0 24px #ff5a5f59;border-color:#ff5a5fbf}@keyframes battle-banner-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes battle-banner-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes battle-banner-in{0%{opacity:0;transform:scale(.88)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes battle-banner-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.92)translateY(-8px)}}.board-grid-wrap{overflow:visible}.battle-board--fleet{flex-shrink:0}.battle-board--attack{flex:auto;min-width:0}.board-frame--fleet{padding:12px}.board-frame--attack{padding:16px}.battle-grid--fleet{grid-template-columns:28px repeat(10,36px);gap:3px;width:max-content}.battle-grid--attack{grid-template-columns:32px repeat(10,minmax(40px,48px));gap:4px;width:max-content;max-width:100%}@media (min-width:1200px){.battle-grid--attack{grid-template-columns:34px repeat(10,48px)}}.battle-grid--fleet .cell-battle,.battle-grid--attack .cell-battle{aspect-ratio:1;width:100%;min-width:0;height:auto;min-height:0}.placement-axis--fleet{font-size:10px}.board-frame--turn{border-color:#7cc4f0a6;box-shadow:0 0 0 1px #7cc4f059,0 0 32px #7cc4f026}.board-title--turn{color:var(--battleship-blue);text-shadow:0 0 16px #7cc4f073}.placement-grid--compact{gap:2px}.placement-axis--compact{font-size:9px}.battle-player-panel{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.battle-player-panel__name{font-family:var(--font-display), sans-serif;text-align:center;text-shadow:0 1px 8px #000c;word-break:break-word;font-size:.95rem;font-weight:800}.battle-player-panel__portrait-wrap{position:relative}.battle-player-panel__portrait{border-width:3px;border-radius:50%;width:112px!important;height:112px!important}.battle-energy-badge{font-family:var(--font-display), sans-serif;background:linear-gradient(#7cc4f059,#0a192fd9);border:1px solid #7cc4f080;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:1.1rem;font-weight:800;display:inline-flex;box-shadow:0 4px 16px #00000059}.battle-energy-badge__bolt{color:var(--battleship-blue)}.battle-opponent-panel{flex-direction:column;align-items:center;gap:.5rem;display:flex}.battle-opponent-panel__portrait{border-width:3px;border-radius:50%;border-color:#ffa0508c!important;width:112px!important;height:112px!important}.battle-opponent-panel__name{font-family:var(--font-display), sans-serif;color:#ffc88cf2;text-shadow:0 1px 8px #000c;font-size:.9rem;font-weight:700}.fleet-tracker{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:.45rem;padding:.75rem .5rem;display:flex}.fleet-tracker__ship{justify-content:center;gap:2px;display:flex}.fleet-tracker__cell{background:#ffa050d9;border-radius:2px;width:14px;height:14px;box-shadow:inset 0 1px #ffffff40}.fleet-tracker__ship--sunk .fleet-tracker__cell{opacity:.45;background:#64646459}.battle-abilities{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:.85rem;width:100%;padding:.5rem 0;display:grid}@media (max-width:1100px){.battle-abilities{grid-template-columns:repeat(2,minmax(0,1fr))}}.ability-card{cursor:pointer;text-align:center;background:#0a192fe0;border:2px solid #64b4ff59;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.45rem;width:100%;min-height:196px;padding:1rem .75rem;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;box-shadow:0 6px 20px #00000059}.ability-card__icon{color:var(--battleship-blue);font-size:2.25rem;line-height:1}.ability-card__name{font-family:var(--font-display), sans-serif;letter-spacing:.08em;color:#fff;font-size:.92rem;font-weight:800}.ability-card__cost{color:var(--gold);font-size:.95rem;font-weight:800}.ability-card__desc{color:#ffffffb8;margin-top:.15rem;font-size:.74rem;line-height:1.35}.ability-card--active{border-color:var(--battleship-blue);background:#7cc4f02e;box-shadow:0 0 0 2px #7cc4f040,0 0 28px #7cc4f033}.ability-card--disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.5)}.ability-card:not(.ability-card--disabled):hover{border-color:#7cc4f0a6;transform:translateY(-2px)}.battle-status-bar{color:#ffffffe6;text-align:center;background:#0a192fc7;border:1px solid #7cc4f059;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;padding:.85rem 1.25rem;font-size:.95rem;display:flex;box-shadow:0 4px 20px #0000004d}.battle-status-bar__icon{color:var(--battleship-blue);font-size:1.1rem}.battle-cancel-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #96c8ff59;border-radius:8px;padding:.45rem .85rem;font-size:.8rem}.battle-result-overlay--dim{pointer-events:none;z-index:15}.victory-screen{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a16d1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.victory-screen__panel{text-align:center;width:min(100%,440px);padding:2rem 1.75rem}.victory-screen__panel--win{box-shadow:0 0 0 1px #7cc4f059,0 20px 60px #00000073;border-color:var(--battleship-blue)!important}.victory-screen__panel--loss{box-shadow:0 0 0 1px #ff5a5f59,0 20px 60px #00000073;border-color:var(--hit-red)!important}.victory-screen__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.72rem}.victory-screen__title{font-family:var(--font-display), sans-serif;margin:0;font-size:clamp(2.25rem,8vw,3rem);font-weight:900}.victory-screen__panel--win .victory-screen__title{color:var(--battleship-blue);text-shadow:0 0 24px #7cc4f059}.victory-screen__panel--loss .victory-screen__title{color:var(--hit-red)}.victory-screen__subtitle{color:var(--text);margin-top:.65rem;font-size:1rem}.victory-screen__detail{color:var(--muted);margin-top:.75rem;font-size:.9rem;line-height:1.45}.victory-screen__waiting{color:var(--battleship-blue);background:#7cc4f01a;border:1px solid #7cc4f040;border-radius:10px;margin-top:1rem;padding:.65rem .85rem;font-size:.85rem}.victory-screen__actions{flex-direction:column;gap:.65rem;margin-top:1.5rem;display:flex}.game-logo-home{color:inherit;border-radius:8px;text-decoration:none;transition:opacity .15s,transform .15s}.game-logo-home:hover{opacity:.92;transform:translateY(-1px)}.game-logo--link{cursor:pointer}.battle-result-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#040a16b8;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.battle-result{text-align:center;padding:2.5rem 3rem}.battle-result--win{border-color:var(--battleship-blue)!important}.battle-result--loss{border-color:var(--hit-red)!important}.battle-result__title{font-family:var(--font-display), sans-serif;font-size:2.5rem;font-weight:900}.battle-result--win .battle-result__title{color:var(--battleship-blue)}.battle-result--loss .battle-result__title{color:var(--hit-red)}.battle-result__detail{color:var(--muted);margin-top:.75rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}