/*! 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}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end: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{--ink:#071821;--deep:#092630;--cream:#efe9d9;--paper:#f7f3e8;--orange:#ff6339;--cyan:#86e5e0;--line:#0718212b}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:var(--cream);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.game-shell{flex-direction:column;height:100vh;min-height:720px;padding:0 clamp(28px,4vw,76px) 28px;display:flex;position:relative;overflow:hidden}.noise{pointer-events:none;opacity:.055;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{border-bottom:1px solid var(--line);flex:0 0 64px;justify-content:space-between;align-items:center;height:64px;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{width:36px;height:36px;color:var(--cream);background:var(--ink);font:800 12px var(--font-geist-mono);border-radius:50%;place-items:center;display:grid}.brand strong,.brand small{letter-spacing:.13em;display:block}.brand strong{font-size:14px}.brand small{font:500 8px var(--font-geist-mono);opacity:.66;margin-top:3px}.top-actions{align-items:center;gap:7px;display:flex}.utility-button{color:#587078;text-transform:uppercase;letter-spacing:.08em;min-height:30px;font:750 8px var(--font-geist-mono);background:#ffffff2e;border:1px solid #0718212e;border-radius:2px;padding:0 9px}.utility-button:hover,.utility-button.active{color:var(--ink);background:#ffffff7a;border-color:#07182166}.utility-button.active:before{content:"";background:#3cac7d;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 0 2px #3cac7d24}.sfx-level{align-items:center;gap:6px;display:inline-flex}.sfx-level.active:before{display:none}.volume-bars{align-items:end;gap:2px;height:11px;display:inline-flex}.volume-bars i{background:#b8c7c5;border-radius:1px 1px 0 0;width:3px;transition:background .18s,transform .18s}.volume-bars i:first-child{height:4px}.volume-bars i:nth-child(2){height:7px}.volume-bars i:nth-child(3){height:10px}.sfx-level-1 .volume-bars i:first-child,.sfx-level-2 .volume-bars i:nth-child(-n+2),.sfx-level-3 .volume-bars i{background:#3cac7d}.sfx-level-0 .volume-bars{opacity:.45}.intel-control{position:relative}.intel-button{color:#9a3b25;border-color:#ff633959}.intel-guide{z-index:40;width:230px;color:var(--paper);background:var(--deep);border:1px solid #86e5e07a;padding:15px 16px 14px;animation:.38s cubic-bezier(.2,.85,.3,1.16) both intel-guide-in;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 13px 34px #0718214d}.intel-guide:before{content:"";background:var(--deep);border-top:1px solid #86e5e07a;border-left:1px solid #86e5e07a;width:12px;height:12px;position:absolute;top:-7px;right:19px;transform:rotate(45deg)}.intel-guide strong{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font:850 10px var(--font-geist-mono);display:block}.intel-guide p{color:#d1dfdc;margin:7px 15px 11px 0;font-size:11px;line-height:1.45}.intel-guide-action{border:1px solid var(--orange);min-height:30px;color:var(--paper);background:var(--orange);text-transform:uppercase;letter-spacing:.09em;font:800 8px var(--font-geist-mono);padding:0 10px}.intel-guide-action:hover{background:#e94f2d}.intel-guide-close{color:#a9bfbd;background:0 0;border:0;width:27px;height:27px;font-size:18px;line-height:1;position:absolute;top:5px;right:6px}.intel-guide-close:hover{color:var(--paper)}.new-game{text-transform:uppercase;letter-spacing:.13em;font:700 11px var(--font-geist-mono);background:0 0;border:0;align-items:center;gap:13px;display:flex}.new-game span{color:var(--orange);font-size:16px;transition:transform .2s}.new-game:hover span{transform:rotate(45deg)}.hero{flex:0 0 116px;justify-content:space-between;align-items:end;gap:50px;width:100%;max-width:1420px;margin:22px auto 18px;display:flex}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.15em;font:700 10px var(--font-geist-mono)}.eyebrow{color:#38606a;align-items:center;gap:9px;margin:0;display:flex}.eyebrow span{background:var(--orange);border-radius:50%;width:7px;height:7px}h1{text-transform:uppercase;letter-spacing:-.065em;margin:9px 0 0;font-size:clamp(43px,4.1vw,72px);font-weight:900;line-height:.82}h1 em{color:var(--orange);font-style:normal}.intro{color:#3f5b64;width:min(420px,100%);margin:0 0 2px;font-size:13px;line-height:1.65}.command-grid{background:var(--paper);border:1px solid var(--line);flex:auto;grid-template-columns:minmax(570px,1.15fr) minmax(430px,.85fr);width:100%;max-width:1420px;min-height:0;margin:0 auto;display:grid;box-shadow:0 18px 45px #04192121}.board-panel{border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:23px 28px 17px;display:flex}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:14px;display:flex}.kicker{color:#55727a;margin:0 0 6px}h2{text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:20px}.status{color:#315e54;text-transform:uppercase;font:700 10px var(--font-geist-mono);letter-spacing:.1em;background:#dceae4;border-radius:2px;align-items:center;gap:8px;padding:8px 11px;display:flex}.status span{background:#4fa18c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #4fa18c24}.status.ended{color:#873423;background:#f5d7cc}.status.ended span{background:var(--orange)}.board-wrap{isolation:isolate;flex:auto;grid-template-rows:18px repeat(6,1fr);grid-template-columns:23px repeat(6,1fr);align-self:center;gap:3px;width:min(100%,670px);min-height:0;display:grid;position:relative}.board-row{display:contents}.axis{color:#526f77;min-width:0;font:800 12px var(--font-geist-mono);place-items:center;display:grid}.sonar-layer{z-index:10;pointer-events:none;opacity:0;background:#29848914;transition:opacity .25s;position:absolute;inset:21px 0 0 26px;overflow:hidden}.mission-scan .sonar-layer,.mission-fleet .sonar-layer,.mission-supplies .sonar-layer{opacity:1}.sonar-layer:before{content:"";filter:drop-shadow(9px 0 12px #2bc0b58c);background:linear-gradient(90deg,#0000,#86e5e029 20%,#5ae0d5b8 76%,#e4fff7e6);width:24%;animation:1.95s cubic-bezier(.22,.62,.36,1) both sonar-scan;position:absolute;inset:0 auto 0 -22%}.sonar-layer:after{content:"";aspect-ratio:1;border:2px solid #86e5e0a6;border-radius:50%;width:18%;animation:1.7s ease-out .14s both sonar-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mission-opening-label{z-index:11;color:#d9fff5;white-space:nowrap;text-transform:uppercase;letter-spacing:.13em;font:850 9px var(--font-geist-mono);background:#07252edb;border:1px solid #86e5e0b8;padding:8px 12px;animation:.4s ease-out both scan-label;position:absolute;top:calc(50% + 9px);left:calc(50% + 12px);transform:translate(-50%,-50%);box-shadow:0 8px 22px #07182147,inset 0 0 18px #86e5e014}.mission-start{cursor:pointer;border-radius:2px;transition:transform .18s,background .18s,box-shadow .18s}.mission-start span{color:#65e4d1;margin-right:5px;animation:1.25s ease-in-out infinite status-pulse;display:inline-block}.mission-start:hover,.mission-start:focus-visible{background:#072f38f0;outline:none;transform:translate(-50%,-50%)scale(1.04);box-shadow:0 10px 28px #07182157,0 0 0 3px #65e4d12e}.mission-fleet .mission-opening-label{color:#fff1d5;border-color:#ffb453bf}.mission-supplies .mission-opening-label{color:#172f37;background:#f4b63f;border-color:#f4b63f}.mission-scan .vessel{opacity:0;filter:blur(3px)brightness(2)}.mission-fleet .vessel,.mission-supplies .vessel{animation:.65s cubic-bezier(.2,.8,.3,1) both fleet-materialize}.mission-fleet .board-row:nth-of-type(2n) .vessel,.mission-supplies .board-row:nth-of-type(2n) .vessel{animation-delay:60ms}.mission-scan .supply-drop,.mission-fleet .supply-drop{opacity:0;animation:none;transform:translateY(-8px)scale(.45)}.cell{background:#dce7e2;border:1px solid #b8cac8;place-items:center;min-height:0;transition:background .25s,transform .2s;display:grid;position:relative;overflow:visible}.cell:before{content:"";z-index:1;background:linear-gradient(135deg,#0000 48.8%,#ffffff42 49%,#0000 51%);position:absolute;inset:0}.cell.hit{background:var(--orange);border-color:#e54b23;animation:.4s ease-out impact}.cell.miss{background:#ccdcd9}.cell.targeted{border-color:#43b879;box-shadow:inset 0 0 22px #34e1842e,0 0 0 1px #34e18473}.cell.adjustable{cursor:pointer;background:#cfe5da;border-color:#55c88c;box-shadow:inset 0 0 24px #40e88933,0 0 0 1px #40e88959}.cell.adjustable:after{content:"";z-index:6;pointer-events:none;filter:drop-shadow(0 0 3px #16774780);border:2px dashed #2dc979;border-radius:3px;animation:1.25s ease-in-out infinite adjacent-pulse;position:absolute;inset:7px}.cell.adjustable:hover{background:#bfe4d2;transform:translateY(-2px)}.cell.adjustable:focus-visible{outline-offset:2px;outline:3px solid #167747}.target-reticle{z-index:7;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 0 4px #12653ebf);border:2px solid #40e889;border-radius:50%;width:62%;animation:.34s cubic-bezier(.2,.85,.3,1.25) both target-lock;position:absolute}.target-reticle:before,.target-reticle:after{content:"";background:#40e889;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #12653ecc}.target-reticle:before{width:140%;height:2px}.target-reticle:after{width:2px;height:140%}.target-reticle i{z-index:1;background:#167747;border:2px solid #d3ffe5;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #40e889,0 0 8px #40e889e6}.hit-mark{color:var(--paper);z-index:4;text-shadow:0 1px 4px #07182159;font:300 clamp(22px,3.3vw,46px) Arial;transform:rotate(8deg)}.miss-mark{z-index:4;background:#718e91;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #718e912e}.vessel{z-index:2;background:var(--ink);display:block;position:absolute;box-shadow:inset 0 0 0 2px #31505a,0 3px 8px #07182138}.vessel.horizontal{height:34%;top:33%;left:-3px;right:-3px}.vessel.vertical{width:34%;top:-3px;bottom:-3px;left:33%}.vessel.horizontal.start{border-radius:50% 0 0 50%;left:13%}.vessel.horizontal.end{border-radius:0 50% 50% 0;right:13%}.vessel.vertical.start{border-radius:50% 50% 0 0;top:13%}.vessel.vertical.end{border-radius:0 0 50% 50%;bottom:13%}.vessel i{background:var(--cyan);opacity:.8;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ship-patrol-boat{background:#315e64;box-shadow:inset 0 0 0 1px #70979a,0 3px 7px #07182133}.ship-patrol-boat.horizontal{height:22%;top:39%}.ship-patrol-boat.vertical{width:22%;left:39%}.ship-patrol-boat.horizontal.start{border-radius:50% 0 0 50%}.ship-patrol-boat.horizontal.end{border-radius:0 50% 50% 0}.ship-patrol-boat.vertical.start{border-radius:50% 50% 0 0}.ship-patrol-boat.vertical.end{border-radius:0 0 50% 50%}.ship-patrol-boat i{background:#e8c05e;border:1px solid #b9d9d6;border-radius:2px;width:10px;height:7px;display:none;box-shadow:0 0 0 1px #07182147}.ship-patrol-boat[data-segment="1"] i{display:block}.ship-patrol-boat.vertical i{width:7px;height:10px}.ship-destroyer{background:#173f49;box-shadow:inset 0 0 0 2px #3b6870,0 3px 8px #0718213d}.ship-destroyer.horizontal{height:30%;top:35%}.ship-destroyer.vertical{width:30%;left:35%}.ship-destroyer.horizontal.start{clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%,0 50%);border-radius:0;left:7%}.ship-destroyer.vertical.start{clip-path:polygon(50% 0,100% 18%,100% 100%,0 100%,0 18%);border-radius:0;top:7%}.ship-destroyer i{display:none}.ship-destroyer[data-segment="1"] i{background:#a8c4c4;border-radius:0;width:3px;height:14px;display:block;box-shadow:-5px 4px 0 -1px #6c9599,5px 4px 0 -1px #6c9599}.ship-destroyer.vertical[data-segment="1"] i{width:14px;height:3px;box-shadow:4px -5px 0 -1px #6c9599,4px 5px 0 -1px #6c9599}.ship-submarine{background:#102f38;box-shadow:inset 0 -3px #00000042,inset 0 2px #45666b,0 3px 8px #07182147}.ship-submarine.horizontal{border-radius:0;height:26%;top:37%}.ship-submarine.vertical{border-radius:0;width:26%;left:37%}.ship-submarine.horizontal.start{border-radius:50% 0 0 50%}.ship-submarine.horizontal.end{border-radius:0 50% 50% 0}.ship-submarine.vertical.start{border-radius:50% 50% 0 0}.ship-submarine.vertical.end{border-radius:0 0 50% 50%}.ship-submarine i{display:none}.ship-submarine[data-segment="1"] i{background:#173f49;border:1px solid #66858a;border-radius:3px 3px 0 0;width:13px;height:7px;display:block;top:-4px}.ship-submarine.vertical[data-segment="1"] i{border-radius:3px 0 0 3px;width:7px;height:13px;top:50%;left:-4px}.ship-battleship{background:#294951;box-shadow:inset 0 0 0 2px #59767b,inset 0 -5px #0718213d,0 4px 9px #07182140}.ship-battleship.horizontal{height:42%;top:29%}.ship-battleship.vertical{width:42%;left:29%}.ship-battleship.horizontal.start{clip-path:polygon(22% 0,100% 0,100% 100%,22% 100%,0 50%);border-radius:0;left:7%}.ship-battleship.vertical.start{clip-path:polygon(50% 0,100% 22%,100% 100%,0 100%,0 22%);border-radius:0;top:7%}.ship-battleship i{background:#1c3941;border:2px solid #94aaab;width:11px;height:11px;box-shadow:0 0 0 2px #07182133}.ship-battleship i:after{content:"";background:#94aaab;width:10px;height:2px;position:absolute;top:3px;left:8px}.ship-battleship.vertical i:after{width:2px;height:10px;top:-9px;left:3px}.ship-carrier{background:#29464d;box-shadow:inset 0 0 0 2px #71878a,0 4px 10px #07182147}.ship-carrier.horizontal{background:linear-gradient(#29464d 0 47%,#b4c4c0 48% 52%,#29464d 53%);height:54%;top:23%}.ship-carrier.vertical{background:linear-gradient(90deg,#29464d 0 47%,#b4c4c0 48% 52%,#29464d 53%);width:54%;left:23%}.ship-carrier.horizontal.start{border-radius:36% 4px 4px 36%;left:5%}.ship-carrier.horizontal.end{border-radius:4px 20% 20% 4px;right:5%}.ship-carrier.vertical.start{border-radius:36% 36% 4px 4px;top:5%}.ship-carrier.vertical.end{border-radius:4px 4px 20% 20%;bottom:5%}.ship-carrier i{display:none}.ship-carrier[data-segment="2"] i{background:#15363e;border:2px solid #9bb0ae;border-radius:2px;width:10px;height:17px;display:block;left:70%}.ship-carrier.vertical[data-segment="2"] i{width:17px;height:10px;top:70%;left:50%}.cell.hit .vessel{background:#8f2816;box-shadow:inset 0 0 0 2px #c24328}.supply-drop{z-index:5;background:#f4b63f;border:2px solid #10323a;border-radius:3px;width:28px;height:22px;animation:.55s cubic-bezier(.2,.85,.3,1.25) both supply-reveal;position:absolute;box-shadow:inset 0 0 0 2px #ffdc75,0 5px 12px #0718214d}.supply-drop:before,.supply-drop:after{content:"";opacity:.82;background:#10323a;position:absolute}.supply-drop:before{width:4px;top:0;bottom:0;left:10px}.supply-drop:after{height:3px;top:8px;left:0;right:0}.supply-drop i{z-index:1;background:#fff2b3;border-radius:50%;width:3px;height:3px;position:absolute;top:8px;left:11px}.supply-drop:not(.collected){box-shadow:inset 0 0 0 2px #ffdc75,0 5px 12px #0718214d,0 0 0 4px #f4b63f29}.supply-drop.collected{opacity:.58;background:#93a6a3;border-color:#60787a;animation:.4s ease-out both supply-collect;box-shadow:inset 0 0 0 2px #b9c7c2,0 3px 7px #0718212e}.supply-drop.collected:before,.supply-drop.collected:after{background:#496265}.explosion{z-index:6;pointer-events:none;background:#fff5b8;border-radius:50%;width:20px;height:20px;animation:.72s ease-out forwards blast-core;position:absolute;box-shadow:0 0 0 7px #ffb33b,0 0 0 14px #ff4a20b8}.explosion:before,.explosion:after{content:"";background:conic-gradient(from 12deg, transparent 0 8%, #ffcf54 9% 12%, transparent 13% 23%, #ff6339 24% 28%, transparent 29% 42%, #fff0a8 43% 46%, transparent 47% 61%, #ff6339 62% 66%, transparent 67% 80%, #ffcf54 81% 85%, transparent 86%);clip-path:polygon(50% 0,59% 35%,86% 14%,69% 42%,100% 50%,67% 59%,87% 86%,58% 68%,50% 100%,41% 67%,14% 86%,34% 58%,0 50%,34% 41%,14% 14%,42% 34%);animation:.72s ease-out forwards blast-rays;position:absolute;inset:-18px}.explosion:after{opacity:.65;inset:-28px;transform:rotate(25deg)}.explosion i{z-index:2;background:#7d2514;border-radius:1px;width:5px;height:5px;animation:.8s ease-out forwards debris;position:absolute;top:8px;left:8px}.explosion i:first-child{--dx:-37px;--dy:-29px}.explosion i:nth-child(2){--dx:36px;--dy:-25px}.explosion i:nth-child(3){--dx:43px;--dy:15px}.explosion i:nth-child(4){--dx:17px;--dy:39px}.explosion i:nth-child(5){--dx:-34px;--dy:33px}.explosion i:nth-child(6){--dx:-44px;--dy:4px}.incoming-missile{z-index:8;pointer-events:none;background:var(--ink);filter:drop-shadow(0 3px 2px #07182152);transform-origin:50%;border-radius:5px 1px 1px 5px;width:30px;height:8px;position:absolute;top:50%;left:50%}.incoming-missile:before{content:"";background:var(--ink);clip-path:polygon(0 0,100% 28%,100% 72%,0 100%,32% 50%);width:11px;height:18px;position:absolute;top:-5px;left:2px}.incoming-missile:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid var(--ink);width:0;height:0;position:absolute;top:-2px;left:29px}.incoming-missile i{background:linear-gradient(90deg,#0000,#0718212e 32%,#071821b8);border-radius:50%;width:34px;height:3px;position:absolute;top:3px;right:27px}.incoming-missile.to-ship{animation:.58s cubic-bezier(.32,.02,.75,.48) both missile-flight-hit}.incoming-missile.to-water{animation:.58s cubic-bezier(.32,.02,.75,.48) both missile-flight-water}.impact-delayed,.impact-delayed:before,.impact-delayed:after,.impact-delayed i{animation-delay:.5s;animation-fill-mode:both}.missile-fragments{z-index:9;pointer-events:none;width:2px;height:2px;position:absolute;top:50%;left:50%}.missile-fragments i{--fx:22px;--fy:-18px;background:var(--ink);clip-path:polygon(0 0,100% 24%,72% 100%,12% 70%);width:9px;height:4px;animation:.62s ease-out .5s both missile-fragment;position:absolute}.missile-fragments i:nth-child(2){--fx:-26px;--fy:-14px;transform:rotate(72deg)}.missile-fragments i:nth-child(3){--fx:18px;--fy:24px;transform:rotate(138deg)}.missile-fragments i:nth-child(4){--fx:-20px;--fy:25px;transform:rotate(216deg)}.splash{z-index:6;pointer-events:none;background:#e9ffff;border-radius:50%;width:18px;height:8px;animation:.85s ease-out forwards splash-core;position:absolute;box-shadow:0 0 0 6px #5bcfdc80}.splash:before{content:"";border:3px solid #9eeaf0;border-radius:50%;width:18px;height:7px;animation:.9s ease-out forwards water-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash:after{content:"";clip-path:polygon(42% 100%,48% 38%,33% 68%,47% 0,55% 54%,70% 27%,60% 100%);background:linear-gradient(#0000 34%,#eaffff 35%,#8fe0e8);width:34px;height:46px;animation:.85s ease-out forwards water-plume;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.splash i{z-index:2;background:#bff6fa;border-radius:50% 50% 55% 55%;width:5px;height:8px;animation:.9s ease-out forwards water-drop;position:absolute;top:1px;left:7px}.splash i:first-child{--sx:-33px;--sy:-30px}.splash i:nth-child(2){--sx:-18px;--sy:-43px}.splash i:nth-child(3){--sx:4px;--sy:-49px}.splash i:nth-child(4){--sx:24px;--sy:-39px}.splash i:nth-child(5){--sx:36px;--sy:-20px}.splash i:nth-child(6){--sx:-39px;--sy:-13px}.legend{color:#577079;text-transform:uppercase;font:600 8px var(--font-geist-mono);letter-spacing:.12em;gap:22px;margin:11px 0 0 26px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:50%;width:7px;height:7px;display:block}.legend-hit{background:var(--orange)}.legend-miss{background:#718e91}.legend-ship{background:var(--ink)}.legend .legend-supply{background:#f4b63f;border:1px solid #10323a;border-radius:1px;width:9px;height:7px}.legend .legend-target{background:0 0;border:1.5px solid #2bb66d;width:9px;height:9px;box-shadow:inset 0 0 0 2px #dce7e2}.control-panel{background:var(--deep);min-height:0;color:var(--cream);flex-direction:column;padding:23px 30px 18px;display:flex}.mobile-control-dock{display:none}.control-panel .kicker{color:#73949a}.missile-card{justify-content:space-between;align-items:start;display:flex}.missile-card h2{font-size:18px}.missile-card strong{font:800 46px/1 var(--font-geist-mono);color:var(--orange);letter-spacing:-.08em}.missile-icons{grid-template-columns:repeat(6,1fr);gap:7px;margin:10px 0 14px;display:grid}.missile-icons span{color:#314b53;border-bottom:2px solid #314b53;place-items:center;height:18px;font-size:9px;display:grid}.missile-icons .armed{color:var(--orange);border-color:var(--orange)}.mission-stats{border:1px solid #efe9d924;grid-template-columns:repeat(4,1fr);margin-bottom:11px;display:grid}.mission-stats>div{border-right:1px solid #efe9d91f;min-width:0;padding:8px 9px 7px}.mission-stats>div:last-child{border-right:0}.mission-stats span,.mission-stats small{color:#8aa7ac;text-transform:uppercase;white-space:nowrap;font:650 8px/1.25 var(--font-geist-mono);letter-spacing:.06em;display:block}.mission-stats strong{color:var(--cream);font:800 18px/1 var(--font-geist-mono);margin:3px 0;display:block}.mission-stats .graded strong{color:var(--orange)}.mission-stats .shielded strong{color:var(--cyan);text-shadow:0 0 10px #86e5e066}.dice-section{border-top:1px solid #efe9d926;padding-top:14px}.dice-row{justify-content:center;align-items:center;gap:18px;margin-top:10px;display:flex}.die{background:var(--cream);border-radius:7px;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;width:68px;height:68px;padding:13px;display:grid;box-shadow:inset 0 -4px #00000026,0 8px 18px #00000038}.die i{background:var(--deep);opacity:0;border-radius:50%;width:8px;height:8px}.die i.visible{opacity:1}.die.rolling{animation:.15s linear infinite shake}.letter-die{grid-template:1fr/1fr;place-items:center;padding:0;display:grid;position:relative}.letter-die strong{color:var(--deep);font:900 33px/1 var(--font-geist-mono)}.letter-index{grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;width:13px;height:13px;display:grid;position:absolute;top:7px;right:8px}.die .letter-index i{background:#60767b;width:3px;height:3px}.plus{color:#78959b;font:300 22px var(--font-geist-mono)}.dice-section{position:relative}.bonus-stack{z-index:10;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%)}.bonus-popup{color:var(--deep);background:var(--cyan);border:2px solid var(--paper);text-transform:uppercase;letter-spacing:.08em;font:900 9px var(--font-geist-mono);padding:7px 12px;animation:1.8s both bonus-pop;display:block;box-shadow:0 8px 20px #00000052}.bonus-popup.perfect{color:#fff8e7;background:var(--orange)}.bonus-popup.supply{color:var(--deep);background:#f4b63f}.bonus-popup.reward{color:var(--deep);background:var(--paper)}.bonus-popup.shield{color:var(--deep);background:var(--cyan)}.bonus-popup.distress{color:#fff8e7;background:#397ba0}.bonus-popup.hunt{color:#fff8e7;background:#7553a6}.command-guide{color:#607c82;opacity:.72;border:1px solid #304d54;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;min-height:39px;margin:8px 0 0;padding:6px 9px;transition:border-color .2s,background .2s,color .2s,opacity .2s;display:grid}.command-guide.active{color:var(--cyan);opacity:1;background:#40e88912;border-color:#3f8d70}.command-icon{width:25px;height:25px;font:700 16px/1 var(--font-geist-mono);border:1px solid;border-radius:50%;place-items:center;display:grid}.command-guide>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.command-guide b{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font:750 9px var(--font-geist-mono);letter-spacing:.04em;overflow:hidden}.command-guide small{font:600 8px var(--font-geist-mono);color:#78969b}.command-guide strong{color:var(--orange);white-space:nowrap;font:800 11px var(--font-geist-mono)}.coordinate{color:var(--cyan);font:800 14px var(--font-geist-mono);letter-spacing:.12em;justify-content:center;align-items:center;gap:14px;margin:9px 0 11px;display:flex}.coordinate i{background:#47646a;width:26px;height:1px}.fire-button{background:var(--orange);color:#fff7e8;width:100%;min-height:50px;font:800 13px var(--font-geist-mono);letter-spacing:.12em;border:0;justify-content:space-between;align-items:center;padding:0 20px 0 24px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px #a82d13}.fire-button:hover:not(:disabled){transform:translateY(2px);box-shadow:0 4px #a82d13}.fire-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #a82d13}.fire-button:disabled{cursor:not-allowed;opacity:.62}.fire-button b{font-size:17px;font-weight:400}.radio-message{color:#a9c8c8;background:#86e5e00f;border:1px solid #86e5e038;align-items:start;gap:10px;min-height:45px;margin-top:14px;padding:8px 11px;display:flex}.radio-message p{font:550 11px/1.45 var(--font-geist-mono);margin:0}.radio-dot{background:var(--cyan);border-radius:50%;flex:0 0 8px;height:8px;margin-top:4px;animation:1.8s infinite pulse}.radio-message.success{color:var(--cyan);border-color:#86e5e099}.radio-message.danger{color:#ffab92;border-color:#ff633980}.radio-message.danger .radio-dot{background:var(--orange)}.compact-fleet{border-top:1px solid #efe9d926;margin-top:auto;padding-top:11px}.compact-heading{justify-content:space-between;align-items:start;display:flex}.compact-heading span{color:var(--orange);text-transform:uppercase;font:700 9px var(--font-geist-mono);letter-spacing:.07em}.compact-list{grid-template-columns:1fr 1fr;gap:7px 16px;display:grid}.compact-list>div{grid-template-columns:84px 1fr 70px;align-items:center;gap:8px;min-width:0;display:grid}.compact-list span,.compact-list b{text-transform:uppercase;white-space:nowrap;font:650 8.5px var(--font-geist-mono);letter-spacing:.01em}.compact-list b{color:#8aa7ac;text-align:right}.compact-list>div>div{gap:2px;display:flex}.compact-list i{background:#46636a;flex:1;height:4px}.compact-list i.damaged{background:var(--orange)}.compact-list .sunk{opacity:.55}.compact-list .sunk span{text-decoration:line-through}.compact-list .sunk b{color:var(--orange)}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#031218b8;place-items:center;padding:22px;animation:.22s ease-out both modal-fade;display:grid;position:fixed;inset:0}.intel-modal,.results-modal{background:var(--paper);border:1px solid #86e5e059;width:min(760px,100%);max-height:min(760px,100svh - 44px);padding:28px;animation:.3s cubic-bezier(.2,.8,.3,1.1) both modal-rise;position:relative;overflow:auto;box-shadow:0 25px 70px #00000061}.modal-close{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:0 0;border-radius:50%;font-size:23px;line-height:1;position:absolute;top:14px;right:16px}.modal-close:hover{color:var(--orange);border-color:var(--orange)}.intel-modal .eyebrow,.results-modal .eyebrow{margin-bottom:8px}.intel-modal h2,.results-modal h2{letter-spacing:-.045em;font-size:clamp(27px,4vw,42px)}.intel-grid{grid-template-columns:1.1fr .9fr;gap:34px;margin-top:22px;display:grid}.intel-grid h3{color:#47656c;text-transform:uppercase;letter-spacing:.09em;font:800 10px var(--font-geist-mono);margin:0 0 8px}.intel-grid h3:not(:first-child){margin-top:22px}.intel-grid ul{color:#38545c;margin:0;padding-left:18px;font-size:12px;line-height:1.55}.intel-grid li+li{margin-top:6px}.intel-grid li::marker{color:var(--orange)}.intel-rewards{border:1px solid var(--line)}.intel-rewards>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 54px 78px;align-items:center;gap:8px;min-height:39px;padding:7px 9px;display:grid}.intel-rewards>div:last-child{border-bottom:0}.intel-rewards span,.intel-rewards small,.intel-rewards b{text-transform:uppercase;font:750 8.5px var(--font-geist-mono)}.intel-rewards small{color:#6d8589}.intel-rewards b{color:var(--orange);text-align:right}.intel-ship-name{align-items:center;gap:7px;min-width:0;display:inline-flex!important}.intel-ship-icon{background:#173f49;flex:none;width:32px;height:9px;display:inline-block;position:relative;box-shadow:inset 0 0 0 1px #54767a}.intel-ship-icon:before,.intel-ship-icon:after{content:"";display:block;position:absolute}.intel-ship-icon.ship-patrol-boat{background:#315e64;border-radius:5px 2px 2px 5px;width:22px;height:6px}.intel-ship-icon.ship-patrol-boat:before{background:#e8c05e;border:1px solid #b9d9d6;border-radius:1px;width:6px;height:4px;top:-3px;left:8px}.intel-ship-icon.ship-destroyer{clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%)}.intel-ship-icon.ship-destroyer:before{background:#a8c4c4;width:3px;height:11px;top:-5px;left:14px;box-shadow:-5px 4px 0 -1px #6c9599,5px 4px 0 -1px #6c9599}.intel-ship-icon.ship-submarine{background:#102f38;border-radius:8px;height:8px}.intel-ship-icon.ship-submarine:before{background:#173f49;border:1px solid #53777a;border-bottom:0;width:8px;height:4px;top:-4px;left:12px}.intel-ship-icon.ship-battleship{background:#1a4852;border-radius:2px 6px 6px 2px;height:10px}.intel-ship-icon.ship-battleship:before{background:#c8dcd7;border-radius:50%;width:3px;height:3px;top:3px;left:7px;box-shadow:8px 0 #c8dcd7,16px 0 #c8dcd7}.intel-ship-icon.ship-carrier{background:#183f49;border-radius:5px 9px 9px 5px;width:38px;height:11px}.intel-ship-icon.ship-carrier:before{background:#8eabad;height:2px;top:4px;left:5px;right:5px;box-shadow:11px -3px 0 -1px #e1c463}.intel-note{color:#637b80;font:600 9px/1.5 var(--font-geist-mono);margin:16px 0 0}.results-backdrop{background:#031218cc}.results-modal{width:min(540px,100%);color:var(--cream);background:var(--deep);border-color:#86e5e073;overflow:visible}.results-modal.defeat{border-color:#ff63398c}.results-modal h2{color:var(--cream)}.results-modal .eyebrow{color:#91afb2}.result-grade{border:2px solid var(--orange);width:72px;height:72px;color:var(--orange);place-items:center;display:grid;position:absolute;top:25px;right:27px;transform:rotate(3deg)}.result-grade span{text-transform:uppercase;letter-spacing:.12em;font:750 7px var(--font-geist-mono);position:absolute;top:7px}.result-grade strong{font:900 38px/1 var(--font-geist-mono);margin-top:10px}.result-stats{border:1px solid #efe9d926;grid-template-columns:repeat(3,1fr);margin-top:25px;display:grid}.result-stats>div{border-bottom:1px solid #efe9d91f;border-right:1px solid #efe9d91f;padding:12px}.result-stats>div:nth-child(3n){border-right:0}.result-stats>div:nth-last-child(-n+3){border-bottom:0}.result-stats span,.result-stats strong{text-transform:uppercase;font-family:var(--font-geist-mono);display:block}.result-stats span{color:#88a6aa;letter-spacing:.08em;font-size:8px}.result-stats strong{color:var(--cream);margin-top:5px;font-size:20px}.result-actions{grid-template-columns:1fr 1.2fr;gap:10px;margin-top:18px;display:grid}.result-actions button{text-transform:uppercase;letter-spacing:.08em;min-height:46px;font:800 10px var(--font-geist-mono)}.secondary-action{color:var(--cream);background:0 0;border:1px solid #526f77}.primary-action{color:#fff7e8;background:var(--orange);border:0;justify-content:space-between;align-items:center;padding:0 17px;display:flex;box-shadow:0 4px #a82d13}@keyframes shake{0%,to{transform:rotate(-2deg)}50%{transform:translateY(-2px)rotate(2deg)}}@keyframes impact{0%{filter:brightness(2);transform:scale(.82)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}@keyframes blast-core{0%{opacity:0;transform:scale(.15)}18%{opacity:1;transform:scale(1.25)}65%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.7)}}@keyframes blast-rays{0%{opacity:0;transform:scale(.1)rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(1.55)rotate(16deg)}}@keyframes debris{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(210deg);opacity:0}}@keyframes missile-flight-hit{0%{opacity:0;transform:translate(84px,72px)rotate(-137deg)scale(.72)}12%{opacity:1}82%{opacity:1;transform:translate(-8px,-7px)rotate(-137deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-137deg)scale(.35)}}@keyframes missile-flight-water{0%{opacity:0;transform:translate(84px,72px)rotate(-137deg)scale(.72)}12%{opacity:1}80%{opacity:1;transform:translate(-8px,-7px)rotate(-137deg)scale(1)}to{opacity:0;transform:translate(-50%,calc(5px - 50%))rotate(-112deg)scale(.18)}}@keyframes missile-fragment{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}10%{opacity:1}to{transform:translate(var(--fx), var(--fy)) rotate(190deg) scale(.65);opacity:0}}@keyframes bonus-pop{0%{opacity:0;transform:translateY(12px)scale(.8)}15%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.96)}}@keyframes supply-reveal{0%{opacity:0;transform:translateY(-18px)rotate(-8deg)scale(.4)}65%{opacity:1;transform:translateY(3px)rotate(3deg)scale(1.12)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes supply-collect{0%{opacity:1;transform:scale(1.15)}to{opacity:.58;transform:scale(.9)}}@keyframes splash-core{0%{opacity:0;transform:scale(.25)}18%{opacity:1;transform:scale(1.15)}65%{opacity:.85}to{opacity:0;transform:scale(1.8)}}@keyframes water-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(3.2)}}@keyframes water-plume{0%{transform-origin:bottom;opacity:0;transform:translate(-50%)scaleY(.08)scaleX(.4)}28%{transform-origin:bottom;opacity:1;transform:translate(-50%)scaleY(1.05)scaleX(1)}to{transform-origin:bottom;opacity:0;transform:translate(-50%)scaleY(.55)scaleX(1.35)}}@keyframes water-drop{0%{opacity:0;transform:translate(0)scale(.35)}22%{opacity:1}to{transform:translate(var(--sx), var(--sy)) scale(.8);opacity:0}}@keyframes target-lock{0%{opacity:0;transform:scale(1.45)rotate(-12deg)}70%{opacity:1;transform:scale(.94)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes adjacent-pulse{0%,to{opacity:.48;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@keyframes sonar-scan{0%{opacity:0;transform:translate(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(510%)}}@keyframes sonar-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(6)}}@keyframes scan-label{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.94)}}@keyframes fleet-materialize{0%{opacity:0;filter:blur(3px)brightness(2.2)}65%{opacity:1;filter:blur()brightness(1.35)}to{opacity:1;filter:none}}@keyframes intel-guide-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}}@media (width<=900px){.game-shell{height:auto;min-height:100vh;padding-bottom:50px;overflow:visible}.hero{flex-direction:column;flex-basis:auto;align-items:start;gap:25px}.command-grid{grid-template-columns:1fr}.board-panel{border-right:0;border-bottom:1px solid var(--line);min-height:620px}.radio-message,.compact-fleet{margin-top:20px}}@media (width<=580px){html,body{width:100%;overflow-x:hidden}.game-shell{height:100svh;min-height:0;padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));overflow:hidden}.topbar{flex-basis:50px;height:50px}.brand{gap:8px}.brand-mark{width:32px;height:32px;font-size:10px}.brand strong{font-size:12px}.brand small{display:none}.top-actions{gap:3px}.intel-guide{width:198px;padding:13px 14px;left:-56px;right:auto}.intel-guide:before{left:70px;right:auto}.intel-guide p{font-size:10px}.utility-button{letter-spacing:.04em;min-height:32px;padding:0 6px;font-size:7px}.utility-button.active:before{display:none}.new-game{gap:8px;min-height:44px;padding:0 2px 0 12px;font-size:9px}.hero{display:none}.command-grid{height:auto;min-height:0;box-shadow:none;border:0;flex:auto;grid-template-rows:minmax(0,1fr) auto}.board-panel{min-height:0;padding:9px 7px 7px;overflow:hidden}.panel-heading{margin-bottom:5px}.panel-heading h2{font-size:15px}.panel-heading .kicker{font-size:8px}.status{letter-spacing:.07em;gap:6px;padding:6px 7px;font-size:7px}.board-wrap{aspect-ratio:1;flex:none;grid-template-rows:18px repeat(6,minmax(0,1fr));grid-template-columns:18px repeat(6,minmax(0,1fr));gap:2px;width:min(100%,100svh - 340px)}.axis{font-size:10px}.cell{min-width:0;min-height:0}.cell.adjustable:after{inset:5px}.target-reticle{width:68%}.supply-drop{border-width:1.5px;width:23px;height:18px}.supply-drop:before{width:3px;left:8px}.supply-drop:after{height:2px;top:7px}.supply-drop i{top:7px;left:9px}.legend{letter-spacing:.05em;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:5px 0 0;font-size:6.5px}.control-panel{display:none}.mobile-control-dock{z-index:12;background:var(--deep);color:var(--cream);padding:9px 10px max(8px, env(safe-area-inset-bottom));flex:none;display:block;position:relative;box-shadow:0 -8px 22px #0419212e}.mobile-readout{border-bottom:1px solid #efe9d924;grid-template-columns:1.2fr repeat(3,1fr);padding-bottom:7px;display:grid}.mobile-readout>div{border-right:1px solid #efe9d91f;min-width:0;padding:0 7px}.mobile-readout>div:first-child{padding-left:0}.mobile-readout>div:last-child{border-right:0;padding-right:0}.mobile-readout span,.mobile-readout strong{text-transform:uppercase;font-family:var(--font-geist-mono);display:block}.mobile-readout span{color:#86a5aa;letter-spacing:.08em;font-size:7px;font-weight:700}.mobile-readout strong{color:var(--cream);margin-top:2px;font-size:17px;line-height:1}.mobile-readout>div:first-child strong{color:var(--orange);font-size:23px}.mobile-readout .shield-ready{color:var(--cyan);text-shadow:0 0 8px #86e5e073}.mobile-targeting{grid-template-columns:82px minmax(0,1fr);align-items:stretch;gap:9px;margin-top:8px;display:grid}.mobile-dice{min-height:48px;color:var(--deep);background:var(--cream);border-radius:4px;grid-template-columns:1fr auto 1fr;place-items:center;gap:3px;padding:0 8px;display:grid;box-shadow:inset 0 -3px #00000024}.mobile-dice span{font:900 22px/1 var(--font-geist-mono)}.mobile-dice i{color:#6d8589;font:normal 12px/1 var(--font-geist-mono)}.mobile-dice.rolling{animation:.15s linear infinite shake}.mobile-fire-button{min-height:48px;font-size:12px;box-shadow:0 4px #a82d13}.mobile-message{color:#a9c8c8;min-height:20px;max-height:28px;font:550 8.5px/1.35 var(--font-geist-mono);margin:7px 0 0;overflow:hidden}.mobile-message>span{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin:0 6px 0 1px;display:inline-block}.mobile-message.success{color:var(--cyan)}.mobile-message.danger{color:#ffab92}.mobile-message.danger>span{background:var(--orange)}.missile-card h2{font-size:17px}.missile-card strong{font-size:40px}.missile-icons{margin:8px 0 11px}.mission-stats{grid-template-columns:repeat(2,1fr)}.mission-stats>div{min-height:54px;padding:9px 10px}.mission-stats>div:nth-child(2){border-right:0}.mission-stats>div:nth-child(-n+2){border-bottom:1px solid #efe9d91f}.mission-stats span,.mission-stats small{font-size:8px}.mission-stats strong{font-size:19px}.dice-section{padding-top:12px}.dice-row{margin-top:8px}.die{width:68px;height:68px}.command-guide{min-height:46px;padding:7px 9px}.command-guide b{font-size:9px}.command-guide small{font-size:8px}.coordinate{margin:9px 0 10px;font-size:15px}.fire-button{min-height:56px;padding:0 18px;font-size:13px}.radio-message{min-height:52px;margin-top:13px;padding:10px 11px}.radio-message p{font-size:10px}.compact-fleet{margin-top:18px}.compact-heading{align-items:center;gap:12px}.compact-heading span{font-size:8px}.compact-list{grid-template-columns:1fr;gap:8px}.compact-list>div{grid-template-columns:92px 1fr 76px;min-height:24px}.compact-list span,.compact-list b{font-size:9px}.modal-backdrop{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))}.intel-modal,.results-modal{max-height:calc(100svh - 24px);padding:22px 18px}.intel-grid{grid-template-columns:1fr;gap:22px;margin-top:17px}.intel-grid h3:not(:first-child){margin-top:17px}.intel-grid ul{font-size:11px;line-height:1.45}.modal-close{top:10px;right:11px}.result-grade{width:62px;height:62px;top:18px;right:18px}.result-grade strong{font-size:32px}.results-modal h2{max-width:calc(100% - 70px);font-size:27px}.result-stats>div{padding:10px 8px}.result-stats strong{font-size:17px}}@media (width<=580px) and (-webkit-touch-callout:none){.mobile-control-dock{padding-bottom:max(68px, calc(env(safe-area-inset-bottom) + 38px))}}@media (width<=580px) and (display-mode:standalone){.mobile-control-dock{padding-bottom:max(8px, env(safe-area-inset-bottom))}}@media (width<=380px){.game-shell{padding-left:7px;padding-right:7px}.board-panel{padding-left:6px;padding-right:6px}.legend{gap:9px}.mobile-control-dock{padding-left:8px;padding-right:8px}.mobile-targeting{grid-template-columns:74px minmax(0,1fr);gap:7px}.brand strong{font-size:10px}.utility-button{padding:0 4px;font-size:6.5px}.new-game{padding-left:4px;font-size:7.5px}}@media (orientation:landscape) and (height<=600px) and (width<=1000px){.game-shell{height:auto;min-height:100svh;padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow:visible}.topbar{flex-basis:46px;height:46px}.hero{display:none}.command-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:390px}.board-panel{border-right:1px solid var(--line);border-bottom:0;min-height:390px;padding:10px 14px 8px}.panel-heading{margin-bottom:6px}.board-wrap{aspect-ratio:1;flex:none;width:min(100%,330px)}.legend{margin-top:6px}.control-panel{min-height:390px;padding:10px 16px}.missile-card h2{font-size:14px}.missile-card strong{font-size:34px}.missile-icons{margin:5px 0 7px}.missile-icons span{height:12px}.mission-stats{margin-bottom:7px}.mission-stats>div{padding:5px 7px}.dice-section{padding-top:7px}.dice-row{margin-top:4px}.die{width:50px;height:50px;padding:9px}.letter-die strong{font-size:27px}.command-guide{min-height:34px;margin-top:5px;padding:4px 7px}.coordinate{margin:5px 0 6px}.fire-button{min-height:42px}.radio-message{min-height:35px;margin-top:8px;padding:6px 8px}.compact-fleet{display:none}}@media (width>=1001px) and (height<=820px){.hero{flex-basis:92px;margin-top:12px;margin-bottom:12px}h1{font-size:48px}.intro{font-size:11px;line-height:1.55}.topbar{flex-basis:54px;height:54px}.brand-mark{width:32px;height:32px}.board-panel,.control-panel{padding-top:16px;padding-bottom:13px}.die{width:58px;height:58px;padding:11px}.die i{width:7px;height:7px}.missile-icons{margin-bottom:9px}.radio-message{margin-top:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!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}