@font-face{font-family:BoldPixels;src:url(/assets/fonts/boldpixels.woff2) format("woff2");font-display:swap;font-weight:400}:root{font-family:BoldPixels,monospace;color:#eff3dd;background:#072a40;font-synthesis:none;font-weight:400;--paper: #f1f1d9;--muted: #93b4ba;--gold: #e6c66a;--sea: #08293c;--red: #ff9c7d}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button,a{color:inherit}button{border:0;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:not(:disabled),a{transition:color .15s,background .15s,opacity .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{text-decoration:none}img,canvas{image-rendering:pixelated}button{background:none}button[hidden],[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2,h3{font-weight:400}#sea{position:fixed;inset:0;z-index:0;touch-action:none}#sea canvas{display:block}.sea-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,13,25,.75) 0%,rgba(0,18,30,.27) 45%,transparent 78%),linear-gradient(0deg,rgba(0,13,25,.42),transparent 25%);transition:opacity 1s}body.in-match .sea-shade{opacity:.5;background:linear-gradient(0deg,rgba(0,13,25,.8),transparent 25%,transparent 77%,rgba(0,13,25,.7))}body.in-match .masthead{justify-content:flex-end}body.in-match .wordmark{display:none}.masthead{position:fixed;top:32px;left:42px;right:42px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{display:flex;align-items:center;gap:14px;font-size:25px;letter-spacing:2px}.wordmark img{width:27px;height:27px;filter:brightness(0) saturate(100%) invert(86%) sepia(12%) saturate(585%)}.wordmark small{display:block;font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-top:6px}.header-right{display:flex;align-items:center;gap:28px}.radio{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;color:var(--muted)}.radio i,.pulse-dot{width:5px;height:5px;display:inline-block;background:var(--gold);box-shadow:0 0 10px #e6c66a44}.radio.online i{background:#97d5b7}.text-button{font-size:12px;letter-spacing:1px;padding:8px 0;white-space:nowrap}.text-button:hover{color:var(--gold)}#settings-open{font-size:17px}#settings-open span{font-size:12px;margin-left:7px}.lobby{position:absolute;z-index:2;left:10%;top:50%;transform:translateY(-44%);width:390px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);display:flex;align-items:center;gap:12px;line-height:1.5}.small-rule{width:24px;height:2px;display:inline-block;background:var(--gold)}h1{font-size:clamp(66px,6.7vw,96px);line-height:.99;letter-spacing:-2px;margin:24px 0 20px}h1 em{font-style:normal;color:var(--gold)}.lede{font-size:19px;line-height:1.4;color:#aac7c9}.start-form{margin-top:0;width:330px}.field-label{font-size:11px;letter-spacing:1.5px;color:var(--muted);display:block}.start-form input{width:100%;background:none;border:0;border-bottom:1px solid #98c3c146;padding:12px 0 9px;color:var(--paper);font-size:21px;border-radius:0;outline-offset:3px}.start-form input::placeholder{color:#83a7b199}.captain-field{margin:21px 0 0;padding:0;border:0}.captain-picker{display:flex;gap:10px;margin-top:12px}.captain-choice{padding:0;position:relative;opacity:.5;width:45px;height:49px;overflow:visible}.captain-choice img{width:100%;height:100%;object-fit:cover;object-position:top}.captain-choice[aria-pressed=true],.captain-choice:hover{opacity:1}.captain-choice[aria-pressed=true]:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--gold)}.captain-description{color:#a4bdba;font-size:10px;letter-spacing:.8px;margin:14px 0 20px;min-height:12px}.primary{padding:17px 20px;background:var(--gold);color:#122d37;font-size:14px;letter-spacing:1px;display:inline-flex;justify-content:space-between;align-items:center;gap:26px;min-height:48px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.primary:hover:not(:disabled){background:#f3d982}.primary span{font-size:20px}.start-form>.primary{width:100%}.quiet-note{font-size:12px;color:var(--muted);line-height:1.5}.start-form .quiet-note{text-align:center;margin-top:13px}.error{color:var(--red);font-size:14px;line-height:1.5;margin-top:10px}.lobby-footer{position:fixed;left:42px;right:42px;bottom:27px;display:flex;justify-content:flex-start;align-items:center;font-size:10px;letter-spacing:1.3px;color:var(--muted)}.recent-rooms{margin-top:12px;font-size:12px;display:flex;gap:12px;flex-wrap:wrap}.recent-rooms a{color:var(--muted);padding:5px 0}.recent-rooms a:hover{color:var(--gold)}.match-ui{position:fixed;inset:0;pointer-events:none;z-index:2}.match-ui button,.match-ui a{pointer-events:auto}.incoming-attack{position:fixed;z-index:5;top:clamp(70px,8vh,96px);left:50%;transform:translate(-50%);color:#fff9e8;font-family:BoldPixels,monospace;font-size:clamp(26px,3.4vw,48px);line-height:1;letter-spacing:2px;white-space:nowrap;pointer-events:none;-webkit-text-stroke:4px #b51f35;paint-order:stroke fill;text-shadow:-2px -2px 0 #b51f35,2px -2px 0 #b51f35,-2px 2px 0 #b51f35,2px 2px 0 #b51f35,0 5px 0 #681527;animation:incoming-alert 1.1s steps(2,end) infinite}@keyframes incoming-alert{50%{opacity:.62;transform:translate(-50%) scale(.98)}}.attack-result{--result-fill: #fff7e4;--result-stroke: #9d2438;--result-shadow: #491525;position:fixed;z-index:7;top:48%;left:50%;width:100%;padding:24px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;filter:drop-shadow(0 12px 0 #001b2bb8)}.attack-result[data-kind=hit]{--result-fill: #fff4db;--result-stroke: #c2383f;--result-shadow: #651f32}.attack-result[data-kind=miss]{--result-fill: #ff626b;--result-stroke: #851a2b;--result-shadow: #3f0d1a}.attack-result[data-kind=miss] strong{font-size:clamp(36px,7vw,96px)}.attack-result[data-kind=direct]{--result-fill: #f5cf62;--result-stroke: #a91f35;--result-shadow: #51152b}.attack-result strong{display:block;color:var(--result-fill);font-family:BoldPixels,monospace;font-size:clamp(52px,9vw,126px);font-weight:400;line-height:.9;letter-spacing:4px;white-space:nowrap;-webkit-text-stroke:clamp(3px,.45vw,7px) var(--result-stroke);paint-order:stroke fill;text-shadow:0 7px 0 var(--result-shadow),6px 7px 0 var(--result-shadow),-6px 7px 0 var(--result-shadow)}.attack-result span{display:inline-block;margin-top:24px;padding:8px 12px 7px;color:#e8f0dc;background:#001b2bd9;font-size:clamp(10px,1.2vw,15px);letter-spacing:2px}.attack-result.showing strong{animation:attack-result-in .48s steps(4,end) both}.attack-result.showing span{animation:attack-detail-in .55s .34s steps(3,end) both}@keyframes attack-result-in{0%{opacity:0;transform:scale(1.7)}55%{opacity:1;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes attack-detail-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.match-heading{position:absolute;top:114px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between}.soft-button{padding:12px 16px;background:#e6c66a18;color:var(--gold);font-size:12px;letter-spacing:1px}.opponent-line{position:absolute;right:42px;top:126px;text-align:right;display:flex;flex-direction:column;gap:7px;font-size:14px}.opponent-line span:last-child{color:var(--muted);font-size:11px}.match-heading:has(#invite-button:not([hidden]))~.opponent-line{top:174px}.view-switch{position:absolute;top:123px;left:50%;transform:translate(-50%);display:flex;gap:25px;font-size:11px;letter-spacing:1px}.view-switch button{padding:8px 0;color:var(--muted);border-bottom:2px solid transparent}.view-switch button.active{color:var(--gold);border-bottom-color:var(--gold)}.ship-graveyard{position:absolute;top:186px;right:42px;width:150px;color:var(--muted);text-align:right;pointer-events:none}.ship-graveyard>p{display:flex;justify-content:flex-end;gap:9px;color:var(--gold);font-size:9px;letter-spacing:.7px}.ship-graveyard>p strong{color:var(--red);font-weight:400}.graveyard-ships{display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin-top:9px}.graveyard-ship{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:17px;color:#789da4;font-size:7px}.graveyard-ship:before{content:"×";color:var(--red);font-size:11px}.graveyard-ship img{width:auto;max-width:72px;height:14px;object-fit:contain;opacity:.48;filter:grayscale(.45) saturate(.65)}.placement-controls{position:absolute;left:50%;bottom:34px;transform:translate(-50%);text-align:center;width:max-content;max-width:95vw}.ship-picker{display:flex;align-items:end;justify-content:center;gap:14px;margin-bottom:15px}.ship-choice{padding:6px 8px 9px;font-size:10px;letter-spacing:.5px;color:var(--muted);border-bottom:2px solid transparent;min-width:70px}.ship-choice.active{color:var(--gold);border-bottom-color:var(--gold)}.ship-choice .pips{display:block;letter-spacing:3px;font-size:8px;margin-top:7px}.placement-actions{display:flex;justify-content:center;align-items:center;gap:27px}.placement-actions .primary{padding:12px 19px}.placement-save,.placement-controls>.quiet-note{display:block;margin-top:12px}kbd{font-size:9px;color:#87aeb4;border:1px solid #7fa4a94d;padding:2px 4px;margin-left:5px}.battle-controls{position:absolute;bottom:49px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:30px}.battle-controls>span{font-size:17px;min-width:160px;text-align:right}.battle-controls .primary{min-width:160px}.waiting-controls{position:absolute;bottom:69px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;white-space:nowrap}.pulse-dot{animation:pulse 2s ease-in-out infinite}.captain-reaction{position:absolute;left:40px;bottom:48px;display:flex;align-items:center;gap:15px;max-width:290px}.captain-reaction img{width:63px;height:73px;object-fit:cover;-webkit-mask-image:linear-gradient(black 75%,transparent);mask-image:linear-gradient(black 75%,transparent)}.captain-reaction p{font-size:13px;line-height:1.5;margin-top:7px;color:#cadbd6;max-width:200px}.captain-reaction.speaking img{animation:talk .25s steps(2) 4}.concede{position:absolute;right:42px;bottom:42px;color:#91b0b1;font-size:10px}.end-controls{position:absolute;left:50%;bottom:40px;transform:translate(-50%);text-align:center}.end-controls>p{margin-bottom:12px;font-size:14px;color:var(--muted)}.end-controls a{display:block;font-size:10px;margin-top:12px}.toast{position:fixed;left:50%;top:88px;transform:translate(-50%);background:#102e3cf2;color:var(--paper);padding:14px 20px;font-size:14px;z-index:20;max-width:90vw;text-align:center;box-shadow:0 5px 40px #0003}.toast.error-toast{color:var(--red)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#0b2b3b;color:var(--paper);border:0;padding:40px;width:min(460px,92vw);box-shadow:0 30px 100px #0006}dialog::backdrop{background:#001522b0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:36px;margin:12px 0 20px}dialog>p:not(.eyebrow){line-height:1.65;font-size:15px;margin-bottom:16px}dialog a{color:var(--gold)}.close-dialog{position:absolute;top:10px;right:15px;font-size:27px;color:var(--muted)}.settings-options{display:flex;flex-direction:column;gap:20px;margin:28px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px}.setting-row input{accent-color:var(--gold);width:19px;height:19px}.settings-options small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.dialog-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:25px}@keyframes pulse{50%{opacity:.3}}@keyframes talk{50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.incoming-attack{animation:none}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:760px){.attack-result{top:45%;padding:16px}.attack-result strong{font-size:clamp(42px,14vw,66px);letter-spacing:2px;text-shadow:0 5px 0 var(--result-shadow),4px 5px 0 var(--result-shadow),-4px 5px 0 var(--result-shadow)}.attack-result[data-kind=miss] strong{font-size:clamp(30px,8vw,48px);letter-spacing:1px}.attack-result span{margin-top:18px;max-width:92vw;line-height:1.5}}body.reduce-motion *,body.reduce-motion *:before{animation:none!important;transition:none!important}@media(min-width:1500px){.lobby{left:14%}}@media(max-height:780px)and (min-width:761px){.lobby{top:53%;transform:translateY(-46%)}h1{font-size:70px;margin:14px 0}.lede{font-size:17px}.start-form{margin-top:18px}.captain-field{margin-top:15px}.captain-description{margin-bottom:14px}.captain-choice{height:41px;width:40px}.match-heading{top:100px}.view-switch{top:106px}.placement-controls{bottom:16px}.masthead{top:25px}}@media(max-width:1100px){.captain-reaction{left:25px;bottom:105px;max-width:180px;gap:9px}.captain-reaction img{width:45px;height:54px}.captain-reaction p{font-size:11px}.opponent-line{font-size:12px;max-width:190px}.view-switch{top:176px}.match-heading{top:107px}.lobby{left:7%}.header-right .radio span{font-size:9px}.masthead,.match-heading{left:28px;right:28px}.concede{right:28px}}@media(max-width:760px){.masthead{top:22px;left:22px;right:22px}.wordmark{font-size:19px;gap:10px}.wordmark small{font-size:8px;letter-spacing:1px}.wordmark img{width:23px;height:23px}.header-right{gap:15px}.radio span,#settings-open span{display:none}.lobby{left:26px;top:47%;width:calc(100% - 52px);transform:translateY(-42%)}h1{font-size:67px;margin-top:20px;margin-bottom:17px}.eyebrow{font-size:10px;letter-spacing:1.3px}.lede{font-size:17px}.start-form{width:300px;max-width:100%;margin-top:26px}.captain-choice{width:41px;height:45px}.captain-picker{gap:10px}.lobby-footer{left:24px;right:24px;bottom:19px;font-size:8px;letter-spacing:.5px}.sea-shade{background:linear-gradient(90deg,#00131fb8,#00121e40),linear-gradient(0deg,#00132180,transparent 20%)}.match-heading{left:22px;right:22px;top:96px}.opponent-line{top:138px;left:22px;right:22px;text-align:left;flex-direction:row;justify-content:space-between;max-width:none;font-size:11px}.match-heading:has(#invite-button:not([hidden]))~.opponent-line{top:146px}.soft-button{padding:10px;font-size:10px}.view-switch{top:169px;gap:25px}.ship-graveyard{top:210px;left:22px;right:22px;width:auto;text-align:left}.ship-graveyard>p{justify-content:flex-start}.graveyard-ships{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px 11px;margin-top:7px}.graveyard-ship{gap:4px}.graveyard-ship img{max-width:48px;height:10px}.placement-controls{bottom:max(12px,env(safe-area-inset-bottom))}.ship-picker{gap:3px;margin-bottom:13px}.ship-choice{min-width:0;padding:5px 8px 9px;font-size:9px}.ship-choice .pips{font-size:6px;letter-spacing:2px}.placement-actions{gap:19px}.placement-actions .primary{font-size:11px;padding:12px;min-height:42px}.placement-actions .text-button{font-size:10px}.placement-actions kbd{display:none}.placement-controls>.quiet-note{font-size:10px}.battle-controls{top:calc(var(--chart-bottom, 676px) + 16px);bottom:auto;left:0;transform:none;flex-direction:column;align-items:stretch;gap:14px;width:100%;padding:0 22px}.battle-controls>span{font-family:BoldPixels,monospace;font-size:12px;min-width:0;color:var(--muted);width:100%;text-align:left;line-height:1}.battle-controls>span[data-active=true]{color:var(--gold);font-size:clamp(34px,11vw,48px);letter-spacing:2px;-webkit-text-stroke:1px var(--gold);paint-order:stroke fill;text-shadow:2px 3px 0 #12364a,-1px 3px 0 #12364a}.battle-controls .primary{width:100%;min-width:0;font-size:13px;padding:14px}.captain-reaction{bottom:123px;left:24px;max-width:280px}.captain-reaction p{max-width:220px}body:has(.battle-controls:not([hidden])) .captain-reaction,body:has(.end-controls:not([hidden])) .captain-reaction{display:none!important}.concede{right:24px;bottom:max(12px,env(safe-area-inset-bottom));font-size:9px}.battle-controls:not([hidden])~.concede{top:calc(var(--chart-bottom, 676px) + 25px);bottom:auto}.placement-controls:not([hidden])~.concede{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 116px)}.waiting-controls{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 42px);font-size:12px}.end-controls{top:calc(var(--chart-bottom, 676px) + 16px);bottom:auto;width:100%;padding:0 22px}.end-controls .primary{width:100%}.end-controls>p{font-size:12px}.toast{top:78px;font-size:12px;width:max-content}.in-match .lobby-footer{display:none}body:has(.end-controls:not([hidden])){min-height:calc(var(--chart-bottom, 676px) + 170px + env(safe-area-inset-bottom));overflow-y:auto}body:has(.end-controls:not([hidden])) #sea,body:has(.end-controls:not([hidden])) .sea-shade{position:absolute;bottom:auto;height:100dvh}body:has(.end-controls:not([hidden])) .match-ui{position:absolute;bottom:auto;min-height:calc(var(--chart-bottom, 676px) + 170px + env(safe-area-inset-bottom))}}@media(max-height:690px)and (max-width:760px){h1{font-size:52px;margin:16px 0 12px}.lobby{top:50%}.start-form{margin-top:16px}.captain-field{margin-top:14px}.captain-description{margin-bottom:13px}.quiet-note{font-size:10px}.captain-choice{height:36px;width:36px}.masthead{top:15px}.match-heading{top:81px}.opponent-line{top:123px}.match-heading:has(#invite-button:not([hidden]))~.opponent-line{top:131px}.view-switch{top:154px}.ship-graveyard{top:190px}.captain-reaction{display:none!important}.placement-controls{bottom:max(8px,env(safe-area-inset-bottom))}.battle-controls{top:calc(var(--chart-bottom, 616px) + 10px);bottom:auto}}#sea{background:#07364d url(/assets/ocean.png) repeat;background-size:256px 256px}@media(max-width:760px){.in-placement .captain-reaction{display:none!important}}@media(max-width:360px){.captain-picker{gap:8px}.captain-choice{width:36px;height:40px}}.admin-body{display:flow-root}.admin-body{overflow:auto;background:radial-gradient(ellipse at 90% 0%,#16465a,#071e30 70%);min-height:100vh}.admin-body .masthead{position:absolute}.editor{max-width:1150px;margin:155px auto 80px;padding:0 35px}.editor h1{font-size:65px;letter-spacing:-1px;margin:18px 0}.editor .lede{font-size:18px}.editor-login{margin-top:40px;max-width:340px;display:flex;flex-direction:column;gap:18px}.editor input:not([type=checkbox]):not([type=range]),.editor select,.editor textarea{background:#0c3043;color:var(--paper);border:0;border-bottom:1px solid #668b9650;padding:12px;font-size:16px;max-width:100%;min-width:0}.editor select{cursor:pointer}.editor-tabs{display:flex;gap:32px;margin:45px 0 35px;overflow:auto}.editor-tabs button{white-space:nowrap;padding:13px 0;font-size:13px;letter-spacing:1px;color:var(--muted);border-bottom:2px solid transparent}.editor-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.section-intro{margin-bottom:25px}.section-intro h2{font-size:28px;margin-bottom:10px}.section-intro p{font-size:14px;line-height:1.5;color:var(--muted)}.captain-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.captain-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:#0b293a77}.captain-card img{width:90px;height:105px;object-fit:cover;margin-bottom:8px}.captain-card .primary{font-size:11px;padding:12px;margin-top:10px}.captain-card input{width:100%}.editor label{font-size:11px;letter-spacing:1px}.line-form{display:flex;gap:15px;margin:25px 0}.line-form input{flex:1}.line-form button{font-size:12px;padding:12px}.dialogue-row{display:grid;grid-template-columns:140px 1fr auto auto;gap:15px;padding:15px 0;align-items:center;border-bottom:1px solid #90afbc1a}.dialogue-row textarea{resize:vertical;min-height:57px;font-size:14px}.dialogue-row .text-button{font-size:10px}.dialogue-event{color:var(--gold);font-size:11px;letter-spacing:1px}.delete-line{color:var(--red)}.asset-layout{display:grid;grid-template-columns:280px 1fr;gap:35px}.asset-layout select{width:100%;margin-top:12px}.asset-layout canvas{width:100%;max-height:380px;object-fit:contain;background:#0b3548}.asset-controls{display:flex;align-items:center;gap:18px;margin:20px 0;flex-wrap:wrap}.asset-controls input{width:100%;accent-color:var(--gold)}.asset-frames{display:flex;gap:10px;overflow:auto;margin-top:22px;padding-bottom:18px}.asset-frames canvas{flex:0 0 90px;width:90px;height:90px;background:#0b3548}.audio-note{max-width:450px;margin-top:25px}#defaults-form{max-width:470px}.editor-status{color:var(--gold);position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:14px 25px;background:#0e3243;box-shadow:0 5px 35px #0004;z-index:9}.editor-status:empty{display:none}.editor-status.error{color:var(--red)}@media(max-width:760px){.editor{margin:120px auto 40px;padding:0 24px}.editor h1{font-size:44px}.editor .lede{font-size:15px}.editor-tabs{gap:22px}.editor-tabs button{font-size:11px}.captain-editor{grid-template-columns:repeat(2,1fr);gap:12px}.captain-card{padding:13px}.captain-card input{font-size:12px!important}.captain-card select{font-size:12px}.line-form{flex-wrap:wrap}.line-form input{flex-basis:100%;order:3}.dialogue-row{grid-template-columns:1fr auto auto;gap:12px}.dialogue-row textarea{grid-row:2;grid-column:1/-1}.asset-layout{grid-template-columns:1fr;gap:20px}.asset-layout canvas{max-height:250px}.admin-body .header-right{gap:12px}.admin-body .header-right a,.admin-body .header-right button{font-size:10px}}