@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");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}:root{color:#203c43;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy:#173a44;--muted:#77848a;--coral:#d9603f;--line:#e1e6e3;background:#f7f8f5;font-family:DM Sans Variable,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #e59a53}button,a{color:inherit}button svg{flex-shrink:0}button{border:0}h1,h2,h3,p{margin:0}button,a{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}::selection{background:#f2c5b6}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1232px;height:104px;margin:auto;padding:0 36px;display:flex}.brand{letter-spacing:1.1px;align-items:center;gap:12px;font-family:Manrope Variable,sans-serif;font-size:17px;font-weight:800;line-height:1.3;text-decoration:none;display:flex}.brand-icon{background:var(--navy);color:#fff;border-radius:10px;place-items:center;width:43px;height:45px;display:grid}.brand-light{margin-left:3px;font-weight:500}.brand small{letter-spacing:2.3px;color:#7b878a;margin-top:5px;font:500 9px DM Sans Variable,sans-serif;display:block}.header-actions{align-items:center;gap:30px;display:flex}.offline-label{letter-spacing:1.2px;color:#687c7c;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.offline-label i{background:#5c9984;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #e6eee8}.text-button{background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px 5px;font-size:12px;font-weight:500;display:inline-flex}.text-button:hover{color:var(--coral);background:#f0f1eb}main{max-width:1160px;margin:0 auto;padding:43px 0 0}.intro{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.8px;color:#6e7e80;align-items:center;gap:7px;margin-bottom:11px;font-size:9px;font-weight:700;display:flex}.eyebrow span{background:var(--coral);width:5px;height:5px}h1{letter-spacing:-1.4px;font:750 clamp(28px,3.4vw,39px)/1.2 Manrope Variable,sans-serif}h1>span{color:#88918d;font-weight:500}.intro-description{color:#748180;margin-top:10px;font-size:13px}.secondary-button{white-space:nowrap;background:#fcfdfa;border:1px solid #dbe2dd;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:10px 14px;font-size:11px;font-weight:600;display:inline-flex}.secondary-button:hover{background:#eaf0e9;border-color:#bdcbc1}.new-game{margin-top:18px}.mission-bar{background:#edf2e9;border:1px solid #dce5db;border-radius:9px;align-items:center;gap:15px;min-height:89px;margin-bottom:23px;padding:18px 24px;display:flex}.mission-icon{color:#5d7a64;border:1px solid #d4dfd1;border-radius:50%;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.mission-copy h2{margin-bottom:5px;font-size:14px;font-weight:650}.mission-copy p{color:#738171;font-size:11px;line-height:1.5}.mission-step{color:#778471;white-space:nowrap;border-left:1px solid #d6e0d1;align-items:center;gap:12px;margin-left:auto;padding-left:25px;display:flex}.step-number{color:#8d9d83;font:500 31px/1 Manrope Variable,sans-serif}.mission-step>span:last-child{letter-spacing:1.1px;font-size:8px;line-height:1.7}.mission-step b{color:#586e50;font-weight:700}.boards{grid-template-columns:1fr 1fr;gap:23px;display:grid}.board-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 7px #1b393b02}.board-heading{justify-content:space-between;align-items:center;gap:8px;padding:20px 25px 13px;display:flex}.board-title{align-items:center;gap:10px;display:flex}.icon-tile{color:#527569;background:#eaf0ed;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.icon-tile.coral{color:#c37761;background:#fcf0eb}.board-title h2{letter-spacing:-.3px;font:700 16px/1.4 Manrope Variable,sans-serif}.board-title p{letter-spacing:1.5px;color:#8d9798;margin-top:2px;font-size:8px}.tag{letter-spacing:1px;color:#7b8c80;white-space:nowrap;border:1px solid #e1e7e2;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:600}.tag-live{color:#bb563b;background:#fff3ed;border-color:#f1cabb}.board-area{padding:0 25px 20px;position:relative}.board-grid{aspect-ratio:1.075;grid-template-columns:22px repeat(10,minmax(0,1fr));align-content:stretch;gap:4px;width:100%;display:grid}.board-row{display:contents}.axis{color:#9ba7a7;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font:500 9px DM Sans Variable,sans-serif;display:flex}.axis-corner{color:#b1bfba;place-items:center;font-size:17px;display:grid}.cell{color:#57766b;aspect-ratio:1;isolation:isolate;background:#f0f4f3;border:1px solid #e5ebe8;border-radius:3px;place-items:center;min-width:0;min-height:0;padding:0;transition:background .12s,border-color .12s;display:grid;position:relative;outline-offset:1px!important}.water-point{background:#d1ddd8;border-radius:50%;width:2px;height:2px}.cell[aria-disabled=false]:hover{cursor:crosshair;background:#dce6e1;border-color:#a5c0b3}.cell[aria-disabled=true]{cursor:default}.cell.occupied{background:#8ba99b;border-color:#789a89}.ship-core{background:#6a8c7d;border-radius:2px;width:52%;height:33%}.cell.selected-ship{background:#789b8b}.cell.preview-valid,.cell.preview-valid[aria-disabled=false]:hover{background:#b0c8b1;border-color:#709a72}.cell.preview-invalid,.cell.preview-invalid[aria-disabled=false]:hover{background:#f3c8bb;border-color:#d78670}.cell.hit{color:#c7573b;background:#f8e3da;border-color:#efc4b2}.cell.hit.occupied{background:#f3d2c4;border-color:#d6957c}.cell.sunk{color:#fff2e7;background:#c56550;border-color:#af5140}.cell.miss{background:#f3f5f4;border-color:#e8ece9}.miss-mark{background:#a4b5b4;border-radius:50%;width:6px;height:6px}.hit-mark{width:55%;max-width:21px;height:55%}.board-footer{color:#84928c;background:#fdfefc;border-top:1px solid #ebeeeb;justify-content:space-between;align-items:center;gap:10px;padding:14px 25px;font-size:10px;display:flex}.board-footer>span:first-child{align-items:center;gap:6px;display:flex}.board-footer>span:last-child{letter-spacing:1px;font-size:8px}.tiny-dot{background:#7da48c;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.radar-overlay{pointer-events:none;text-align:center;background:#f3f5f1ed radial-gradient(#ecf0e5a8,#0000 80%);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:23px 25px 20px 47px}.radar-graphic{color:#809b76;border:1px solid #d4dfd2;border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:17px;display:grid;box-shadow:0 0 0 15px #e5ebe13d,0 0 0 30px #e5ebe12a}.radar-overlay h3{letter-spacing:-.5px;color:#6e826a;font:600 23px/1.35 Manrope Variable,sans-serif}.radar-overlay p{color:#98a18f;margin-top:10px;font-size:11px;line-height:1.8}.radar-coordinate{letter-spacing:1.5px;color:#9aa991;font-size:7px;position:absolute;bottom:24px}.deployment-panel{border:1px solid var(--line);background:#fff;border-radius:9px;margin-top:23px;padding:23px 25px 19px}.deployment-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.deployment-top h2,.battle-panel h2{font-size:13px;font-weight:650}.deployment-top h2 span,.battle-panel h2 span{color:#9ba69f;letter-spacing:1px;margin-left:11px;font-size:8px;font-weight:500}.deployment-top p{color:#8a968e;margin-top:5px;font-size:11px}.placement-actions{align-items:center;gap:8px;display:flex}kbd{color:#8b9886;background:#e9ede6;border-radius:3px;margin-left:5px;padding:2px 5px;font:9px inherit}.fleet-selection{grid-template-columns:repeat(5,1fr);gap:11px;margin-top:19px;display:grid}.ship-choice{text-align:left;background:#fbfcf9;border:1px solid #e5eae3;border-radius:6px;min-height:73px;padding:12px;transition:all .15s}.ship-choice.chosen{background:#eef3ea;border-color:#90aa7c;box-shadow:0 0 0 1px #90aa7c}.ship-choice:hover{border-color:#90aa7c}.ship-choice-top{justify-content:space-between;align-items:center;gap:5px;margin-bottom:10px;font-size:11px;font-weight:500;display:flex}.ship-choice-top>span:last-child{color:#99a591;font-size:9px;display:flex}.ship-choice.deployed .ship-choice-top>span:last-child{color:#5d815c}.ship-silhouette{align-items:center;gap:2px;height:13px;display:inline-flex;position:relative}.ship-silhouette i{background:#819580;border-radius:1px;width:14px;height:10px;display:block}.ship-silhouette i:first-child{clip-path:polygon(0 45%,35% 0,100% 0,100% 100%,35% 100%)}.ship-silhouette i:last-child{border-radius:1px 4px 4px 1px}.ship-silhouette:before{content:"";background:#819580;border-radius:2px 2px 0 0;width:17px;height:5px;position:absolute;top:-3px;left:22px}.is-sunk i,.is-sunk:before{background:#c57660}.deployment-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:19px;display:flex}.notice{color:#8c998f;align-items:center;gap:6px;font-size:10px;line-height:1.6;display:flex}.error-notice{color:#b34630}.primary-button{background:var(--navy);color:#fff;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:24px;min-height:43px;padding:13px 20px;font-size:12px;font-weight:550;display:inline-flex}.primary-button:hover{background:#285561;box-shadow:0 3px 8px #173a4422}.primary-button:disabled{color:#a0ad99;box-shadow:none;background:#e7ebe4}.legend{color:#9ba6a0;justify-content:space-between;align-items:center;gap:15px;padding:22px 2px 35px;font-size:10px;display:flex}.legend>div{gap:22px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend p{align-items:center;gap:8px;font-size:10px;font-style:italic;display:flex}.legend-ship{background:#8ba99b;border:1px solid #789a89;border-radius:2px;width:10px;height:10px}.legend-hit{color:#cf6e52}.legend-miss{background:#a4b5b4;border-radius:50%;width:5px;height:5px;margin:0 3px}.legend-sunk{background:#c56550;border-radius:2px;width:10px;height:10px}.site-footer{border-top:1px solid var(--line);letter-spacing:.9px;color:#9da79f;justify-content:space-between;align-items:center;gap:20px;max-width:1232px;margin:auto;padding:23px 36px 28px;font-size:8px;display:flex}.site-footer>span:first-child{letter-spacing:1px;color:#728174;font-weight:700}.site-footer i{color:#a1aaa1;letter-spacing:0;margin-left:8px;font-style:normal;font-weight:400}.site-footer a{letter-spacing:0;align-items:center;gap:5px;font-size:9px;text-decoration:none;display:flex}.site-footer a:hover{color:var(--coral)}.battle-panel{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:1fr 1fr;margin-top:23px;display:grid;overflow:hidden}.fleet-status-panel,.activity-panel{padding:23px 25px}.activity-panel{border-left:1px solid var(--line);background:#fdfefb}.battle-panel h2{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.fleet-status-list{gap:10px;display:grid}.fleet-status-row{align-items:center;gap:14px;font-size:11px;display:flex}.fleet-status-row>span:first-child{justify-content:space-between;align-items:center;width:110px;padding-right:20px;display:flex}.fleet-status-row small{color:#a1afa2;font-size:9px}.fleet-status-row .ship-silhouette{transform-origin:0;margin-right:auto;transform:scale(.8)}.fleet-dot{background:#86a48d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #f1f6ed}.enemy-dot{background:#b5c5ac;margin-left:15px}.fleet-dot.lost{background:#c56550;box-shadow:0 0 0 3px #fcf0eb}.activity-panel ol{align-content:start;gap:12px;min-height:100px;margin:0;padding:0;list-style:none;display:grid}.activity-panel li{color:#9ba59b;align-items:flex-start;gap:7px;font-size:11px;line-height:1.4;display:flex}.activity-panel li svg{flex-shrink:0;margin-top:1px}.activity-panel li.latest{color:#4a6654}.activity-hint{color:#a2ad9c;margin-top:12px;font-size:10px;font-style:italic}.victory-bar{background:#e2efdc;border-color:#bdd6b0}.defeat-bar{background:#fbebe4;border-color:#eccbbb}.defeat-bar .mission-icon{color:#b36a52;border-color:#e3bfad}.defeat-bar .mission-copy p,.defeat-bar .mission-step{color:#a77c67}.defeat-bar .mission-step{border-color:#e6c6b7}.modal{color:var(--navy);background:#fcfdf9;border:1px solid #dce3d8;border-radius:14px;width:calc(100% - 32px);max-width:540px;max-height:85dvh;padding:34px;overflow-y:auto;box-shadow:0 25px 80px #173a4429}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18343cb3}.modal h2{letter-spacing:-.6px;padding-right:20px;font:700 24px Manrope Variable,sans-serif}.close-button{color:#789078;background:#eef1e8;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:15px;right:15px}.close-button:hover{background:#dfe7da}.modal-intro{color:#83917c;margin:12px 0 22px;font-size:13px;line-height:1.7}.rules-list{padding-left:22px;font-size:13px}.rules-list li{margin:20px 0;padding-left:7px}.rules-list li::marker{color:#c37852;font-weight:700}.rules-list p{color:#7a8978;margin-top:5px;font-size:12px;line-height:1.8}.keyboard-note{color:#83917d;background:#eef3e8;border-radius:6px;margin-bottom:24px;padding:13px;font-size:11px;line-height:1.7}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.scanning-icon{animation:3s linear infinite scan}@keyframes scan{to{transform:rotate(360deg)}}@media (width>=1450px){main{padding-top:48px}.board-area{padding:0 29px 23px}.board-grid{gap:5px}.board-heading{padding:23px 29px 16px}.radar-overlay{inset:23px 29px 23px 51px}}@media (width<=1231px){main{margin:0 36px}}@media (width<=850px){.site-header{height:90px;padding:0 24px}main{margin:0 24px;padding-top:30px}.boards{gap:15px}.board-heading{padding:17px 15px 12px}.board-area{padding:0 14px 15px}.board-grid{grid-template-columns:17px repeat(10,minmax(0,1fr));gap:3px}.radar-overlay{inset:20px 14px 15px 34px}.board-title h2{font-size:14px}.icon-tile{width:30px;height:30px}.tag{letter-spacing:.4px;padding:4px;font-size:7px}.board-title{gap:7px}.board-footer{padding:12px 15px;font-size:9px}.board-footer>span:last-child{font-size:7px}.radar-graphic{width:65px;height:65px;margin-bottom:12px}.radar-overlay h3{font-size:20px}.radar-overlay p{font-size:10px}.radar-coordinate{font-size:6px;bottom:14px}.deployment-panel{padding:20px}.ship-choice{padding:10px}.ship-choice-top{font-size:10px}.ship-choice-top>span:last-child{font-size:8px}.ship-silhouette i{width:11px}.ship-silhouette:before{width:15px;left:17px}.mission-step{padding-left:16px}.fleet-status-panel,.activity-panel{padding:20px}.fleet-status-row{gap:6px}.fleet-status-row>span:first-child{width:91px;padding-right:12px}.legend{font-size:9px}.legend>div{gap:15px}.legend p{font-size:9px}.site-footer{padding:22px 24px}.site-footer>span:nth-child(2){letter-spacing:.6px;font-size:7px}.header-actions{gap:20px}}@media (width<=640px){.site-header{height:78px;padding:0 18px}.brand{gap:8px;font-size:13px}.brand-icon{border-radius:8px;width:34px;height:37px}.brand small{letter-spacing:1.6px;font-size:7px}.header-actions{gap:10px}.offline-label{display:none}.text-button{font-size:11px}.header-actions .text-button{min-width:40px;min-height:40px}.header-actions .text-button span{display:none}main{margin:0 16px;padding-top:27px}.intro{align-items:flex-end;margin-bottom:23px}.eyebrow{letter-spacing:1.2px;font-size:7px}h1{letter-spacing:-1px;font-size:27px}h1>span{display:block}.intro-description{max-width:215px;font-size:11px;line-height:1.6}.new-game{gap:5px;margin:0 0 4px;padding:9px 10px;font-size:10px}.mission-bar{gap:10px;min-height:95px;margin-bottom:17px;padding:15px 13px}.mission-copy h2{font-size:12px}.mission-copy p{font-size:10px;line-height:1.7}.mission-icon{width:31px;height:31px}.mission-icon svg{width:18px}.mission-step{display:none}.boards{grid-template-columns:1fr;gap:17px}.board-heading{padding:19px 20px 12px}.board-title h2{font-size:16px}.board-title p{font-size:8px}.icon-tile{width:34px;height:34px}.tag{letter-spacing:.8px;padding:5px 7px;font-size:7px}.board-area{padding:0 20px 20px}.board-grid{aspect-ratio:1.075;grid-template-columns:20px repeat(10,minmax(0,1fr));gap:4px}.axis{font-size:9px}.board-footer{padding:13px 20px;font-size:10px}.board-footer>span:last-child{font-size:8px}.radar-overlay{inset:23px 20px 20px 44px}.radar-graphic{width:70px;height:70px;margin-bottom:15px}.radar-overlay h3{font-size:23px}.radar-overlay p{font-size:11px}.radar-coordinate{font-size:6px;bottom:19px}.deployment-panel{margin-top:17px;padding:18px 16px}.deployment-top{flex-wrap:wrap;gap:14px}.placement-actions{justify-content:flex-end;gap:7px;width:100%}.placement-actions .text-button{min-height:40px;margin-right:auto}.secondary-button{min-height:40px;padding:9px 10px;font-size:10px}.fleet-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.ship-choice{min-height:75px;padding:12px}.ship-choice-top{font-size:11px}.ship-choice-top>span:last-child{font-size:9px}.ship-silhouette i{width:13px}.ship-silhouette:before{left:20px}.ship-choice:last-child{grid-column:1/-1}.deployment-bottom{flex-direction:column;align-items:stretch;gap:14px;margin-top:17px}.notice{align-items:flex-start;min-height:30px;font-size:10px}.notice .tiny-dot{margin-top:6px}.primary-button{min-height:45px;font-size:12px}.legend{flex-direction:column;gap:17px;padding:20px 0 26px}.legend>div{gap:23px}.legend p{font-size:10px}.site-footer{flex-wrap:wrap;gap:16px;padding:22px 18px;font-size:8px}.site-footer>span:nth-child(2){order:3;width:100%;font-size:7px}.battle-panel{grid-template-columns:1fr;margin-top:17px}.fleet-status-panel,.activity-panel{padding:20px}.activity-panel{border-left:0;border-top:1px solid var(--line)}.fleet-status-row{gap:15px}.fleet-status-row>span:first-child{width:105px}.fleet-status-row .ship-silhouette{transform:scale(.9)}.fleet-dot{margin-left:5px}.modal{padding:27px 22px}.modal h2{font-size:22px}.modal-actions .primary-button{gap:10px}.modal-actions .secondary-button,.modal-intro{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}