:root{color:#173033;font-synthesis:none;--ink:#15383b;--paper:#e9e2cb;--paper-2:#d9d0b2;--cream:#f5f0df;--cyan:#35e1d0;--red:#ff5a48;--yellow:#f2be4b;--dark:#071316;--panel:#0d2023;--muted:#7d918d;background:#071316;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#183437 0,#071316 48%,#040b0c 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#040d0fb8;border-bottom:1px solid #7bdfd329;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:#eef9f5;text-align:left;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid var(--cyan);width:36px;height:36px;color:var(--cyan);place-items:center;font-weight:900;display:grid;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.brand>span:last-child{flex-direction:column;line-height:1;display:flex}.brand small{color:#6c9995;letter-spacing:.34em;margin-top:5px;font-size:9px}.topbar-right{color:#6c9995;letter-spacing:.18em;align-items:center;gap:8px;font:700 10px/1 monospace;display:flex}.status-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 14px var(--cyan);border-radius:99px}footer{color:#456764;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #7bdfd31a;padding:28px 5vw;font:600 10px/1.4 monospace}.page-enter{animation:.45s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}}.eyebrow{color:#3ba89f;letter-spacing:.2em;margin-bottom:18px;font:700 11px/1 monospace}h1,h2,p{margin-top:0}h1{color:#f0f7f3;letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(40px,6vw,78px);line-height:.92}h1 em,h2 em{color:var(--cyan);font-style:normal}.home{flex:1;width:min(1240px,100% - 40px);margin:0 auto;padding:clamp(70px,10vw,130px) 0 100px}.hero{max-width:930px}.hero p{color:#93a7a3;max-width:650px;font-size:17px;line-height:1.75}.hero-stats{border-top:1px solid #71c2ba29;border-bottom:1px solid #71c2ba29;width:fit-content;margin:38px 0 90px;display:flex}.hero-stats>div{flex-direction:column;margin-right:32px;padding:18px 32px 18px 0;display:flex}.hero-stats b{color:#e6f4ef;font:500 26px/1 monospace}.hero-stats span{color:#557774;text-transform:uppercase;letter-spacing:.16em;margin-top:7px;font:700 9px/1 monospace}.section-heading{color:#607d79;letter-spacing:.18em;border-bottom:1px solid #244240;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;font:700 10px/1 monospace;display:flex}.section-heading b{color:#b9cac6}.game-card{text-align:left;background:#0a1b1d;border:1px solid #294d49;grid-template-columns:minmax(320px,.9fr) 1.1fr;width:100%;min-height:410px;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.game-card:hover{border-color:#3ba89f;transform:translateY(-4px);box-shadow:0 20px 70px #00000047}.radar-art{background:linear-gradient(#041417b3,#041417e0),repeating-linear-gradient(0deg,#0000 0 39px,#3ec6b814 40px),repeating-linear-gradient(90deg,#0000 0 39px,#3ec6b814 40px);border-right:1px solid #294d49;place-items:center;min-height:410px;display:grid;position:relative;overflow:hidden}.radar-art:before,.radar-art:after,.radar-large:before,.radar-large:after{content:"";border:1px solid #35e1d040;border-radius:50%;width:280px;height:280px;position:absolute}.radar-art:after{width:170px;height:170px}.radar-art i,.radar-large i{background:#35e1d021;width:1px;height:80%;position:absolute}.radar-art i:nth-of-type(2),.radar-large i:nth-of-type(2){transform:rotate(45deg)}.radar-art i:nth-of-type(3),.radar-large i:nth-of-type(3){transform:rotate(90deg)}.radar-art strong{filter:grayscale();opacity:.75;z-index:2;font-size:66px}.radar-sweep,.radar-large span{transform-origin:0 100%;background:conic-gradient(from 90deg,#35e1d040,#0000 35%);width:50%;height:50%;animation:5s linear infinite sweep;position:absolute;top:0;left:50%}@keyframes sweep{to{transform:rotate(360deg)}}.game-card-copy{flex-direction:column;justify-content:center;padding:clamp(36px,5vw,70px);display:flex}.card-kicker{color:#688580;letter-spacing:.18em;font:700 10px/1 monospace}.live-pill{color:var(--cyan)}.game-card h2{color:#eef6f2;letter-spacing:-.06em;margin:28px 0 24px;font-size:clamp(42px,5vw,64px);line-height:.9}.game-card p{color:#87a09b;max-width:590px;line-height:1.7}.tags{flex-wrap:wrap;gap:8px;margin:15px 0 35px;display:flex}.tags span{color:#77918d;letter-spacing:.12em;border:1px solid #31504d;padding:8px 10px;font:700 9px/1 monospace}.launch{color:#dcebe7;letter-spacing:.16em;border-top:1px solid #244340;justify-content:space-between;padding-top:18px;font:700 11px/1 monospace;display:flex}.launch b{color:var(--cyan);font-size:18px}.coming-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.coming{background:#0a1b1d73;border:1px dashed #24413f;flex-direction:column;justify-content:space-between;min-height:140px;padding:24px;display:flex}.coming b{color:#58716e;letter-spacing:.2em}.mission{flex:1;width:min(1020px,100% - 40px);margin:0 auto;padding:55px 0 110px}.back-link{color:#5b817d;letter-spacing:.14em;background:0 0;border:0;padding:10px 0;font:700 10px/1 monospace}.briefing-card{background-color:var(--paper);max-width:760px;color:var(--ink);background-image:linear-gradient(#214b4c17 1px,#0000 1px),linear-gradient(90deg,#214b4c17 1px,#0000 1px);background-size:28px 28px;margin:50px auto 0;padding:clamp(34px,7vw,74px);position:relative;box-shadow:0 35px 90px #00000059}.paper-fold{border-top:0 solid #0000;border-bottom:58px solid #c9bea0;border-left:0 solid #0000;border-right:58px solid #071316;position:absolute;top:0;right:0}.briefing-card h1{color:var(--ink);font-size:clamp(42px,7vw,70px)}.briefing-card h1 em{color:#087a75}.briefing-card p{color:#486462;line-height:1.7}.briefing-card label{letter-spacing:.14em;flex-direction:column;margin-top:36px;font:800 10px/1 monospace;display:flex}.briefing-card input{color:var(--ink);background:#ffffff2e;border:0;border-bottom:2px solid #14373a8c;outline:none;margin-top:10px;padding:14px 5px;font-size:18px}.primary{background:var(--ink);color:#e8f4ed;letter-spacing:.15em;border:0;padding:17px 22px;font:800 11px/1 monospace;box-shadow:5px 5px #0b39392e}.primary:hover:not(:disabled){background:#075f5e}.primary:disabled{opacity:.55}.primary.full{width:100%;margin-top:20px}.lobby-actions{margin-top:32px}.divider{color:#71817a;align-items:center;gap:12px;margin:28px 0 14px;font:700 9px/1 monospace;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid #15383b38;flex:1}.join-row{gap:10px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:.3em;flex:1;margin:0}.join-row button,.invite-link button{border:1px solid var(--ink);color:var(--ink);background:0 0;padding:0 22px;font:800 10px/1 monospace}.invite-box{border:2px solid #15383b4d;grid-template-columns:1fr auto;align-items:center;gap:10px 20px;margin-top:32px;padding:22px;display:grid}.invite-box small{letter-spacing:.14em;font:800 9px/1 monospace}.invite-box b{letter-spacing:.18em;grid-row:2;font:800 32px/1 monospace}.invite-box .primary{grid-area:1/2/3}.error-banner{color:#793b2d;background:#ff5a4814;border:1px solid #ae5c49;margin-top:18px;padding:13px;font:700 11px/1.4 monospace}.battle-page{flex:1;width:min(1480px,100% - 30px);margin:0 auto;padding:28px 0 90px;position:relative}.battle-topline{border-bottom:1px solid #1b3937;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:16px;display:grid}.room-code{color:#e0efea;align-items:center;gap:10px;display:flex}.room-code b{letter-spacing:.17em;color:var(--cyan);font:800 18px/1 monospace}.room-code button,.sound-toggle{color:#72928e;background:0 0;border:1px solid #244845;padding:8px 10px;font:700 9px/1 monospace}.sound-toggle{justify-self:end}.waiting-panel{text-align:center;color:#c2d2ce;max-width:760px;margin:75px auto 0}.radar-large{border:1px solid #244e49;border-radius:50%;place-items:center;width:280px;height:280px;margin:0 auto 45px;display:grid;position:relative;overflow:hidden}.radar-large:before{width:200px;height:200px}.radar-large:after{width:105px;height:105px}.radar-large i{height:100%}.radar-large b{z-index:2;opacity:.65;filter:grayscale();font-size:38px}.waiting-panel h1{font-size:clamp(46px,7vw,76px)}.waiting-panel p{color:#77928d;max-width:600px;margin:0 auto 28px;line-height:1.7}.invite-link{background:#09191b;border:1px solid #2c5a55;max-width:640px;margin:0 auto;display:flex}.invite-link code{text-align:left;color:#91aaa6;flex:1;padding:15px;font-size:12px;overflow:auto}.invite-link button{color:var(--cyan);border:0;border-left:1px solid #2c5a55}.crew-slots{grid-template-columns:1fr 1fr;gap:14px;margin-top:44px;display:grid}.crew{text-align:left;border:1px solid #244743;grid-template-columns:42px 1fr;min-height:100px;padding:18px;display:grid}.crew span{color:#4a7671;grid-row:1/3;font:500 24px/1 monospace}.crew b{color:#d5e6e1}.crew small{color:#54746f;letter-spacing:.12em;font:700 9px/1 monospace}.crew.scanning{animation:1.7s ease-in-out infinite scanPulse}@keyframes scanPulse{50%{border-color:#3aa69d;box-shadow:inset 0 0 30px #35e1d00d}}.placement-layout{grid-template-columns:minmax(320px,.75fr) minmax(500px,1.25fr);align-items:center;gap:clamp(30px,5vw,80px);padding-top:58px;display:grid}.placement-copy h1{font-size:clamp(44px,6vw,72px)}.placement-copy>p{color:#75928d;max-width:570px;line-height:1.7}.ship-list{gap:7px;margin:28px 0 18px;display:grid}.ship-list button{color:#77908c;text-align:left;background:#0b1d1f;border:1px solid #274641;grid-template-columns:35px 1fr auto;align-items:center;min-height:54px;padding:0 14px;display:grid}.ship-list button span{color:#567b76;font:700 12px/1 monospace}.ship-list button b{letter-spacing:.08em;font-size:12px}.ship-list button i{letter-spacing:2px;color:#3c625d;font-size:10px;font-style:normal}.ship-list button.active{border-color:var(--cyan);color:#e3efeb;background:#0f2b2b}.ship-list button.placed span,.ship-list button.placed i{color:var(--cyan)}.placement-tools{flex-wrap:wrap;gap:8px;display:flex}.placement-tools button{color:#789590;background:0 0;border:1px solid #2b504c;padding:10px 12px;font:700 9px/1 monospace}.ready-note{color:#68a9a1;text-align:center;padding:16px;font:700 10px/1.5 monospace}.paper-board-wrap{background-color:var(--paper);background-image:linear-gradient(#2250501a 1px,#0000 1px),linear-gradient(90deg,#2250501a 1px,#0000 1px);background-size:25px 25px;padding:clamp(24px,4vw,48px);transform:rotate(.35deg);box-shadow:0 28px 80px #0006}.paper-caption{color:#45635f;letter-spacing:.15em;text-align:center;margin-top:20px;font:800 9px/1 monospace}.board{aspect-ratio:1.02;-webkit-user-select:none;user-select:none;grid-template-rows:34px repeat(10,1fr);grid-template-columns:34px repeat(10,1fr);width:min(100%,650px);margin:auto;display:grid}.board-row{display:contents}.board .axis,.board .corner{color:#4c6f6a;place-items:center;font:800 10px/1 monospace;display:grid}.board button{color:var(--ink);background:#ffffff0a;border:1px solid #1c4d4c4d;border-top:0;border-left:0;place-items:center;min-width:0;padding:0;display:grid;position:relative;overflow:visible}.board button:nth-child(11n+2){border-left:1px solid #1c4d4c4d}.board button:not(:disabled):hover,.board button.preview{background:#13807829;box-shadow:inset 0 0 0 1px #0b68644d}.board button.ship{background:#163d3d21}.ship-mark{color:#1e5352;opacity:.72;font-size:clamp(8px,1.2vw,17px)}.hit-mark{color:#b43e30;text-shadow:0 0 18px #ff462d40;z-index:2;font-family:Segoe Print,cursive;font-size:clamp(20px,3vw,37px);line-height:1;transform:rotate(-9deg)}.miss-mark{color:#226b6a;font-size:clamp(20px,2.5vw,34px);line-height:1}.board button.hit:after,.board button.own-hit:after{content:"";background:#be35202e;border-radius:50%;width:72%;height:72%;animation:1.2s ease-out impact;position:absolute}@keyframes impact{0%{opacity:1;transform:scale(.15)}to{opacity:0;transform:scale(2.3)}}.combat{padding-top:38px}.combat-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.combat-header h1{margin:8px 0 0;font-size:clamp(34px,4vw,57px)}.turn-lamp{color:#68827e;letter-spacing:.11em;border:1px solid #294743;align-items:center;gap:8px;padding:12px 16px;font:800 9px/1 monospace;display:flex}.turn-lamp i{background:#596662;border-radius:50%;width:7px;height:7px}.turn-lamp.active{color:var(--cyan);border-color:#2e655f}.turn-lamp.active i{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.boards-grid{grid-template-columns:1fr 1fr;gap:clamp(15px,2.5vw,34px);display:grid}.battle-board-panel{background-color:#dcd5bc;background-image:linear-gradient(#22505014 1px,#0000 1px),linear-gradient(90deg,#22505014 1px,#0000 1px);background-size:24px 24px;border:1px solid #acaa96;padding:clamp(16px,2.5vw,32px);position:relative;box-shadow:0 18px 60px #00000038}.battle-board-panel.enemy{background-color:#ddd2b6}.board-title{color:var(--ink);border-bottom:2px solid #15383b4d;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:11px;display:flex}.board-title span{letter-spacing:.16em;font:900 12px/1 monospace}.board-title b{color:#55716d;text-transform:uppercase;font:700 10px/1 monospace}.fleet-health{color:#365a57;grid-template-columns:repeat(2,1fr);gap:6px 14px;margin-top:18px;display:grid}.fleet-health div{border-top:1px solid #1e484629;justify-content:space-between;gap:8px;padding-top:6px;font:700 8px/1 monospace;display:flex}.fleet-health i{letter-spacing:1px;font-style:normal}.fleet-health .sunk{color:#a14b3e;opacity:.65;text-decoration:line-through}.weapons-console{background:linear-gradient(#0e2425,#091719);border:1px solid #264945;grid-template-columns:190px 1fr auto;align-items:center;gap:16px;margin-top:24px;padding:18px;display:grid}.console-title{flex-direction:column;gap:6px;display:flex}.console-title span{color:var(--cyan);letter-spacing:.18em;font:800 9px/1 monospace}.console-title b{color:#73908b;font:700 9px/1.4 monospace}.weapons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.weapons button{color:#78938e;text-align:left;background:#0a191b;border:1px solid #2b4b47;grid-template-columns:34px 1fr 24px;align-items:center;min-height:70px;padding:8px 10px;display:grid}.weapons button strong{color:#87aba6;font-size:22px}.weapons button span{flex-direction:column;gap:5px;display:flex}.weapons button b{color:#b6cac5;letter-spacing:.08em;font:800 9px/1 monospace}.weapons button small{font-size:9px}.weapons button em{color:#54746f;text-align:center;font:800 12px/1 monospace}.weapons button.active{border-color:var(--cyan);box-shadow:inset 0 0 30px #35e1d012}.weapons button.active strong,.weapons button.active em{color:var(--cyan)}.weapons button:disabled{opacity:.3}.sonar-report{border-left:1px solid #31504c;flex-direction:column;min-width:150px;padding-left:16px;display:flex}.sonar-report span,.sonar-report small{color:#52736e;font:700 8px/1.4 monospace}.sonar-report b{color:var(--cyan);font:800 18px/1.5 monospace}.combat-log{color:#78908c;border-top:1px solid #25423f;margin-top:18px;padding-top:15px}.combat-log>span{color:#4e706c;letter-spacing:.15em;font:800 9px/1 monospace}.combat-log div{border-bottom:1px solid #2c4a4747;grid-template-columns:70px 1fr;gap:15px;padding:10px 0;display:grid}.combat-log time{color:#4e706c;font:700 9px/1.4 monospace}.combat-log p{margin:0;font:600 10px/1.4 monospace}.result-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#020a0be0;flex-direction:column;justify-content:center;align-items:center;animation:.4s pageIn;display:flex;position:fixed;inset:0}.result-banner small{color:#75908b;letter-spacing:.3em;font:800 10px/1 monospace}.result-banner b{color:var(--cyan);letter-spacing:-.05em;margin:18px 0 30px;font-size:clamp(42px,8vw,100px)}.result-banner.lost b{color:var(--red)}.result-banner button{color:#cbe0da;letter-spacing:.15em;background:0 0;border:1px solid #4a7470;padding:14px 20px;font:800 10px/1 monospace}.floating-message{z-index:60;color:#ff988a;background:#2a1713;border:1px solid #a3483a;padding:12px 18px;font:700 10px/1.4 monospace;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 14px 50px #0006}.floating-message.success{color:var(--cyan);background:#0a2422;border-color:#2f7068}.cinematic-fx{z-index:35;pointer-events:none;place-items:center;animation:.9s forwards fxFade;display:grid;position:fixed;inset:0;overflow:hidden}.cinematic-fx span{color:#fff;text-shadow:0 0 45px #ffffffb3;font-size:clamp(80px,13vw,180px);font-weight:950;animation:.7s both fxPop}.fx-sonar .cinematic-fx{background:radial-gradient(circle,#35e1d033,#0000 55%)}.fx-sonar .cinematic-fx span{color:var(--cyan)}.fx-hit .cinematic-fx,.fx-sunk .cinematic-fx{background:radial-gradient(circle,#ff592d3d,#0000 55%)}.shockwave{opacity:.6;border:4px solid;border-radius:50%;width:100px;height:100px;animation:1s ease-out both shock;position:absolute}@keyframes shock{to{opacity:0;transform:scale(12)}}@keyframes fxPop{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}@keyframes fxFade{0%,70%{opacity:1}to{opacity:0}}.fx-hit{animation:.32s screenShake}@keyframes screenShake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (width<=1000px){.game-card{grid-template-columns:1fr}.radar-art{border-bottom:1px solid #294d49;border-right:0;min-height:280px}.placement-layout{grid-template-columns:1fr}.paper-board-wrap{width:100%;max-width:720px;margin:auto}.weapons-console{grid-template-columns:1fr}.sonar-report{border-top:1px solid #31504c;border-left:0;padding:12px 0 0}}@media (width<=780px){.topbar-right{display:none}.home,.battle-page,.mission{width:min(100% - 22px,1240px)}.hero-stats>div{margin-right:16px;padding-right:16px}.coming-grid,.crew-slots,.boards-grid{grid-template-columns:1fr}.battle-topline{grid-template-columns:1fr auto}.room-code{grid-area:2/1/auto/3;justify-content:center;margin-top:12px}.sound-toggle{grid-area:1/2}.combat-header{flex-direction:column;align-items:stretch}.weapons{grid-template-columns:1fr 1fr}.fleet-health{grid-template-columns:1fr}.invite-box{flex-direction:column;align-items:stretch;display:flex}.invite-box b{margin:8px 0}}@media (width<=480px){.topbar{height:62px;padding:0 14px}.hero{padding-top:10px}.hero-stats{width:100%}.hero-stats>div{flex:1;margin:0;padding:14px 8px 14px 0}.game-card-copy{padding:28px 22px}.briefing-card{padding:44px 22px 28px}.join-row{flex-direction:column}.join-row button{padding:14px}.board{grid-template-rows:24px repeat(10,1fr);grid-template-columns:24px repeat(10,1fr)}.battle-board-panel{padding:10px}.weapons button{grid-template-columns:28px 1fr 20px;padding:6px}.weapons button strong{font-size:16px}}:root{--axis-size:34px;--sea-ink:#0a5258}.battle-page{width:min(1660px,100% - 34px)}.placement-layout{grid-template-columns:minmax(340px,.66fr) minmax(650px,1.34fr);gap:clamp(34px,5vw,88px)}.crumpled-paper,.battle-board-panel{isolation:isolate;background-color:#ded4b8;background-image:linear-gradient(118deg,#0000 0 21%,#4f412a16 21.35%,#0000 22.2%),linear-gradient(34deg,#0000 0 47%,#ffffff36 47.35%,#4d3d2613 48%,#0000 48.7%),linear-gradient(155deg,#0000 0 72%,#4d3d2617 72.2%,#ffffff24 72.8%,#0000 73.7%),linear-gradient(#22505016 1px,#0000 1px),linear-gradient(90deg,#22505016 1px,#0000 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E");background-size:auto,auto,auto,25px 25px,25px 25px,180px 180px;box-shadow:0 30px 90px #00000075,inset 0 0 70px #4d3a1e14}.paper-board-wrap{background-color:#ded4b8;padding:clamp(24px,3vw,42px);position:relative;overflow:hidden;transform:rotate(.18deg)}.paper-board-wrap:before,.battle-board-panel:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(at 12% 16%,#ffffff57,#0000 17%),radial-gradient(at 81% 72%,#4f35191a,#0000 19%),radial-gradient(at 45% 48%,#0000 0 38%,#45382612 39%,#0000 40%);position:absolute;inset:0}.water-paper-overlay{pointer-events:none;z-index:1;opacity:.17;mix-blend-mode:multiply;background:radial-gradient(at 15% 40%,#0000 0 18px,#006b7b45 19px,#0000 21px) 0 0/250px 100px,radial-gradient(at 75% 62%,#0000 0 29px,#005b6f38 30px,#0000 33px) 0 0/310px 130px,repeating-radial-gradient(#0000 0 24px,#0466771f 25px,#0000 28px 45px) 0 0/420px 170px;animation:12s linear infinite alternate paperWater;position:absolute;inset:0}@keyframes paperWater{to{background-position:120px 30px,-100px 50px,90px -40px;transform:scale(1.025)}}.paper-board-wrap>.board-shell,.paper-board-wrap>.paper-caption{z-index:2;position:relative}.board-shell{--axis-size:34px;-webkit-user-select:none;user-select:none;width:min(100%,760px);color:var(--ink);margin:0 auto}.board-top-axis{height:var(--axis-size);align-items:stretch;display:grid}.board-main{grid-template-columns:var(--axis-size) 1fr;display:grid}.board-left-axis{display:grid}.board-shell .axis,.board-shell .corner{color:#3b6664;text-shadow:0 1px #ffffff59;place-items:center;font:900 10px/1 monospace;display:grid}.board-sea{aspect-ratio:1;background:linear-gradient(150deg,#0a758426,#0046583d);border:1px solid #124a4e7a;position:relative;overflow:visible;box-shadow:inset 0 0 34px #022f3626,0 8px 22px #382a1114}.board-sea:before{content:"";z-index:0;opacity:.85;background:repeating-radial-gradient(at 12% 28%,#0000 0 18px,#ffffff2e 19px,#0000 21px 44px) 0 0/190px 70px,repeating-radial-gradient(at 70% 62%,#0000 0 30px,#00576726 31px,#0000 35px 68px) 0 0/280px 110px;animation:9s linear infinite seaDrift;position:absolute;inset:0}.board-sea:after{content:"";pointer-events:none;z-index:5;mix-blend-mode:screen;background:linear-gradient(108deg,#0000 20%,#ffffff24 34%,#0000 46%);animation:8s ease-in-out infinite waterGlint;position:absolute;inset:0;transform:translate(-90%)}@keyframes seaDrift{to{background-position:190px 18px,-280px -25px}}@keyframes waterGlint{0%,30%{transform:translate(-95%)}64%,to{transform:translate(120%)}}.sea-depth{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#0000 0 44%,#00323d14 100%);position:absolute;inset:0}.cells-layer{z-index:3;display:grid;position:absolute;inset:0}.cells-layer button{min-width:0;color:var(--ink);background:#ffffff04;border:1px solid #1b4b4b4a;border-top:0;border-left:0;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.cells-layer button:nth-child(12n+1){border-left:1px solid #1b4b4b4a}.cells-layer button:nth-child(-n+12){border-top:1px solid #1b4b4b4a}.cells-layer button:not(:disabled):hover,.cells-layer button.preview{background:#2de8d829;box-shadow:inset 0 0 0 2px #0a6f6a59,0 0 18px #24beb41f}.cells-layer button.preview-invalid{background:#ff493533;box-shadow:inset 0 0 0 2px #b12d1f6b}.cells-layer button.hit,.cells-layer button.own-hit{background:#b42e1d17}.cells-layer button.miss{background:#07637114}.ship-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.ship-sprite{filter:drop-shadow(0 5px 3px #00181d61);padding:3px;transition:opacity .25s,filter .25s;position:absolute}.ship-sprite.sunk{opacity:.55;filter:grayscale(.65)sepia(.25)drop-shadow(0 4px 5px #4d190c6b)}.ship-art{width:100%;height:100%;overflow:visible}.ship-art .ship-wake{fill:#e0fdf940}.ship-art .ship-rim{fill:#152729b8;stroke:#dae4dc8a;stroke-width:.65px}.ship-art .ship-highlight{fill:none;stroke:#e7f2ebb3;stroke-width:.8px;opacity:.72}.ship-art .carrier-runway{stroke:#d8dfd9;stroke-width:.7px;opacity:.9}.ship-art .carrier-runway.dashed{stroke-dasharray:4 3;opacity:.42}.ship-art .superstructure{fill:#243a3c;stroke:#b0bfba;stroke-width:.55px}.ship-art .radar-dish{fill:#c9d4d0}.ship-art .deck-metal{fill:#647776db;stroke:#d5e1db8c;stroke-width:.45px}.ship-art .turret{fill:#1f3436;stroke:#b8c6c1;stroke-width:.65px}.ship-art .barrel,.ship-art .periscope{fill:none;stroke:#172729;stroke-width:1.7px;stroke-linecap:round}.ship-art .sub-body{fill:#243b3d;stroke:#9eafab;stroke-width:.7px}.ship-art .sub-tower{fill:#394f50;stroke:#bac6c1;stroke-width:.55px}.ship-art .sub-fin{fill:#15292c}.ship-art .damage-scar{fill:none;stroke:#df6a42;stroke-width:1.4px;filter:drop-shadow(0 0 2px #ff7f54)}.ship-art.damaged{filter:sepia(.18)saturate(1.2)}.ship-list button{grid-template-columns:36px minmax(120px,1fr) minmax(115px,42%);min-height:64px;overflow:hidden}.ship-list button b{flex-direction:column;gap:5px;display:flex}.ship-list button b small{color:#4e706c;letter-spacing:.12em;text-transform:uppercase;font:700 8px/1 monospace}.ship-list-art{width:100%;height:34px;display:block}.ship-list button.active .ship-art{filter:drop-shadow(0 0 5px #35e1d06b)}.orientation-readout{background:#0d2324cc;border-left:3px solid #315955;grid-template-columns:auto 1fr;align-items:center;gap:5px 14px;margin:14px 0;padding:11px 14px;display:grid}.orientation-readout span,.orientation-readout small{color:#557973;letter-spacing:.14em;font:700 8px/1 monospace}.orientation-readout b{color:var(--cyan);font:900 12px/1 monospace}.orientation-readout small{grid-column:1/3}kbd{font:inherit;background:#ffffff0a;border:1px solid;border-bottom-width:2px;border-radius:3px;padding:1px 5px}.rotate-tool{color:var(--cyan)!important;border-color:#36736d!important}.ship-cursor{z-index:100;pointer-events:none;filter:drop-shadow(0 10px 12px #0000008c);animation:.16s both cursorShipIn;position:fixed;transform:translateY(-50%)}.ship-cursor span{white-space:nowrap;color:var(--cyan);letter-spacing:.1em;background:#031214e6;border:1px solid #37756e;padding:5px 7px;font:800 8px/1 monospace;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes cursorShipIn{0%{opacity:0;transform:translateY(-50%)scale(.72)}}.persistent-turn-banner{background:linear-gradient(90deg,#0d2426f5,#081618eb);border:1px solid #294b48;grid-template-columns:42px minmax(200px,1fr) auto;align-items:center;gap:14px;min-height:66px;margin:-8px 0 22px;padding:10px 16px;display:grid;position:relative;overflow:hidden}.persistent-turn-banner:after{content:"";background:linear-gradient(90deg,#0000,#35e1d014,#0000);animation:3.6s linear infinite statusScan;position:absolute;inset:0;transform:translate(-100%)}@keyframes statusScan{to{transform:translate(100%)}}.persistent-turn-banner.mine{box-shadow:inset 3px 0 var(--cyan), 0 0 28px #35e1d00f;border-color:#347a72}.persistent-turn-banner.theirs{box-shadow:inset 3px 0 #8c7250}.turn-icon{color:#789590;border:1px solid #41635f;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.mine .turn-icon{color:var(--cyan);border-color:#347a72;box-shadow:0 0 18px #35e1d021}.persistent-turn-banner div{flex-direction:column;gap:5px;display:flex}.persistent-turn-banner small,.persistent-turn-banner em{color:#577571;letter-spacing:.14em;font:800 8px/1 monospace}.persistent-turn-banner b{color:#c5d8d3;letter-spacing:.08em;font:900 14px/1 monospace}.persistent-turn-banner.mine b{color:var(--cyan)}.turn-change-toast{z-index:55;text-align:center;pointer-events:none;background:#041214f0;border:1px solid #49645f;flex-direction:column;gap:7px;min-width:min(540px,100vw - 40px);padding:18px 28px;animation:2.15s both turnToast;display:flex;position:fixed;top:19%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 80px #00000080}.turn-change-toast.mine{border-color:var(--cyan);box-shadow:0 22px 80px #00000080,0 0 40px #35e1d024}.turn-change-toast small,.turn-change-toast span{color:#69847f;letter-spacing:.2em;font:800 8px/1 monospace}.turn-change-toast b{color:#e7f3ef;letter-spacing:-.02em;font:950 clamp(22px,3vw,39px)/1 monospace}@keyframes turnToast{0%{opacity:0;transform:translate(-50%,-12px)scale(.96)}12%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;visibility:hidden;transform:translate(-50%,-7px)scale(.99)}}.explosion-fx,.splash-fx{pointer-events:none;z-index:10;display:block;position:absolute;inset:-55%}.explosion-fx .fireball{aspect-ratio:1;background:radial-gradient(circle at 38% 35%,#fff6c6 0 7%,#ffd247 15%,#ff7c22 42%,#d52310 68%,#0000 70%);border-radius:50%;width:44%;animation:.82s ease-out both fireball;position:absolute;top:28%;left:28%;box-shadow:0 0 18px #ff721f,0 0 34px #ff4b14b3}.explosion-fx .smoke{aspect-ratio:1;filter:blur(.6px);opacity:0;background:radial-gradient(circle at 35% 30%,#a9a49b,#3c4544 65%,#0000 69%);border-radius:50%;width:26%;position:absolute}.explosion-fx .s1{animation:1.55s ease-out .16s both smokeUp;top:16%;left:28%}.explosion-fx .s2{animation:1.6s ease-out .22s both smokeUp2;top:20%;left:48%}.explosion-fx .spark{transform-origin:50%;background:linear-gradient(#fff9aa,#ff601f,#0000);border-radius:9px;width:4px;height:28%;animation:.68s ease-out both spark;position:absolute;top:36%;left:48%}.explosion-fx .p1{--a:35deg}.explosion-fx .p2{--a:120deg}.explosion-fx .p3{--a:215deg}.explosion-fx .p4{--a:300deg}@keyframes fireball{0%{opacity:0;transform:scale(.05)}18%{opacity:1}48%{transform:scale(1.55)}to{opacity:0;filter:blur(4px);transform:scale(2.05)}}@keyframes smokeUp{0%{opacity:0;transform:translateY(12%)scale(.4)}25%{opacity:.9}to{opacity:0;transform:translate(-28%,-90%)scale(1.8)}}@keyframes smokeUp2{0%{opacity:0;transform:translateY(12%)scale(.4)}25%{opacity:.85}to{opacity:0;transform:translate(38%,-108%)scale(1.65)}}@keyframes spark{0%{transform:rotate(var(--a)) translateY(0) scaleY(.4);opacity:1}to{transform:rotate(var(--a)) translateY(-65%) scaleY(.05);opacity:0}}.splash-fx .splash-core{clip-path:polygon(50% 0,60% 42%,83% 12%,68% 54%,100% 39%,70% 67%,78% 100%,51% 74%,25% 100%,31% 66%,0 43%,35% 54%,18% 14%,43% 42%);filter:drop-shadow(0 0 8px #a0f4ffe6);background:linear-gradient(#efffff,#78dfec 45%,#2e9ab51f);width:44%;height:64%;animation:.9s ease-out both splashCore;position:absolute;top:14%;left:28%}.splash-fx .drop{aspect-ratio:1;background:#b8f6ff;border-radius:50% 50% 50% 0;width:7%;animation:.9s ease-out both droplet;position:absolute;top:38%;left:47%}.splash-fx .d1{--dx:-38px;--dy:-46px}.splash-fx .d2{--dx:42px;--dy:-39px}.splash-fx .d3{--dx:-49px;--dy:-18px}.splash-fx .d4{--dx:51px;--dy:-9px}.splash-fx .ripple{aspect-ratio:1;border:2px solid #cbfaffe6;border-radius:50%;width:26%;animation:1.15s ease-out .16s both splashRipple;position:absolute;top:55%;left:37%}@keyframes splashCore{0%{opacity:0;transform:scale(.1)translateY(25%)}24%{opacity:1}60%{transform:scale(1.35)translateY(-20%)}to{opacity:0;transform:scale(1.6)translateY(5%)}}@keyframes droplet{0%{opacity:0;transform:translate(0)rotate(-45deg)scale(.3)}24%{opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(-45deg) scale(.8);opacity:0}}@keyframes splashRipple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(3.3)}}.cells-layer .fresh-hit{animation:.42s cellHitShake}@keyframes cellHitShake{20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-2px)}80%{transform:translate(1px,1px)}}.hit-mark{z-index:11;text-shadow:0 0 8px #fbc08b,0 0 18px #ff452173}.miss-mark{z-index:6}.fleet-health{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-health div{align-items:center;min-height:38px}.health-ship{grid-template-columns:72px 1fr;align-items:center;gap:8px;min-width:0;display:grid}.health-ship .ship-art{height:20px}.health-ship b{white-space:nowrap;text-overflow:ellipsis;font:800 8px/1 monospace;overflow:hidden}.fleet-health i{color:#33706a;letter-spacing:.08em;font:900 7px/1 monospace}.fleet-health .sunk i{color:#a14b3e}@media (width<=1250px){.placement-layout{grid-template-columns:minmax(310px,.75fr) minmax(560px,1.25fr);gap:32px}.board-shell{width:min(100%,690px)}.boards-grid{gap:18px}.battle-board-panel{padding:18px}}@media (width<=1000px){.placement-layout{grid-template-columns:1fr}.paper-board-wrap{width:100%;max-width:820px;margin:auto}.board-shell{width:min(100%,760px)}}@media (width<=780px){:root,.board-shell{--axis-size:27px}.persistent-turn-banner{grid-template-columns:36px 1fr}.persistent-turn-banner em{grid-column:1/3}.ship-cursor{display:none}.health-ship{grid-template-columns:58px 1fr}}@media (width<=480px){:root,.board-shell{--axis-size:23px}.board-shell .axis,.board-shell .corner{font-size:8px}.ship-list button{grid-template-columns:28px 1fr 90px;padding:0 8px}.ship-list-art{height:28px}.turn-change-toast{padding:16px;top:24%}}:root{--cyan:#67eadb;--violet:#8f7cff;--blue:#54a8ff;--dark:#070914;--panel:#101522;--muted:#98a0b2}html{background:#070914}body{color:#eef2ff;background:radial-gradient(circle at 12% 8%,#5b4dce38,#0000 31%),radial-gradient(circle at 88% 12%,#1eb5c229,#0000 27%),linear-gradient(#090b16 0%,#070914 52%,#080a12 100%);min-height:100dvh}button{border-radius:12px}.app-shell{min-height:100dvh}.topbar{-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#090b16bd;border-bottom:1px solid #ffffff13;height:64px;padding:0 clamp(18px,3.4vw,56px)}.brand{letter-spacing:-.01em;gap:11px}.brand-mark{color:#fff;background:linear-gradient(135deg,#7768ff,#42d9ce);border:0;border-radius:11px;width:36px;height:36px;transform:none;box-shadow:0 7px 24px #526eff3d}.brand>span:last-child{line-height:1.02}.brand b{letter-spacing:.025em;font-size:14px}.brand small{color:#868da1;letter-spacing:.22em;margin-top:4px;font:700 8px/1 system-ui,sans-serif}.topbar-right{color:#9ca4b9;letter-spacing:0;font:650 12px/1 system-ui,sans-serif}.status-dot{background:#67eadb;width:8px;height:8px;box-shadow:0 0 16px #67eadbb8}footer{color:#737b90;letter-spacing:0;text-transform:none;border-color:#ffffff12;padding:24px 5vw;font:500 12px/1.5 system-ui,sans-serif}.eyebrow{color:#aeb5ca;letter-spacing:.025em;background:#ffffff0e;border:1px solid #ffffff13;border-radius:999px;align-items:center;margin-bottom:18px;padding:7px 11px;font:700 11px/1 system-ui,sans-serif;display:inline-flex}h1{letter-spacing:-.052em}h1 em,h2 em{color:#0000;background:linear-gradient(90deg,#74eee0,#9c8eff);-webkit-background-clip:text;background-clip:text}.modern-home{width:min(1260px,100% - 40px);padding:clamp(52px,7vw,90px) 0 88px}.modern-hero{background:linear-gradient(125deg,#fff1,#ffffff05 48%,#634ecc17),#10121fad;border:1px solid #ffffff17;border-radius:34px;max-width:none;min-height:510px;padding:clamp(42px,6vw,76px);position:relative;overflow:hidden;box-shadow:0 34px 100px #00000047}.modern-hero:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff0e,#0000 32%);position:absolute;inset:0}.hero-glow{pointer-events:none;filter:blur(4px);border-radius:50%;position:absolute}.glow-one{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#786bff7a,#6452e60f 62%,#0000 72%);width:410px;top:-140px;right:-90px}.glow-two{aspect-ratio:1;background:radial-gradient(circle,#2fd8ca40,#0000 69%);width:310px;bottom:-190px;right:170px}.modern-hero>:not(.hero-glow){z-index:1;position:relative}.modern-hero h1{max-width:880px;margin-bottom:22px;font-size:clamp(52px,7vw,88px);line-height:.94}.modern-hero p{color:#aab1c2;max-width:720px;font-size:clamp(16px,1.6vw,19px);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.hero-cta{color:#fff;letter-spacing:0;text-transform:none;background:linear-gradient(135deg,#7568ff,#4fd7cb);border-radius:14px;justify-content:space-between;align-items:center;gap:22px;min-width:210px;padding:15px 18px;font:760 14px/1 system-ui,sans-serif;display:inline-flex;box-shadow:0 16px 38px #505fe63b}.hero-note{color:#8e96aa;align-items:center;gap:9px;font-size:12px;display:inline-flex}.modern-hero .hero-stats{border:0;gap:10px;width:auto;margin:46px 0 0}.modern-hero .hero-stats>div{background:#05081147;border:1px solid #ffffff13;border-radius:15px;min-width:120px;margin:0;padding:13px 16px}.modern-hero .hero-stats b{color:#f5f7ff;font:700 22px/1 system-ui,sans-serif}.modern-hero .hero-stats span{color:#838ca0;letter-spacing:0;text-transform:none;margin-top:5px;font:600 10px/1 system-ui,sans-serif}.game-library{margin-top:64px}.game-library .section-heading{color:#7f879a;letter-spacing:0;border:0;align-items:baseline;margin-bottom:18px;font:500 13px/1 system-ui,sans-serif}.game-library .section-heading b{color:#f2f4fb;letter-spacing:-.025em;font-size:26px}.modern-card{background:#0f121ec2;border:1px solid #ffffff1a;border-radius:28px;min-height:390px;box-shadow:0 24px 70px #00000038}.modern-card:hover{border-color:#72e5da5c;transform:translateY(-5px);box-shadow:0 34px 90px #0000004f}.modern-card .radar-art{background:linear-gradient(#051218a3,#070f16d1),repeating-linear-gradient(0deg,#0000 0 39px,#5fdacd14 40px),repeating-linear-gradient(90deg,#0000 0 39px,#5fdacd14 40px);border-right:1px solid #ffffff14;min-height:390px}.paper-fleet-cover:after{content:"";filter:blur(10px);background:radial-gradient(#5bdbd82e,#0000 68%);border-radius:50%;width:58%;height:38%;position:absolute;bottom:16%;left:21%}.cover-chip{z-index:3;color:#dce5f4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a1294;border:1px solid #ffffff21;border-radius:999px;padding:8px 11px;font:650 11px/1 system-ui,sans-serif;position:absolute;bottom:20px;left:22px}.modern-card .game-card-copy{padding:clamp(34px,5vw,64px)}.modern-card .card-kicker{color:#8f97aa;letter-spacing:0;align-items:center;gap:12px;font:650 11px/1 system-ui,sans-serif;display:flex}.modern-card .live-pill{color:#7cf0e2;background:#46d7c917;border:1px solid #46d7c929;border-radius:999px;padding:6px 9px}.modern-card h2{text-transform:none;margin:24px 0 18px;font-size:clamp(42px,5vw,64px)}.modern-card p{color:#a0a8ba}.modern-card .tags{margin:16px 0 30px}.modern-card .tags span{color:#9ca4b6;letter-spacing:0;text-transform:none;background:#ffffff0e;border:0;border-radius:999px;padding:8px 10px;font:600 10px/1 system-ui,sans-serif}.modern-card .launch{color:#e8ebf5;letter-spacing:0;border-color:#ffffff13;font:700 13px/1 system-ui,sans-serif}.coming-grid{gap:14px;margin-top:14px}.coming{background:#ffffff06;border:1px solid #ffffff13;border-radius:20px;min-height:130px;padding:22px}.coming span,.coming small{color:#737b90;letter-spacing:0;font:550 11px/1.45 system-ui,sans-serif}.coming b{color:#b9bfd0;letter-spacing:-.01em;font:700 16px/1 system-ui,sans-serif}.back-link{color:#969eb0;letter-spacing:0;font:650 12px/1 system-ui,sans-serif}.back-link:hover{color:#e9ecf7}.briefing-card{background-color:#e3dbc3;border:1px solid #ffffff1a;border-radius:28px;overflow:hidden;box-shadow:0 34px 100px #00000052}.briefing-card h1{text-transform:none}.briefing-card label{letter-spacing:0;text-transform:none;font:700 12px/1 system-ui,sans-serif}.briefing-card input{background:#ffffff57;border:1px solid #15383b3b;border-radius:12px;padding:13px 14px}.briefing-card .primary,.invite-box .primary{text-transform:none;letter-spacing:0;border-radius:13px;font-family:system-ui,sans-serif}.divider span{letter-spacing:0;text-transform:none}.join-row input,.join-row button{border-radius:12px}.waiting-panel h1{text-transform:none}.invite-link{border-color:#6ce4d738;border-radius:14px;overflow:hidden}.crew{background:#ffffff06;border-color:#ffffff17;border-radius:16px}.crew b{text-transform:none}.crew small{letter-spacing:0;text-transform:none;font-family:system-ui,sans-serif}.app-shell:has(.battle-page){height:100dvh;min-height:0;overflow:hidden}.app-shell:has(.battle-page) .topbar{height:58px}.app-shell:has(.battle-page) footer{display:none}.battle-page{width:min(1660px,100% - 28px);height:calc(100dvh - 58px);min-height:0;padding:10px 0 14px;overflow:auto}.battle-topline{border-bottom:0;min-height:44px;padding:0 4px 8px}.room-code{background:#ffffff09;border:1px solid #ffffff14;border-radius:13px;gap:9px;padding:5px 7px 5px 12px}.room-code small{color:#8a93a6;font:650 10px/1 system-ui,sans-serif}.room-code b{color:#e7ebf5;letter-spacing:.13em;font-size:14px}.room-code button,.sound-toggle{color:#a4adbf;letter-spacing:0;background:#ffffff09;border-color:#ffffff13;border-radius:9px;padding:7px 9px;font:650 10px/1 system-ui,sans-serif}.sound-toggle:hover,.room-code button:hover{color:#fff;background:#ffffff12}@media (width>=1001px) and (height>=700px){:is(.battle-page:has(.placement-layout),.battle-page:has(.combat)){overflow:hidden}.placement-layout{grid-template-columns:minmax(300px,370px) minmax(0,1fr);align-items:center;gap:clamp(22px,3vw,48px);height:calc(100% - 44px);min-height:0;padding-top:10px}.placement-copy{scrollbar-width:thin;max-height:100%;padding:4px 8px 4px 2px;overflow:auto}.placement-copy h1{text-transform:none;margin:6px 0 10px;font-size:clamp(35px,3.3vw,51px)}.placement-copy>p{max-width:none;margin-bottom:12px;font-size:12px;line-height:1.5}.placement-copy .eyebrow{margin-bottom:6px}.ship-list{gap:5px;margin:12px 0 10px}.ship-list button{background:#ffffff08;border-color:#ffffff14;border-radius:12px;min-height:50px}.ship-list button.active{background:#42d7c912;border-color:#67eadb8a}.ship-list button b{letter-spacing:0;text-transform:none;font-family:system-ui,sans-serif;font-size:11px}.orientation-readout{border-radius:10px;margin:9px 0;padding:9px 11px}.placement-tools{gap:6px}.placement-tools button{letter-spacing:0;text-transform:none;border-radius:9px;padding:8px 9px;font-family:system-ui,sans-serif}.placement-copy .primary.full{border-radius:12px;margin-top:9px;padding:12px}.paper-board-wrap{border-radius:20px;justify-self:center;width:min(100%,100dvh - 145px,780px);padding:clamp(16px,1.8vw,28px)}.paper-board-wrap .board-shell{width:100%}.paper-caption{margin-top:10px}.combat{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:7px;height:calc(100% - 44px);min-height:0;padding-top:6px;display:grid}.combat-header{align-items:center;min-height:38px;margin:0}.combat-header .eyebrow{display:none}.combat-header h1{text-transform:none;margin:0;font-size:clamp(24px,2.2vw,34px);line-height:1}.turn-lamp{color:#9aa3b5;letter-spacing:0;background:#ffffff0a;border:0;border-radius:999px;padding:8px 11px;font:650 10px/1 system-ui,sans-serif}.persistent-turn-banner{background:#0f141fbd;border-color:#ffffff13;border-radius:14px;grid-template-columns:34px minmax(170px,1fr) auto;gap:10px;min-height:46px;margin:0;padding:7px 12px}.persistent-turn-banner.mine{border-color:#67eadb52;box-shadow:inset 3px 0 #67eadb,0 9px 30px #00000021}.persistent-turn-banner.theirs{box-shadow:inset 3px 0 #8f7cff}.turn-icon{border-radius:9px;width:30px;height:30px;font-size:16px}.persistent-turn-banner div{gap:2px}.persistent-turn-banner small,.persistent-turn-banner em{color:#8790a4;letter-spacing:0;text-transform:none;font:600 9px/1 system-ui,sans-serif}.persistent-turn-banner b{color:#f0f3fb;letter-spacing:0;text-transform:none;font:750 12px/1 system-ui,sans-serif}.persistent-turn-banner.mine b{color:#8ef1e5}.boards-grid{align-items:start;gap:clamp(10px,1.2vw,18px);min-height:0}.battle-board-panel{border-radius:18px;min-height:0;padding:clamp(10px,1.1vw,16px);box-shadow:0 14px 42px #0000002e}.board-title{margin-bottom:6px;padding-bottom:6px}.board-title span{letter-spacing:0;text-transform:none;font:750 11px/1 system-ui,sans-serif}.board-title b{text-transform:none;font:650 9px/1 system-ui,sans-serif}.battle-board-panel .board-shell{width:min(100%,clamp(330px,100dvh - 430px,555px))}.fleet-health{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:6px}.fleet-health div{min-height:26px;padding-top:4px;display:block;overflow:hidden}.health-ship{grid-template-columns:1fr;gap:1px}.health-ship .ship-art{height:13px}.health-ship b{display:none}.fleet-health i{letter-spacing:0;text-align:center;text-transform:none;margin-top:2px;font:750 6px/1 system-ui,sans-serif;display:block}.weapons-console{background:#0e121de0;border-color:#ffffff13;border-radius:16px;grid-template-columns:92px minmax(0,1fr) minmax(115px,155px);gap:8px;min-height:70px;margin:0;padding:7px 8px;box-shadow:0 12px 32px #00000021}.console-title{gap:3px}.console-title span{color:#e5e8f2;letter-spacing:0;font:750 12px/1 system-ui,sans-serif}.console-title b{color:#788196;font:550 9px/1.25 system-ui,sans-serif}.weapons{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weapons button{background:#ffffff06;border-color:#ffffff12;border-radius:11px;grid-template-columns:24px minmax(0,1fr) 18px;gap:4px;min-width:0;min-height:54px;padding:5px 6px}.weapons button:hover:not(:disabled){background:#ffffff0e}.weapons button.active{background:linear-gradient(135deg,#67eadb17,#8f7cff0f);border-color:#67eadb7a;box-shadow:inset 0 0 24px #67eadb09}.weapons button strong{color:#a3adc0;font-size:17px}.weapons button b{text-overflow:ellipsis;color:#dfe3ee;letter-spacing:0;white-space:nowrap;text-transform:none;font:700 9px/1 system-ui,sans-serif;overflow:hidden}.weapons button small{text-overflow:ellipsis;color:#7d8699;white-space:nowrap;font:550 7px/1 system-ui,sans-serif;overflow:hidden}.weapons button em{color:#919bad;font:750 10px/1 system-ui,sans-serif}.sonar-report{border-color:#ffffff14;min-width:0;padding-left:9px}.sonar-report span,.sonar-report small{color:#798296;font:550 7px/1.2 system-ui,sans-serif}.sonar-report b{color:#79ecdf;font:750 13px/1.25 system-ui,sans-serif}.combat-log{border-color:#ffffff12;align-items:center;gap:12px;min-height:30px;margin:0;padding:5px 8px 0;display:flex;overflow:hidden}.combat-log>span{color:#747d91;letter-spacing:0;text-transform:none;flex:none;font:650 9px/1 system-ui,sans-serif}.combat-log div{border:0;flex:1;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.combat-log time{flex:none;font:550 8px/1 system-ui,sans-serif}.combat-log p{text-overflow:ellipsis;white-space:nowrap;color:#8d96a9;font:550 9px/1 system-ui,sans-serif;overflow:hidden}}.turn-change-toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d111cf0;border:1px solid #ffffff1f;border-radius:16px;gap:4px;min-width:min(430px,100vw - 32px);padding:12px 18px;top:92px;transform:translate(-50%);box-shadow:0 18px 60px #0000006b}.turn-change-toast.mine{border-color:#67eadb85}.turn-change-toast.theirs{border-color:#8f7cff7a}.turn-change-toast small,.turn-change-toast span{color:#8d96aa;letter-spacing:0;text-transform:none;font:600 9px/1.2 system-ui,sans-serif}.turn-change-toast b{color:#f4f6fc;letter-spacing:-.02em;text-transform:none;font:780 clamp(20px,2.4vw,31px)/1 system-ui,sans-serif}.turn-change-toast.mine b{color:#7ef0e2}.floating-message{letter-spacing:0;border-radius:12px;font-family:system-ui,sans-serif;bottom:18px}@media (width<=1180px) and (width>=1001px){.weapons-console{grid-template-columns:78px minmax(0,1fr)}.sonar-report{display:none}.weapons button{grid-template-columns:20px minmax(0,1fr) 16px;padding-inline:4px}.weapons button strong{font-size:14px}}@media (width<=1000px){.app-shell:has(.battle-page){height:auto;overflow:visible}.app-shell:has(.battle-page) .topbar{height:62px}.battle-page{height:auto;min-height:calc(100dvh - 62px);overflow:visible}.modern-hero{min-height:0;padding:40px 28px}.modern-card{border-radius:22px}.modern-card .radar-art{border-right:0}.weapons{grid-template-columns:repeat(4,1fr)}}@media (width<=780px){.modern-home{width:min(100% - 24px,1260px);padding-top:24px}.modern-hero{border-radius:24px}.modern-hero h1{font-size:clamp(45px,13vw,70px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-cta,.modern-hero .hero-stats{width:100%}.modern-card .game-card-copy{padding:28px 22px}.game-library{margin-top:38px}.turn-change-toast{top:76px}}@media (width<=520px){.modern-hero{padding:30px 20px}.modern-hero .hero-stats{flex-wrap:wrap}.modern-hero .hero-stats>div{min-width:calc(50% - 6px)}.weapons{grid-template-columns:repeat(2,1fr)}}.ship-sprite.enemy-wreck{opacity:.94;z-index:4;filter:grayscale(.56)sepia(.48)saturate(.74)brightness(.72)contrast(1.22)drop-shadow(0 5px 6px #3611099e);animation:.72s cubic-bezier(.2,.8,.2,1) both wreckReveal}.ship-sprite.enemy-wreck .ship-art{filter:sepia(.48)saturate(.72)brightness(.76)contrast(1.18)}.ship-sprite.enemy-wreck .ship-wake{opacity:.18}.wreck-burn{pointer-events:none;position:absolute;inset:0;overflow:visible}.wreck-burn i{aspect-ratio:1;background:radial-gradient(circle at 50% 65%,#ffe0a0 0 17%,#ff7a3c 22% 46%,#74180eb8 52% 64%,#0000 70%);border-radius:50% 50% 45% 55%;width:12%;animation:1.1s ease-in-out infinite alternate wreckFire;position:absolute;box-shadow:0 0 10px #ff5b30b3,0 -8px 14px #2d2a286b}.wreck-burn i:first-child{top:32%;left:24%}.wreck-burn i:nth-child(2){animation-delay:-.35s;top:46%;left:52%;transform:scale(.8)}.wreck-burn i:nth-child(3){animation-delay:-.7s;top:28%;left:72%;transform:scale(.62)}@keyframes wreckReveal{0%{opacity:0;filter:brightness(2.4)saturate(2);transform:scale(.86)}45%{opacity:1;transform:scale(1.035)}to{opacity:.94;transform:scale(1)}}@keyframes wreckFire{0%{opacity:.62;translate:0 2px;scale:.86}to{opacity:1;translate:0 -2px;scale:1.12}}.sunk-cinematic{background:linear-gradient(145deg,#1a1417f5,#0a0f15f5);border:1px solid #ff77526b;border-radius:24px;grid-template-columns:minmax(160px,1fr) auto;grid-template-areas:"ship small""ship title";align-items:center;gap:4px 24px;width:min(560px,100vw - 42px);padding:24px 30px 26px;animation:.82s cubic-bezier(.18,.8,.2,1) both sunkCardIn;display:grid;box-shadow:0 30px 100px #0000008c,0 0 70px #ff502c1f}.sunk-ships-preview{grid-area:ship;align-items:center;gap:6px;display:grid}.sunk-cinematic .ship-art{filter:grayscale(.55)sepia(.5)brightness(.75)drop-shadow(0 10px 12px #0000008c);width:100%;height:58px}.sunk-ships-preview .ship-art+.ship-art{opacity:.86;height:42px}.sunk-cinematic small{color:#ff9b79;letter-spacing:.09em;text-transform:uppercase;grid-area:small;font:700 10px/1 system-ui,sans-serif}.sunk-cinematic b{color:#fff4ef;letter-spacing:-.025em;white-space:nowrap;grid-area:title;font:800 clamp(22px,3vw,34px)/1.05 system-ui,sans-serif}@keyframes sunkCardIn{0%{opacity:0;transform:translateY(20px)scale(.9)}38%{opacity:1;transform:translateY(0)scale(1.035)}to{opacity:0;transform:translateY(-6px)scale(1)}}.series-score{color:#eef3fb;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);align-items:center;gap:12px;min-width:min(430px,100vw - 38px);padding:14px 18px 12px;display:grid;position:relative}.series-score .score-player{justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.series-score .score-player.mine{justify-content:flex-end}.series-score small{color:#a1aabd;text-overflow:ellipsis;white-space:nowrap;font:650 12px/1 system-ui,sans-serif;overflow:hidden}.series-score b,.result-banner .series-score b{color:#f7f9ff;letter-spacing:-.04em;margin:0;font:850 30px/1 system-ui,sans-serif}.series-score .mine b{color:#79ecdf}.series-score>i{color:#596276;font:500 17px/1 system-ui,sans-serif}.series-score>em{color:#7e889e;white-space:nowrap;background:#111724;border-radius:999px;padding:2px 8px;font:650 8px/1 system-ui,sans-serif;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.series-score.compact{border-radius:12px;gap:7px;width:fit-content;min-width:220px;padding:7px 11px 6px}.series-score.compact small{max-width:86px;font-size:9px}.series-score.compact b,.result-banner .series-score.compact b{font-size:18px}.series-score.compact>em{font-size:7px;bottom:-6px}.placement-copy>.series-score{margin:0 0 14px}.result-banner{padding:22px;overflow:auto}.result-banner>small{color:#9099ab;letter-spacing:.12em;text-transform:uppercase;font:700 10px/1 system-ui,sans-serif}.result-banner>b{color:var(--cyan);letter-spacing:-.055em;margin:12px 0 16px;font:850 clamp(46px,7vw,84px)/.92 system-ui,sans-serif}.result-banner.lost>b{color:#ff7968}.result-banner>.series-score{margin-bottom:20px}.rematch-panel{background:#ffffff0b;border:1px solid #ffffff17;border-radius:20px;width:min(470px,100vw - 38px);padding:18px;box-shadow:0 18px 55px #00000029}.rematch-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.rematch-heading span{color:#f1f4fb;font:760 18px/1 system-ui,sans-serif}.rematch-heading strong{color:#79ecdf;text-align:center;font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:10px;min-width:58px;padding:7px 9px;font:800 16px/1 system-ui,sans-serif}.rematch-panel p{color:#929bae;margin:12px 0 14px;font:550 12px/1.55 system-ui,sans-serif}.rematch-panel .rematch-expired{color:#a98f91}.result-banner .rematch-panel button{letter-spacing:0;text-transform:none;border-radius:12px;width:100%;margin:0;padding:12px 14px;font:720 12px/1 system-ui,sans-serif}.result-banner .rematch-primary{color:#a5f8ee;background:linear-gradient(135deg,#67eadb2e,#5bb1cc1c);border:1px solid #67eadb8c}.result-banner .rematch-primary:hover:not(:disabled){background:linear-gradient(135deg,#67eadb42,#5bb1cc2b)}.result-banner .rematch-primary:disabled{opacity:.58}.result-banner .rematch-secondary{color:#919aad;background:0 0;border:1px solid #ffffff14;margin-top:8px}.result-banner .rematch-secondary:hover{color:#dfe4ef;background:#ffffff09}@media (width>=1001px) and (height>=700px){.combat-header{gap:12px}.combat-header>:first-child{flex:auto}.combat-header>.series-score,.combat-header>.turn-lamp{flex:none}}@media (width<=1000px){.combat-header .series-score.compact{align-self:flex-start}.sunk-cinematic{text-align:center;grid-template-columns:1fr;grid-template-areas:"ship""small""title"}.sunk-cinematic b{white-space:normal}}@media (width<=520px){.series-score{gap:7px;width:100%;min-width:0;padding-inline:10px}.series-score small{max-width:90px;font-size:10px}.series-score b,.result-banner .series-score b{font-size:24px}.sunk-cinematic{padding:18px}.sunk-cinematic .ship-art{height:58px}.result-banner{justify-content:flex-start;padding-top:72px}}