@charset "UTF-8";:root,:root[data-theme=admiralty]{color-scheme:dark;--abyss: #040A14;--abyss-rgb: 4, 10, 20;--deep: #081325;--hull: #0D1C33;--hull-rgb: 13, 28, 51;--hull-2: #13284A;--hull-2-rgb: 19, 40, 74;--hull-3: #1A3560;--hull-3-rgb: 26, 53, 96;--panel-bottom-rgb: 10, 22, 42;--bg-top: #06101F;--bg-glow-blue-rgb: 40, 90, 180;--overlay-rgb: 2, 6, 14;--line-rgb: 140, 185, 235;--line: rgba(var(--line-rgb), .13);--line-2: rgba(var(--line-rgb), .24);--contour: #7AA6D8;--white-rgb: 255, 255, 255;--gloss-rgb: 255, 255, 255;--shadow-rgb: 0, 0, 0;--foam: #EAF3FF;--foam-2: #BFD4EE;--steel: #B7C7DC;--muted: #7489A6;--dim: #4B5E7A;--brass: #F0B44C;--brass-rgb: 240, 180, 76;--brass-2: #FFD889;--brass-3: #B9771C;--brass-hi: #FFE3A3;--brass-lo: #D18E25;--on-brass: #1D1204;--sonar: #2CE6C3;--sonar-rgb: 44, 230, 195;--sonar-2: #7AF5DE;--sonar-hi: #8CFBE6;--sonar-lo: #17B79A;--sonar-dim: rgba(var(--sonar-rgb), .14);--on-sonar: #04201B;--signal: #FF4A3A;--signal-rgb: 255, 74, 58;--signal-hi: #FF6E5F;--signal-lo: #E0352A;--signal-text: #FF8E84;--signal-dim: rgba(var(--signal-rgb), .14);--on-signal: #FFFFFF;--ember: #FF8C3A;--ember-rgb: 255, 140, 58;--splash: #5EA8FF;--splash-rgb: 94, 168, 255;--splash-2: #8EC3FF;--splash-dim: rgba(var(--splash-rgb), .16);--ok: #3EE08A;--ok-rgb: 62, 224, 138;--ava-a1: #FFE3A3;--ava-a2: #D9962E;--ava-b1: #7AF5DE;--ava-b2: #1E8FA0;--ava-c1: #B9C9FF;--ava-c2: #5568D8;--ava-d1: #FFB3A8;--ava-d2: #D9483A;--ava-e1: #C9F59A;--ava-e2: #4CA14A;--ava-f1: #E0C3FF;--ava-f2: #8A55D8;--ava-g1: #A9D8FF;--ava-g2: #2F79C9;--water-top: #0B2240;--water-bottom: #081830;--radar-top: #062126;--radar-bottom: #04161C;--wave-stroke: #7AB0FF;--ship-hull-1: #B9CCE4;--ship-hull-2: #8299B8;--ship-hull-3: #4C6383;--ship-deck-1: #6F87A8;--ship-deck-2: #4A6080;--ship-detail: #D7E3F2;--ship-gun: #33475F;--ship-stroke-rgb: 225, 238, 255;--ship-sunk-1: #5A3A33;--ship-sunk-2: #2A1715;--ship-sunk-deck: #3A2522;--ship-sunk-detail: #6B4A42;--ship-sunk-gun: #1C100F;--ship-sel-detail: #FFF1CC;--fire-1: #FFF6C8;--fire-2: #FFC24A;--fire-3: #FF6A2E;--fire-4: #E5322A;--hit-x: #FF5A48;--ill-sky-1: #030812;--ill-sky-2: #0B2140;--ill-sky-3: #1E3F66;--ill-sky-4: #0A1A30;--ill-sea-1: #0E2747;--ill-sea-2: #071629;--ill-sea-3: #030A14;--ill-moon-halo: #DCEBFF;--ill-moon-glow: #9CC2F0;--ill-moon: #E9F2FF;--ill-moon-crater: #C9D9EE;--ill-star: #CFE0FF;--ill-moonpath: #CFE2FF;--ill-beam: #DDEBFF;--ill-flash-1: #FFF8D8;--ill-flash-2: #FFCB5A;--ill-flash-3: #FF6A2E;--ill-glow-red: #FF7A3A;--ill-tracer: #FFF1C2;--ill-fire: #FFB347;--ill-muzzle: #FFF3C4;--ill-wave-1: #14365E;--ill-wave-1b: #06111F;--ill-wave-2: #0F2B4D;--ill-wave-2b: #040B16;--ill-wave-3: #030912;--ill-smoke: #2A3B55;--ill-smoke-2: #3A4A62;--ill-hull: #02060D;--ill-target: #05101F;--ill-horizon: #4E7DB5;--ill-rim-1: #3E6595;--ill-rim-2: #5D8BC4;--ill-waterline: #7FB0E8;--ill-wave-line: #7FB8FF;--on-ill-text: #EAF3FF;--on-ill-text-2: #BFD4EE;--on-ill-steel: #B7C7DC;--on-ill-muted: #7489A6;--on-ill-rgb: 4, 10, 20;--on-ill-line-rgb: 140, 185, 235;--medal-silver: #B7C7DC;--medal-silver-rgb: 183, 199, 220;--medal-bronze: #CD7F32;--medal-bronze-rgb: 205, 127, 50;--logo-bg: #0B1A31;--google-bg: #FFFFFF;--google-text: #1F1F1F;--r: 14px;--r-sm: 9px;--r-lg: 22px;--display: "Russo One", system-ui, sans-serif;--body: "Manrope", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--cell: 40px;--grad-brass-btn: linear-gradient(180deg, var(--brass-2) 0%, var(--brass) 48%, var(--brass-lo) 100%);--grad-brass-text: linear-gradient(180deg, var(--brass-hi) 0%, var(--brass) 55%, var(--brass-3) 100%);--grad-sonar-btn: linear-gradient(180deg, var(--sonar-hi), var(--sonar) 60%, var(--sonar-lo));--grad-danger-btn: linear-gradient(180deg, var(--signal-hi), var(--signal-lo));--grad-panel: linear-gradient(180deg, rgba(var(--hull-2-rgb), .72), rgba(var(--panel-bottom-rgb), .82));--grad-raised: linear-gradient(180deg, rgba(var(--hull-3-rgb), .5), rgba(var(--hull-rgb), .5))}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--abyss)}html{overflow-x:clip}body{margin:0;font-family:var(--body);color:var(--steel);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(var(--sonar-rgb),.12),0 0 0 1px var(--sonar);border-radius:10px}::selection{background:rgba(var(--sonar-rgb),.3);color:var(--foam)}svg.i{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sea-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 80% -10%,rgba(var(--sonar-rgb),.1),transparent 60%),radial-gradient(900px 700px at 0% 30%,rgba(var(--bg-glow-blue-rgb),.22),transparent 60%),radial-gradient(800px 500px at 60% 120%,rgba(var(--brass-rgb),.07),transparent 60%),linear-gradient(180deg,var(--bg-top) 0%,var(--abyss) 100%)}.sea-bg:before{content:"";position:absolute;inset:0;opacity:.55;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%)}.sea-bg:after{content:"";position:absolute;inset:0;opacity:.18;background:var(--contour);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cg fill='none' stroke='%23000'%3E%3Cpath d='M-20 80 C100 40 180 120 300 90 S500 30 620 70'/%3E%3Cpath d='M-20 110 C100 70 190 150 310 120 S500 60 620 100'/%3E%3Cpath d='M-20 260 C80 230 200 300 320 270 S520 220 620 250'/%3E%3Cpath d='M-20 290 C80 260 200 330 320 300 S520 250 620 280'/%3E%3Cpath d='M-20 320 C80 290 200 360 320 330 S520 280 620 310'/%3E%3Cellipse cx='450' cy='170' rx='60' ry='28'/%3E%3Cellipse cx='450' cy='170' rx='95' ry='48'/%3E%3Cellipse cx='450' cy='170' rx='130' ry='70'/%3E%3C/g%3E%3C/svg%3E");mask-size:600px 400px;mask-repeat:repeat}.display{font-family:var(--display);color:var(--foam);letter-spacing:.01em;line-height:1.02;text-transform:uppercase}.h1{font-family:var(--display);font-size:44px;color:var(--foam);text-transform:uppercase;line-height:1.05;letter-spacing:.01em;font-weight:400}.h2{font-family:var(--display);font-size:28px;color:var(--foam);text-transform:uppercase;line-height:1.1;font-weight:400}.h3{font-family:var(--display);font-size:19px;color:var(--foam);text-transform:uppercase;letter-spacing:.02em;font-weight:400}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sonar);display:inline-flex;align-items:center;gap:8px}.kicker:before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}.kicker.brass{color:var(--brass)}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.dim{color:var(--dim)}.foam{color:var(--foam)}.steel{color:var(--steel)}.brass{color:var(--brass)}.sonar{color:var(--sonar)}.signal{color:var(--signal)}.signal-text{color:var(--signal-text)}.splash{color:var(--splash)}.ok{color:var(--ok)}.lead{font-size:17px;color:var(--steel);max-width:620px}.grad-brass{background:var(--grad-brass-text);-webkit-background-clip:text;background-clip:text;color:transparent}.grad-foam{background:linear-gradient(180deg,var(--foam) 0%,var(--foam-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tag-mono{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nowrap{white-space:nowrap}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}.wrap.wide{max-width:1360px}.wrap.narrow{max-width:980px}.page{padding-top:36px;padding-bottom:64px;min-height:calc(100vh - 156px)}.row{display:flex;gap:16px;align-items:center}.col{display:flex;flex-direction:column;gap:16px}.grow{flex:1;min-width:0}.between{justify-content:space-between}.wrap-items{flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.page-head .lead{margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{padding:0 16px}.page{padding-top:20px;padding-bottom:40px}.h1{font-size:30px}.h2{font-size:22px}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,1fr);gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:760px){body{padding-bottom:72px}}.panel{background:var(--grad-panel);border:1px solid var(--line);border-radius:var(--r-lg);position:relative;box-shadow:0 1px rgba(var(--gloss-rgb),.04) inset,0 30px 60px -30px rgba(var(--shadow-rgb),.6)}.panel.pad{padding:28px}.panel.pad-sm{padding:20px}.panel.flat{background:rgba(var(--hull-rgb),.55);box-shadow:none}.panel.note{padding:12px 14px;border-radius:12px;display:flex;gap:10px;font-size:13px;text-align:left;align-items:flex-start}.panel.brass-edge{border-color:rgba(var(--brass-rgb),.45)}.panel.sonar-edge{border-color:rgba(var(--sonar-rgb),.35)}.panel.signal-edge{border-color:rgba(var(--signal-rgb),.4)}.hud{position:relative}.hud:before,.hud:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--sonar);opacity:.75;pointer-events:none}.hud:before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:var(--r-lg)}.hud:after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:var(--r-lg)}.hud.brass:before,.hud.brass:after{border-color:var(--brass)}.divider{height:1px;background:var(--line);border:0;margin:0}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panel-title .h3{font-size:16px}.panel-title>svg.i{color:var(--sonar)}.panel-title .tag{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:12px;font-family:var(--display);font-size:15px;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:filter .15s,transform .15s,background-color .15s,border-color .15s;color:var(--foam);background:transparent}.btn:hover:not(:disabled):not(.disabled){filter:brightness(1.08)}.btn:active:not(:disabled):not(.disabled){transform:translateY(1px)}.btn:disabled,.btn.disabled{opacity:.45;cursor:not-allowed;filter:saturate(.4)}.btn.lg{height:60px;padding:0 34px;font-size:17px;border-radius:14px}.btn.sm{height:38px;padding:0 16px;font-size:12.5px;border-radius:10px;gap:8px}.btn.xs{height:32px;padding:0 12px;font-size:11.5px;border-radius:9px;gap:6px}.btn.primary{color:var(--on-brass);background:var(--grad-brass-btn);box-shadow:0 1px rgba(var(--gloss-rgb),.55) inset,0 -2px rgba(var(--shadow-rgb),.18) inset,0 10px 30px -8px rgba(var(--brass-rgb),.55)}.btn.sonar{color:var(--on-sonar);background:var(--grad-sonar-btn);box-shadow:0 1px rgba(var(--gloss-rgb),.5) inset,0 10px 30px -8px rgba(var(--sonar-rgb),.5)}.btn.ghost{color:var(--foam);background:rgba(var(--white-rgb),.03);border-color:var(--line-2)}.btn.ghost:hover:not(:disabled){border-color:rgba(var(--sonar-rgb),.45)}.btn.danger{color:var(--on-signal);background:var(--grad-danger-btn);box-shadow:0 10px 30px -10px rgba(var(--signal-rgb),.6)}.btn.danger-ghost{color:var(--signal-text);border-color:rgba(var(--signal-rgb),.35);background:rgba(var(--signal-rgb),.06)}.btn.brass-ghost{color:var(--brass);border-color:rgba(var(--brass-rgb),.4);background:rgba(var(--brass-rgb),.07)}.btn.sonar-ghost{color:var(--sonar);border-color:rgba(var(--sonar-rgb),.4);background:var(--sonar-dim)}.btn.block{width:100%}.icon-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;border:1px solid var(--line);background:rgba(var(--white-rgb),.02);color:var(--steel);position:relative;cursor:pointer;transition:border-color .15s,color .15s}.icon-btn:hover{border-color:var(--line-2);color:var(--foam)}.icon-btn.sm{width:34px;height:34px;border-radius:9px}.icon-btn.danger:hover{color:var(--signal-text);border-color:rgba(var(--signal-rgb),.4)}.icon-btn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 2px var(--abyss)}.kbd{font-family:var(--mono);font-size:11px;padding:2px 7px;border-radius:6px;border:1px solid var(--line-2);border-bottom-width:2px;color:var(--steel);background:rgba(var(--white-rgb),.03);white-space:nowrap}.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer}.back:hover{color:var(--foam)}.chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:30px;font-size:12.5px;font-weight:600;white-space:nowrap;border:1px solid var(--line-2);color:var(--steel);background:rgba(var(--white-rgb),.02)}.chip.sonar{color:var(--sonar);border-color:rgba(var(--sonar-rgb),.35);background:var(--sonar-dim)}.chip.brass{color:var(--brass);border-color:rgba(var(--brass-rgb),.35);background:rgba(var(--brass-rgb),.08)}.chip.signal{color:var(--signal-text);border-color:rgba(var(--signal-rgb),.35);background:var(--signal-dim)}.chip.splash{color:var(--splash);border-color:rgba(var(--splash-rgb),.35);background:var(--splash-dim)}.chip.ok{color:var(--ok);border-color:rgba(var(--ok-rgb),.35);background:rgba(var(--ok-rgb),.08)}.chip.sm{height:24px;padding:0 9px;font-size:11.5px}.chip .d{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.field{display:flex;flex-direction:column;gap:8px}.field>label{font-size:13px;font-weight:600;color:var(--steel);display:flex;justify-content:space-between;gap:8px}.input{height:52px;border-radius:12px;border:1px solid var(--line-2);background:rgba(var(--abyss-rgb),.55);display:flex;align-items:center;gap:12px;padding:0 16px;color:var(--foam);font-size:15px;transition:border-color .15s,box-shadow .15s}.input svg.i{color:var(--muted)}.input input,.input select{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--foam);font-size:inherit}.input input::placeholder{color:var(--dim)}.input input:focus-visible{box-shadow:none}.input:focus-within,.input.focus{border-color:var(--sonar);box-shadow:0 0 0 4px rgba(var(--sonar-rgb),.12)}.input.err,.input.err:focus-within{border-color:rgba(var(--signal-rgb),.6);box-shadow:0 0 0 4px rgba(var(--signal-rgb),.1)}.input .ph{color:var(--dim)}.input .eye{color:var(--muted);display:grid;place-items:center}.input.sm{height:44px;font-size:14px}.hint-err{font-size:12.5px;color:var(--signal-text);display:flex;gap:6px;align-items:center}.hint{font-size:12px;color:var(--muted)}.strength{display:flex;gap:4px;margin-top:2px}.strength i{flex:1;height:5px;border-radius:3px;background:rgba(var(--white-rgb),.08)}.strength.s1 i:nth-child(-n+1){background:var(--signal)}.strength.s2 i:nth-child(-n+2){background:var(--brass)}.strength.s3 i:nth-child(-n+3){background:var(--sonar)}.strength.s4 i:nth-child(-n+4){background:var(--sonar)}.seg{display:inline-flex;padding:4px;border-radius:13px;background:rgba(var(--abyss-rgb),.6);border:1px solid var(--line);max-width:100%;overflow-x:auto}.seg>a,.seg>button{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 18px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;white-space:nowrap}.seg>a:hover,.seg>button:hover{color:var(--foam)}.seg>.on{background:linear-gradient(180deg,var(--hull-3),var(--hull-2));color:var(--foam);box-shadow:0 1px rgba(var(--gloss-rgb),.08) inset,0 4px 14px rgba(var(--shadow-rgb),.35)}.seg .n{font-family:var(--mono);font-size:11px;padding:1px 7px;border-radius:20px;background:rgba(var(--white-rgb),.07)}.seg>.on .n{background:var(--brass);color:var(--on-brass)}.seg.block{display:flex;width:100%}.seg.block>*{flex:1}.stat{padding:18px 20px;border-radius:16px;background:rgba(var(--abyss-rgb),.45);border:1px solid var(--line);min-width:0}.stat .v{font-family:var(--display);font-size:30px;color:var(--foam);line-height:1}.stat .v small{font-size:.5em;color:var(--muted)}.stat .l{font-size:12.5px;color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:6px}.stat.sm{padding:12px 14px}.stat.sm .v{font-size:22px}.bar{height:8px;border-radius:8px;background:rgba(var(--white-rgb),.06);overflow:hidden}.bar>i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--sonar),var(--sonar-2));transition:width .4s}.bar.brass>i{background:linear-gradient(90deg,var(--brass-lo),var(--brass-2))}.bar.signal>i{background:linear-gradient(90deg,var(--signal-lo),var(--ember))}.bar.thin{height:4px}.hp{display:flex;gap:3px}.hp i{width:9px;height:9px;border-radius:2px;background:var(--sonar);box-shadow:0 0 6px rgba(var(--sonar-rgb),.45)}.hp i.lost{background:rgba(var(--signal-rgb),.25);border:1px solid rgba(var(--signal-rgb),.6);box-shadow:none}.hp.brass i{background:var(--brass);box-shadow:0 0 6px rgba(var(--brass-rgb),.45)}.hp.brass i.lost{background:rgba(var(--signal-rgb),.25);box-shadow:none}.table{width:100%;border-collapse:separate;border-spacing:0 6px}.table th{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;text-align:left;padding:4px 16px;white-space:nowrap}.table td{padding:12px 16px;background:rgba(var(--hull-rgb),.55);border-top:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle}.table td:first-child{border-left:1px solid var(--line);border-radius:12px 0 0 12px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.table tr.mine td{background:rgba(var(--brass-rgb),.1);border-color:rgba(var(--brass-rgb),.35)}.table tbody tr:hover td{background:rgba(var(--hull-2-rgb),.7)}.table tbody tr.mine:hover td{background:rgba(var(--brass-rgb),.14)}.table .num{font-family:var(--mono);color:var(--foam)}.table-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px}.ava{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;font-family:var(--display);font-size:14px;color:var(--on-brass);background:linear-gradient(135deg,var(--ava-a1),var(--ava-a2));position:relative;text-transform:uppercase}.ava.lg{width:96px;height:96px;border-radius:26px;font-size:38px}.ava.md{width:46px;height:46px;border-radius:13px;font-size:17px}.ava.sm{width:28px;height:28px;border-radius:8px;font-size:11px}.ava.b{background:linear-gradient(135deg,var(--ava-b1),var(--ava-b2))}.ava.c{background:linear-gradient(135deg,var(--ava-c1),var(--ava-c2))}.ava.d{background:linear-gradient(135deg,var(--ava-d1),var(--ava-d2))}.ava.e{background:linear-gradient(135deg,var(--ava-e1),var(--ava-e2))}.ava.f{background:linear-gradient(135deg,var(--ava-f1),var(--ava-f2))}.ava.g{background:linear-gradient(135deg,var(--ava-g1),var(--ava-g2))}.ava img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.ava .on-dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid var(--deep)}.ava .on-dot.off{background:var(--dim)}.ava .on-dot.busy{background:var(--brass)}.insignia{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(var(--brass-rgb),.25),rgba(var(--brass-rgb),.04));border:1px solid rgba(var(--brass-rgb),.35)}.insignia.locked{background:rgba(var(--white-rgb),.02);border-color:var(--line);filter:grayscale(1);opacity:.45}.stepper{display:flex;align-items:center;margin-bottom:34px;flex-wrap:wrap;row-gap:10px}.stepper .st{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--dim)}.stepper .st .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12px;border:1px solid var(--line-2)}.stepper .st.done{color:var(--steel)}.stepper .st.done .n{background:var(--sonar-dim);border-color:rgba(var(--sonar-rgb),.5);color:var(--sonar)}.stepper .st.on{color:var(--foam)}.stepper .st.on .n{background:linear-gradient(180deg,var(--brass-2),var(--brass-lo));color:var(--on-brass);border:0;box-shadow:0 0 0 5px rgba(var(--brass-rgb),.15)}.stepper .ln{flex:1;height:1px;background:var(--line-2);margin:0 16px;max-width:110px;min-width:20px}.stepper .ln.done{background:var(--sonar)}.state-ic{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;margin:30px auto 26px;position:relative;color:var(--sonar);background:var(--sonar-dim);border:1px solid rgba(var(--sonar-rgb),.4)}.state-ic:before,.state-ic:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid currentColor;opacity:.25}.state-ic:after{inset:-26px;opacity:.12}.state-ic.brass{color:var(--brass);background:rgba(var(--brass-rgb),.1);border-color:rgba(var(--brass-rgb),.4)}.state-ic.signal{color:var(--signal-text);background:var(--signal-dim);border:2px solid rgba(var(--signal-rgb),.6)}.state-ic.success{background:radial-gradient(circle,rgba(var(--sonar-rgb),.3),rgba(var(--sonar-rgb),.05));border:2px solid var(--sonar);box-shadow:0 0 40px rgba(var(--sonar-rgb),.35)}.state-ic.sm{width:64px;height:64px;margin:18px auto 20px}.state-ic.sm:after{display:none}.empty{text-align:center;padding:32px 20px;color:var(--muted)}.empty .h3{margin-bottom:6px}.spinner{width:34px;height:34px;border-radius:50%;margin:0 auto;border:3px solid rgba(var(--sonar-rgb),.15);border-top-color:var(--sonar);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 0;color:var(--muted)}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:13.5px;border:1px solid rgba(var(--signal-rgb),.35);background:var(--signal-dim);color:var(--signal-text)}.alert.ok{border-color:rgba(var(--sonar-rgb),.35);background:var(--sonar-dim);color:var(--sonar)}.alert.info{border-color:var(--line-2);background:rgba(var(--hull-rgb),.55);color:var(--steel)}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(var(--overlay-rgb),.72);backdrop-filter:blur(6px);animation:fade-in .18s ease-out}.dlg{width:100%;max-width:440px;padding:30px;text-align:center;background:linear-gradient(180deg,var(--hull-2),var(--deep));animation:pop-in .22s ease-out}.dlg .dlg-ic{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;margin:0 auto 18px}.dlg .dlg-ic.signal{background:var(--signal-dim);color:var(--signal-text);border:1px solid rgba(var(--signal-rgb),.4)}.dlg .dlg-ic.brass{background:rgba(var(--brass-rgb),.1);color:var(--brass);border:1px solid rgba(var(--brass-rgb),.4)}.dlg .dlg-ic.sonar{background:var(--sonar-dim);color:var(--sonar);border:1px solid rgba(var(--sonar-rgb),.4)}.dlg .h2{font-size:24px}.dlg p{color:var(--muted);font-size:14.5px;margin:8px 0 24px}.dlg .actions{display:flex;gap:12px}.dlg .actions>*{flex:1}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}.toast-stack{position:fixed;top:86px;right:20px;z-index:1100;width:400px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:12px}.toast{width:100%;border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(var(--hull-3-rgb),.96),rgba(var(--hull-rgb),.98));border:1px solid rgba(var(--brass-rgb),.45);box-shadow:0 30px 60px -15px rgba(var(--shadow-rgb),.8),0 0 0 6px rgba(var(--brass-rgb),.06);animation:pop-in .22s ease-out}.tmini{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;font-size:14px;background:linear-gradient(180deg,var(--hull-2),var(--hull));border:1px solid var(--line-2);box-shadow:0 20px 40px -15px rgba(var(--shadow-rgb),.8);animation:pop-in .22s ease-out}.tmini .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(var(--white-rgb),.05);color:var(--muted)}.tmini .x{margin-left:auto;color:var(--dim);cursor:pointer;display:grid;place-items:center}.tmini .x:hover{color:var(--foam)}.tmini.sonar{border-color:rgba(var(--sonar-rgb),.4)}.tmini.sonar .ic{background:var(--sonar-dim);color:var(--sonar)}.tmini.brass{border-color:rgba(var(--brass-rgb),.4)}.tmini.brass .ic{background:rgba(var(--brass-rgb),.1);color:var(--brass)}.tmini.signal{border-color:rgba(var(--signal-rgb),.35)}.tmini.signal .ic{background:var(--signal-dim);color:var(--signal-text)}.mini-ships{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.svc-page{display:grid;grid-template-columns:minmax(0,440px);place-content:center;padding:48px 16px 64px;min-height:calc(100vh - 156px)}.svc-card{width:100%;min-width:0;padding:30px}@media(max-width:720px){.svc-page{padding-top:24px}.svc-card{padding:22px 18px}}.svc-card.center{text-align:center}.svc-card .h2{font-size:24px}.svc-card .sub{font-size:14px;margin-top:6px;color:var(--muted)}.svc-card .field{margin-top:14px}.svc-card .input{height:48px;font-size:14.5px}.svc-card .note{margin:18px 0}.svc-card .btn.block{margin-top:20px}.toast-stack{pointer-events:none}.toast-stack>*{pointer-events:auto}.game.page{padding-top:26px}.err-box{max-width:460px;margin:40px auto;text-align:center}.err-box p{margin-bottom:20px}.hudbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px 26px;margin-bottom:24px}.hudbar .side{display:flex;align-items:center;gap:14px;min-width:0}.hudbar .side.r{flex-direction:row-reverse;text-align:right}.hudbar .side-info{min-width:0}.hudbar .nm{font-family:var(--display);font-size:17px;color:var(--foam);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hudbar .sub{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hudbar .side.r .sub{justify-content:flex-end}.hudbar .hpw{width:240px;max-width:100%;margin-top:8px}.hudbar .side.r .hpw{margin-left:auto}.hudbar .hp{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.hudbar .hp i{width:auto}.hudbar .cap{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:6px;text-transform:uppercase;letter-spacing:.06em}.hudbar .bot{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex:none;color:var(--signal-text);background:radial-gradient(circle at 50% 30%,rgba(var(--signal-rgb),.35),rgba(var(--signal-rgb),.05));border:1px solid rgba(var(--signal-rgb),.45)}.hudbar .stars{display:inline-flex;gap:2px;color:var(--dim)}.hudbar .stars .on{color:var(--brass)}.hudbar .stars .on svg.i{fill:currentColor}.turn{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:330px;text-align:center}.turn .big{font-family:var(--display);font-size:30px;color:var(--sonar);text-shadow:0 0 24px rgba(var(--sonar-rgb),.55);display:flex;gap:12px;align-items:center;letter-spacing:.04em;text-transform:uppercase}.turn .big.opp{color:var(--brass);text-shadow:0 0 24px rgba(var(--brass-rgb),.5)}.turn .meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.turn .meta .chip{height:30px}.hudbar.brass .turn .tag-mono{color:var(--brass)}.arena{display:grid;grid-template-columns:auto auto minmax(260px,300px);gap:24px;align-items:start;justify-content:center}.bpanel{padding:22px 24px 20px;min-width:0}.bhead{display:flex;align-items:center;gap:10px;margin-bottom:14px}.bhead .h3{font-size:15px}.bhead .tag{margin-left:auto}.bhead .chip.dimmed{opacity:.45}.bpanel.radar{border-color:rgba(var(--sonar-rgb),.3);box-shadow:0 0 0 1px rgba(var(--sonar-rgb),.08),0 0 80px -20px rgba(var(--sonar-rgb),.25)}.bpanel.under-fire{border-color:rgba(var(--signal-rgb),.3);box-shadow:0 0 0 1px rgba(var(--signal-rgb),.08),0 0 80px -20px rgba(var(--signal-rgb),.22)}.radar-wrap{position:relative}.radar-wrap .thinking{position:absolute;inset:24px 0 0 26px;display:grid;place-items:center;pointer-events:none}.radar-wrap .thinking .chip{height:34px;font-size:13.5px;padding:0 14px;background:rgba(var(--abyss-rgb),.85)}.radar-wrap .thinking.big-ov{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px}.big-ov .ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--brass);background:rgba(var(--abyss-rgb),.7);border:2px solid rgba(var(--brass-rgb),.45);margin-bottom:6px;animation:think 2.4s ease-in-out infinite}.big-ov .t{font-family:var(--display);font-size:20px;color:var(--foam-2);text-transform:uppercase;letter-spacing:.04em}.big-ov .s{font-size:13px;max-width:320px}@keyframes think{50%{box-shadow:0 0 0 10px rgba(var(--brass-rgb),.06)}}.legend{display:flex;gap:18px;margin:14px 0 18px;font-size:12px;color:var(--muted);flex-wrap:wrap}.legend span{display:flex;gap:6px;align-items:center}.sum-t{margin:16px 0 10px}.sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sum .v.ember{color:var(--ember)}.readout{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(var(--abyss-rgb),.6);border:1px solid rgba(var(--sonar-rgb),.25)}.readout .coord{font-family:var(--display);font-size:24px;color:var(--sonar);min-width:64px}.readout .hint-t{font-size:13px}.readout .keys{margin-left:auto;display:flex;gap:4px}.readout .fire{display:none}.rail{display:flex;flex-direction:column;gap:20px;min-width:0}.rail .side-panel{padding:20px}.rail .side-panel .panel-title{margin-bottom:14px}.rail .side-panel .h3{font-size:14px}.rail .log-panel{padding:20px 14px 8px}.rail .log-panel .panel-title{margin:0 6px 10px}.rail-actions{gap:10px}.combo{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(var(--ember-rgb),.18),rgba(var(--signal-rgb),.04));border:1px solid rgba(var(--ember-rgb),.35);animation:pop-in .25s ease-out}.combo .x{font-family:var(--display);font-size:28px;color:var(--ember);text-shadow:0 0 18px rgba(var(--ember-rgb),.6)}.combo-t{font-weight:700}.combo-s{font-size:12.5px}@media(max-width:1300px){.arena{grid-template-columns:auto auto}.rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr)}.rail .combo,.rail .rail-actions{grid-column:1/-1}}@media(max-width:1100px){.hudbar{grid-template-columns:1fr 1fr}.turn{grid-column:1/-1;grid-row:1;min-width:0}.arena{grid-template-columns:minmax(0,1fr);justify-items:center}.arena>.panel{width:fit-content;max-width:100%}.rail{width:100%}}@media(max-width:760px){.game.page{padding-top:12px}.hudbar{padding:14px;gap:12px;margin-bottom:14px}.hudbar .hpw{width:100%}.hudbar .bot{width:40px;height:40px;border-radius:12px}.hudbar .avatar-md,.hudbar app-avatar{display:none}.hudbar .nm{font-size:13px}.hudbar .sub{display:none}.turn .big{font-size:22px}.arena{gap:14px}.arena>.panel{width:100%}.bpanel{padding:14px 12px}.bpanel.radar{order:-1}.bpanel.own .legend,.bpanel.own .divider,.bpanel.own .sum-t,.bpanel.own .sum{display:none}.readout{flex-wrap:wrap;gap:10px}.readout .hint-t,.readout .keys{display:none}.readout .fire{display:inline-flex;margin-left:auto;height:52px;padding:0 28px;font-size:16px}.rail{grid-template-columns:minmax(0,1fr)}}:root[data-theme=harbor]{color-scheme:light;--abyss: #E8EEF5;--abyss-rgb: 232, 238, 245;--deep: #F3F7FB;--hull: #FFFFFF;--hull-rgb: 255, 255, 255;--hull-2: #F7FAFD;--hull-2-rgb: 247, 250, 253;--hull-3: #FFFFFF;--hull-3-rgb: 255, 255, 255;--panel-bottom-rgb: 240, 245, 250;--bg-top: #F4F8FC;--bg-glow-blue-rgb: 120, 170, 230;--overlay-rgb: 14, 30, 52;--line-rgb: 30, 64, 110;--line: rgba(var(--line-rgb), .12);--line-2: rgba(var(--line-rgb), .22);--contour: #6E93BF;--white-rgb: 30, 64, 110;--shadow-rgb: 22, 44, 76;--gloss-rgb: 255, 255, 255;--foam: #0E1F38;--foam-2: #3B5578;--steel: #2E4462;--muted: #5F7493;--dim: #8C9DB5;--brass: #C4861C;--brass-rgb: 196, 134, 28;--brass-2: #E8A93A;--brass-3: #8F5F0F;--brass-hi: #F6CF7E;--brass-lo: #B57716;--on-brass: #1D1204;--sonar: #0E9E84;--sonar-rgb: 14, 158, 132;--sonar-2: #13B898;--sonar-hi: #5FE0C6;--sonar-lo: #0B8670;--sonar-dim: rgba(var(--sonar-rgb), .12);--on-sonar: #03241E;--signal: #D9342A;--signal-rgb: 217, 52, 42;--signal-hi: #EE5A4E;--signal-lo: #C42A21;--signal-text: #C0352B;--signal-dim: rgba(var(--signal-rgb), .1);--on-signal: #FFFFFF;--ember: #E0701F;--ember-rgb: 224, 112, 31;--splash: #2F78D6;--splash-rgb: 47, 120, 214;--splash-2: #4F90E3;--splash-dim: rgba(var(--splash-rgb), .12);--ok: #1A9E5A;--ok-rgb: 26, 158, 90;--water-top: #DCEAF7;--water-bottom: #C5DAEE;--radar-top: #DDF3EE;--radar-bottom: #C6E8E0;--wave-stroke: #3E7FC8;--ship-hull-1: #9DB3CE;--ship-hull-2: #6E87A8;--ship-hull-3: #465F80;--ship-deck-1: #5D7698;--ship-deck-2: #3F5878;--ship-detail: #EEF4FB;--ship-gun: #24364E;--ship-stroke-rgb: 30, 50, 80;--ship-sel-detail: #FFF4D6;--hit-x: #D9342A;--medal-silver: #8394AB;--medal-silver-rgb: 131, 148, 171;--medal-bronze: #B06A24;--medal-bronze-rgb: 176, 106, 36;--grad-panel: linear-gradient(180deg, rgba(var(--hull-rgb), .96), rgba(var(--panel-bottom-rgb), .96));--grad-raised: linear-gradient(180deg, #FFFFFF, #F1F5FA)}