/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-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;--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{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}}:root{--paper:#f3ebdd;--paper-light:#fbf7ef;--ink:#15324a;--navy:#0e2638;--red:#b6403a;--blue-gray:#6f8795;--line:#c9bda9}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button{font:inherit}button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.game-shell{background-color:var(--paper);background-image:radial-gradient(circle at 22% 13%,#ffffff7a,#0000 27%),radial-gradient(circle at 76% 74%,#77909c14,#0000 34%),repeating-linear-gradient(0deg,#0000 0 79px,#15324a08 80px),repeating-linear-gradient(90deg,#0000 0 79px,#15324a08 80px);min-height:100svh;padding:clamp(28px,4vw,62px);position:relative;overflow:hidden}.game-shell:before,.game-shell:after{z-index:0;content:"";pointer-events:none;border:1px solid #6f879524;border-radius:48% 52% 57% 43%;position:absolute;transform:rotate(-14deg)}.game-shell:before{width:460px;height:640px;top:150px;right:-190px;box-shadow:18px 18px #6f87950f,38px 34px #6f87950a}.game-shell:after{width:360px;height:280px;bottom:-30px;left:-190px}.map-border{z-index:1;pointer-events:none;border:1px solid #15324a6b;position:absolute;inset:13px}.map-border:before,.map-border:after{content:"";background:var(--paper);position:absolute}.map-border:before{width:92px;height:5px;top:-3px;left:calc(50% - 46px)}.map-border:after{width:5px;height:92px;top:calc(50% - 46px);left:-3px}.masthead,.setup-layout,.mode-layout,.lobby-layout{z-index:2;width:min(100%,1440px);margin-inline:auto;position:relative}.masthead{border-bottom:1px solid #15324a40;align-items:flex-end;gap:clamp(28px,5vw,76px);margin-bottom:clamp(28px,3.4vw,52px);padding-bottom:24px;display:flex}.masthead h1{color:var(--navy);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(4rem,8vw,8rem);font-weight:800;font-stretch:75%;line-height:.8}.eyebrow,.step,.status-kicker{color:var(--red);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.75rem;font-weight:800}.sector{border-left:1px solid var(--line);min-width:230px;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;gap:10px;padding-left:28px;font-family:Arial Narrow,sans-serif;font-size:.84rem;display:grid}.sector span:first-child{font-size:1rem;font-weight:800}.sound-console{background:#fbf7efa3;border:1px solid #15324a3d;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:320px;margin-left:auto;padding:9px;display:grid;box-shadow:0 8px 26px #15324a0d}.sound-console button{min-height:34px;color:var(--blue-gray);border:1px solid var(--line);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:6px 9px;font-size:.7rem;font-weight:800;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.sound-console button:hover:not(:disabled),.sound-console button.active{color:var(--red);background:#b6403a0d;border-color:#b6403a5c}.sound-console button:disabled{cursor:not-allowed;opacity:.4}.sound-console button span{letter-spacing:0;min-width:22px;font-size:.85rem}.volume-control{color:var(--blue-gray);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:1px 4px 0;font-size:.59rem;font-weight:800;display:grid}.volume-control input{width:100%;height:18px;accent-color:var(--red);cursor:pointer}.volume-control input:disabled{cursor:not-allowed;opacity:.4}.setup-layout{grid-template-columns:minmax(0,1fr) minmax(310px,390px);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.board-section{min-width:0}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;min-height:64px;margin-bottom:18px;display:flex}.section-heading h2,.fleet-card h2{margin:0;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.15}.orientation-button{min-height:44px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fbf7efa6;border-radius:7px;align-items:center;gap:9px;padding:9px 13px;transition:transform .14s,background-color .14s;display:inline-flex}.orientation-button span{color:var(--red);font-size:1.4rem;line-height:1}.orientation-button:hover:not(:disabled){background:var(--paper-light);transform:translateY(-1px)}.orientation-button:disabled,.actions button:disabled,.minor-actions button:disabled{cursor:not-allowed;opacity:.42}.board-wrap{background:#fbf7ef61;border:1px solid #15324a7a;grid-template-columns:minmax(26px,.075fr) repeat(10,minmax(0,1fr));width:min(100%,720px);margin-inline:auto;display:grid;box-shadow:0 16px 44px #15324a14,inset 0 0 35px #ffffff5c}.corner,.col-label{aspect-ratio:1;color:var(--ink);place-items:center;font-family:Arial Narrow,sans-serif;font-size:clamp(.68rem,1.5vw,1rem);font-weight:700;display:grid}.board-row{display:contents}.row-label{aspect-ratio:1;color:var(--ink);place-items:center;font-family:Arial Narrow,sans-serif;font-size:clamp(.68rem,1.5vw,1rem);font-weight:700;display:grid}.cell{aspect-ratio:1;cursor:crosshair;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-top:1px solid #15324a40;border-left:1px solid #15324a40;place-items:center;min-width:0;padding:0;transition:background-color .13s,box-shadow .13s;display:grid;position:relative}.cell:hover{z-index:1;box-shadow:inset 0 0 0 2px var(--blue-gray);background:#6f879524}.cell:disabled{cursor:default}.cell:disabled:hover{z-index:auto;box-shadow:none}.cell.ship-cell{background:#15324a0f}.ship-silhouette{z-index:2;pointer-events:none;filter:drop-shadow(0 3px 2px #0e26382e);place-self:center stretch;display:block;position:relative}.ship-horizontal{height:52%;margin-inline:8%}.ship-vertical{place-self:stretch center;width:52%;height:auto;margin-block:8%}.ship-body{background:var(--navy);display:block;position:absolute;inset:0}.ship-horizontal .ship-body{clip-path:polygon(0 50%,8% 17%,74% 8%,93% 27%,100% 50%,93% 73%,74% 92%,8% 83%)}.ship-vertical .ship-body{clip-path:polygon(50% 0,83% 8%,92% 74%,73% 93%,50% 100%,27% 93%,8% 74%,17% 8%)}.ship-tower{background:#24465e;border-radius:35%;display:block;position:absolute;box-shadow:0 0 0 1px #f3ebdd38}.ship-horizontal .ship-tower{width:24%;height:54%;top:23%;left:45%}.ship-vertical .ship-tower{width:54%;height:24%;top:45%;left:23%}.ship-tower:before,.ship-tower:after{content:"";background:var(--navy);position:absolute}.ship-horizontal .ship-tower:before{width:70%;height:2px;top:-30%;left:15%}.ship-horizontal .ship-tower:after{width:2px;height:92%;top:-45%;left:50%}.ship-vertical .ship-tower:before{width:2px;height:70%;top:15%;left:-30%}.ship-vertical .ship-tower:after{width:92%;height:2px;top:50%;left:-45%}.ship-broken{z-index:2;filter:drop-shadow(0 3px 3px #581b173d)}.ship-half{background:#713b34;display:block;position:absolute}.ship-horizontal .ship-half{width:48%;height:78%;top:11%}.ship-horizontal .ship-bow{clip-path:polygon(0 50%,17% 8%,100% 2%,91% 100%,17% 92%);transform-origin:100%;left:2%;transform:translateY(-8%)rotate(-6deg)}.ship-horizontal .ship-stern{clip-path:polygon(0 4%,80% 10%,100% 50%,80% 90%,0 96%,9% 50%);transform-origin:0;right:2%;transform:translateY(10%)rotate(7deg)}.ship-vertical .ship-half{width:78%;height:48%;left:11%}.ship-vertical .ship-bow{clip-path:polygon(50% 0,92% 17%,98% 100%,0 91%,8% 17%);transform-origin:bottom;top:2%;transform:translate(-8%)rotate(6deg)}.ship-vertical .ship-stern{clip-path:polygon(4% 0,96% 9%,90% 80%,50% 100%,10% 80%);transform-origin:top;bottom:2%;transform:translate(10%)rotate(-7deg)}.wreck-smoke{z-index:-1;aspect-ratio:1;background:#594d444d;border-radius:50%;width:25%;position:absolute;top:37%;left:38%;box-shadow:0 -8px #594d442e,7px -14px #594d441a}.ship-compact{filter:none}.target-cell:not(:disabled){cursor:crosshair}.target-cell:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--ink);background:#6f87952b}.miss-mark{aspect-ratio:1;border:2px solid var(--blue-gray);border-radius:50%;width:26%;animation:.3s ease-out miss-ring}.fire-mark{z-index:5;pointer-events:none;filter:drop-shadow(0 0 4px #b6403a73);width:72%;height:82%;display:block;position:relative}.fire-mark i{transform-origin:bottom;border-radius:56% 44% 62% 38%;animation:.52s ease-in-out infinite alternate flame-dance;display:block;position:absolute;bottom:10%}.fire-mark i:first-child{clip-path:polygon(48% 0,100% 66%,77% 100%,17% 95%,0 61%);background:linear-gradient(#f4aa43 0%,#e25432 46%,#982e27 95%);width:44%;height:76%;left:28%}.fire-mark i:nth-child(2){clip-path:polygon(67% 0,100% 65%,69% 100%,4% 86%,0 44%);background:linear-gradient(#f08b36,#b53d2d);width:37%;height:58%;animation-delay:-220ms;left:2%}.fire-mark i:nth-child(3){clip-path:polygon(28% 0,100% 55%,87% 91%,20% 100%,0 52%);background:linear-gradient(#ef7a32,#a43329);width:36%;height:64%;animation-delay:-390ms;right:1%}.fire-heavy{filter:drop-shadow(0 0 5px #b6403a99)saturate(1.15);width:82%;height:90%}.hit-cell{z-index:4;background:#b6403a14}.sunk-cell{background:#b6403a2e}.sunk-cell .fire-mark{opacity:.94}@keyframes flame-dance{0%{transform:skew(-5deg)scaleY(.92)}to{transform:skew(6deg)scaleY(1.08)}}@keyframes miss-ring{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}.legend{color:var(--blue-gray);justify-content:center;gap:30px;margin-top:18px;font-size:.82rem;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.legend i{width:18px;height:18px}.legend-ship{border:1px solid var(--navy);background:#15324a2e}.legend-clear{border:1px solid var(--blue-gray);background:0 0}.legend-miss{border:2px solid var(--blue-gray);border-radius:50%}.legend-fire{clip-path:polygon(50% 0,100% 62%,75% 100%,18% 92%,0 58%);background:linear-gradient(145deg,#f4aa43,#e25432 60%,#982e27);border-radius:60% 40% 55% 45%;position:relative}.legend-wreck{background:linear-gradient(168deg, transparent 45%, var(--paper) 46% 55%, transparent 56%), #713b34;clip-path:polygon(0 35%,45% 25%,49% 50%,55% 35%,100% 45%,85% 75%,55% 65%,48% 87%,39% 65%,13% 73%);position:relative}.command-panel{gap:15px;display:grid}.status-card,.fleet-card{border:1px solid var(--line);background:#fbf7efb3;border-radius:9px;box-shadow:0 10px 30px #15324a0d}.status-card{text-align:center;min-height:150px;padding:22px 24px}.status-card strong{color:var(--navy);font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1;display:block}.status-card p{max-width:300px;color:var(--blue-gray);margin:12px auto 0;font-size:.9rem;line-height:1.45}.fleet-card{padding:20px 22px}.card-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-title>span{color:var(--red);font-size:1.1rem;font-weight:800}.fleet-list{border-top:1px solid var(--line)}.fleet-row{border-bottom:1px dashed #c9bda9e6;justify-content:space-between;align-items:center;gap:18px;min-height:50px;display:flex}.fleet-row>div{gap:6px;min-width:0;font-size:.8rem;display:grid}.fleet-row strong{color:var(--red);font-size:1.05rem}.decks{gap:3px;display:flex}.decks i{border:1px solid var(--ink);background:#15324a1a;width:21px;height:7px;display:block}.actions{gap:10px;display:grid}.primary-button,.secondary-button{color:#fff;border:1px solid var(--navy);cursor:pointer;touch-action:manipulation;border-radius:7px;width:100%;min-height:56px;padding:12px 18px;font-size:1rem;font-weight:700;transition:transform .14s,background-color .14s}.primary-button{background:var(--navy)}.secondary-button{border-color:var(--blue-gray);background:var(--blue-gray)}.primary-button:hover:not(:disabled){background:#153c59;transform:translateY(-1px)}.secondary-button:hover:not(:disabled){background:#5e7887;transform:translateY(-1px)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}.minor-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.minor-actions button{min-height:42px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fbf7efb3;border-radius:7px}.tip{color:var(--blue-gray);text-align:center;margin:2px 4px 0;font-size:.78rem;line-height:1.5}.text-button{min-height:42px;color:var(--blue-gray);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:8px 12px;font-weight:650;-webkit-text-decoration:underline #6f879559;text-decoration:underline #6f879559}.text-button:hover{color:var(--ink)}.mode-layout{max-width:1180px}.mode-heading{max-width:720px;margin-bottom:clamp(24px,3vw,42px)}.mode-heading h2,.lobby-intro h2{color:var(--navy);margin:0;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(2rem,4.5vw,4rem);line-height:1}.mode-heading>p:last-child,.lobby-intro>p{color:var(--blue-gray);font-size:1rem;line-height:1.55}.mode-grid{grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,34px);display:grid}.mode-card{min-height:360px;color:var(--ink);border:1px solid var(--line);text-align:left;cursor:pointer;background:linear-gradient(145deg,#fbf7eff0,#f3ebddc7);border-radius:12px;padding:clamp(24px,3.5vw,42px);transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #15324a14}.mode-card:after{content:"";border:1px solid #15324a1f;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-135px;right:-110px;box-shadow:0 0 0 34px #15324a08,0 0 0 72px #15324a05}.mode-card:hover{border-color:var(--blue-gray);transform:translateY(-4px);box-shadow:0 28px 70px #15324a24}.mode-card:active{transform:translateY(-1px)}.live-card{color:var(--paper-light);border-color:var(--navy);background:radial-gradient(circle at 86% 12%, #6f87955c, transparent 30%), var(--navy)}.live-card:after{border-color:#f3ebdd24;box-shadow:0 0 0 34px #f3ebdd0a,0 0 0 72px #f3ebdd05}.mode-number{color:#6f879570;font-family:Georgia,serif;font-size:2.3rem;line-height:1;position:absolute;top:22px;right:25px}.live-card .mode-number{color:#f3ebdd47}.mode-icon{border:1px solid #15324a2e;border-radius:50%;width:84px;height:84px;margin-bottom:28px;display:block;position:relative}.computer-icon i{border:3px solid var(--ink);border-radius:8px;width:38px;height:32px;position:absolute;top:23px;left:22px}.computer-icon i:before,.computer-icon i:after{content:"";position:absolute}.computer-icon i:before{background:var(--ink);width:3px;height:11px;top:-14px;left:15px}.computer-icon i:after{background:var(--red);width:4px;height:4px;box-shadow:14px 0 0 var(--red);border-radius:50%;top:11px;left:8px}.players-icon{border-color:#f3ebdd3d}.players-icon i{border:3px solid var(--paper-light);border-radius:50%;width:23px;height:23px;position:absolute;top:18px}.players-icon i:first-child{left:14px}.players-icon i:last-child{right:14px}.players-icon i:after{content:"";border:3px solid var(--paper-light);border-bottom:0;border-radius:19px 19px 0 0;width:31px;height:20px;position:absolute;top:27px;left:-7px}.mode-card strong{align-self:end;margin-bottom:13px;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.05;display:block}.mode-card small{max-width:440px;min-height:72px;color:var(--blue-gray);align-self:start;font-size:.94rem;line-height:1.55;display:block}.live-card small{color:#f3ebddad}.mode-card em{z-index:1;color:var(--red);align-self:end;margin-top:26px;font-size:.9rem;font-style:normal;font-weight:800;position:relative}.live-card em{color:#e2b37a}.live-badge{color:#e2b37a;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:24px;left:26px}.live-badge i{background:#e2b37a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #e2b37a1f}.mode-note{color:var(--blue-gray);text-align:center;margin:19px 0 0;font-size:.78rem}.lobby-layout{grid-template-columns:minmax(0,1fr) minmax(310px,430px);align-items:center;gap:clamp(34px,7vw,100px);max-width:1160px;display:grid}.lobby-intro{padding-block:20px}.lobby-intro ol{counter-reset:steps;gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.lobby-intro li{color:var(--ink);counter-increment:steps;padding-left:48px;line-height:1.5;position:relative}.lobby-intro li:before{content:counter(steps, decimal-leading-zero);width:32px;height:32px;color:var(--red);border:1px solid var(--line);border-radius:50%;place-items:center;font-size:.67rem;font-weight:800;display:grid;position:absolute;top:-3px;left:0}.lobby-card,.connection-card{z-index:2;border:1px solid var(--line);background:#fbf7efdb;border-radius:12px;padding:clamp(24px,4vw,38px);position:relative;box-shadow:0 24px 70px #15324a1f}.lobby-divider{color:var(--blue-gray);align-items:center;gap:14px;margin:22px 0;font-size:.75rem;display:flex}.lobby-divider:before,.lobby-divider:after{content:"";background:var(--line);flex:1;height:1px}.room-code-field{gap:8px;margin-bottom:12px;display:grid}.room-code-field>span{color:var(--blue-gray);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:700}.room-code-field input{width:100%;min-height:64px;color:var(--navy);border:1px solid var(--line);background:var(--paper-light);letter-spacing:.18em;text-align:center;text-transform:uppercase;border-radius:7px;padding:10px 16px;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:1.8rem;font-weight:800}.room-code-field input:focus{border-color:var(--red);outline:3px solid #b6403a33}.form-error{color:var(--red);text-align:center;margin:14px 0 0;font-size:.82rem;line-height:1.4}.lobby-card .text-button{width:100%;margin-top:16px}.lobby-card>.secondary-button{margin-top:10px}.open-rooms{gap:7px;margin-top:18px;display:grid}.open-rooms>span{color:var(--blue-gray);letter-spacing:.12em;text-transform:uppercase;font-size:.67rem;font-weight:800}.open-rooms button{color:var(--ink);border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff75;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.open-rooms button:hover{border-color:var(--red)}.open-rooms small{color:var(--blue-gray)}.profile-card{border:1px solid var(--line);background:#fbf7efb8;border-radius:10px;width:min(100%,620px);margin:22px auto 0;padding:16px}.profile-heading,.profile-stats{justify-content:space-between;align-items:center;gap:14px;display:flex}.profile-heading{color:var(--blue-gray);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.67rem}.profile-heading strong{color:var(--red)}.callsign-field{color:var(--blue-gray);text-transform:uppercase;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;font-size:.72rem;font-weight:800;display:grid}.callsign-field input{min-width:0;color:var(--navy);border:1px solid var(--line);background:var(--paper-light);border-radius:6px;padding:8px 10px;font-weight:800}.profile-stats>div{text-align:center;gap:3px;display:grid}.profile-stats span,.profile-card small{color:var(--blue-gray);font-size:.65rem}.profile-stats strong{color:var(--navy);font-size:1.05rem}.profile-loading{color:var(--blue-gray);text-align:center}.connection-card{text-align:center;width:min(100% - 32px,480px);margin:80px auto}.connection-card strong{margin-bottom:18px;font-size:1.25rem;display:block}.room-code-card{color:var(--paper-light);background:var(--navy);text-align:center;border-radius:9px;padding:18px 20px}.room-code-card>span{color:#f3ebdd94;letter-spacing:.14em;text-transform:uppercase;font-size:.67rem;font-weight:800;display:block}.room-code-card strong{letter-spacing:.16em;margin:8px 0 11px;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:2.1rem;display:block}.room-code-card button{min-height:34px;color:var(--paper-light);cursor:pointer;background:0 0;border:1px solid #f3ebdd47;border-radius:5px;padding:6px 11px;font-size:.75rem}.battle-header{margin-bottom:clamp(22px,2.4vw,36px)}.battle-header h1{font-size:clamp(3.4rem,6.3vw,6.2rem)}.battle-layout{z-index:2;grid-template-columns:minmax(0,1fr) minmax(300px,370px);align-items:start;gap:clamp(30px,5vw,70px);width:min(100%,1360px);margin-inline:auto;display:grid;position:relative}.battle-heading{align-items:center}.turn-chip{min-height:42px;color:var(--blue-gray);border:1px solid var(--line);background:#fbf7ef9e;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.84rem;font-weight:700;display:inline-flex}.turn-chip i{background:currentColor;border-radius:50%;width:8px;height:8px}.turn-chip.active{color:var(--red);border-color:#b6403a59}.turn-chip.active i{animation:1.8s ease-in-out infinite turn-pulse}@keyframes turn-pulse{0%,to{box-shadow:0 0 #b6403a40}50%{box-shadow:0 0 0 7px #b6403a00}}.enemy-section .board-wrap{width:min(100%,680px)}.battle-legend{gap:clamp(14px,4vw,34px)}.battle-panel{gap:13px}.battle-status{min-height:132px}.battle-status strong{font-size:clamp(2rem,3.5vw,2.8rem)}.result-card{background:#fbf7efdb;border-color:#b6403a73}.own-field-card{border:1px solid var(--line);background:#fbf7efb3;border-radius:9px;padding:17px 18px 19px;box-shadow:0 10px 30px #15324a0d}.own-field-card .card-title{margin-bottom:12px}.own-field-card h2{margin:0;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:1.2rem}.own-field-card .card-title span{color:var(--red);font-weight:800}.compact-board{width:100%;box-shadow:none;border-color:#15324a59}.compact-board .col-label,.compact-board .row-label{font-size:.58rem}.compact-board .fire-mark{filter:none;width:78%;height:88%}.compact-board .miss-mark{border-width:1px}.battle-panel .fleet-card{padding-top:16px;padding-bottom:16px}.battle-panel .fleet-row{min-height:42px}.battle-actions{position:sticky;bottom:12px}.compass{z-index:1;color:#15324a47;pointer-events:none;border:1px solid;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:absolute;bottom:34px;left:34px}.compass span{font-family:Georgia,serif;font-size:.72rem;position:absolute;top:5px}.compass i{clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%);background:currentColor;width:2px;height:46px}@media (width<=980px){.game-shell{padding:28px clamp(18px,4vw,40px) 48px}.map-border,.compass{display:none}.masthead{flex-direction:column;align-items:flex-start;gap:18px}.sound-console{width:min(100%,360px);margin-left:0}.masthead h1{font-size:clamp(3.8rem,15vw,7rem)}.sector{border-left:0;padding-left:0}.setup-layout{grid-template-columns:1fr}.lobby-layout{grid-template-columns:1fr;max-width:720px}.lobby-intro{padding-bottom:0}.battle-layout{grid-template-columns:1fr}.command-panel,.battle-panel{grid-template-columns:1fr 1fr;width:min(100%,720px);margin-inline:auto}.battle-status,.battle-actions{grid-column:1/-1}.own-field-card,.battle-panel .fleet-card{align-self:stretch}.battle-actions{position:static}.status-card{align-content:center;display:grid}.actions,.tip{grid-column:1/-1}}@media (width<=620px){.game-shell{padding:22px 14px 38px}.masthead{margin-bottom:24px;padding-bottom:16px}.masthead h1{font-size:clamp(3.2rem,18vw,5rem)}.eyebrow{font-size:.65rem}.sector{display:none}.sound-console{width:100%;min-width:0}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:315px;padding:24px}.mode-heading h2,.lobby-intro h2{font-size:clamp(2rem,10vw,3rem)}.mode-card small{min-height:0}.lobby-card{padding:22px 18px}.section-heading{flex-direction:column;align-items:stretch;min-height:0}.orientation-button{justify-content:center;width:100%;min-height:50px}.board-wrap{grid-template-columns:24px repeat(10,minmax(0,1fr))}.col-label,.row-label{font-size:.63rem}.legend{gap:15px;font-size:.7rem}.command-panel,.battle-panel{grid-template-columns:1fr}.actions,.tip,.battle-status,.battle-actions{grid-column:auto}.battle-heading{align-items:flex-start}.turn-chip{align-self:flex-start}.battle-header h1{font-size:clamp(3.1rem,17vw,4.8rem)}.primary-button,.secondary-button{min-height:54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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}