:root{--felt: #134a32;--felt-deep: #0b3022;--felt-tex: none;--ink: #f7f0e1;--ink-dim: rgba(247, 240, 225, .72);--ivory: #fbf6ea;--card-ink: #1d1a17;--brass: #e3b23c;--brass-deep: #b8861f;--red: #c0262f;--blue: #1f3f8f;--panel: rgba(9, 22, 16, .86);--panel-line: rgba(227, 178, 60, .28);--good: #5fd28a;--bad: #ff6b5e;--bar-h: 58px;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--serif: "Playfair Display", Georgia, serif;--sans: "Source Sans 3", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--felt-deep);background-image:radial-gradient(ellipse at 50% 30%,#ffffff12,#00000059 80%),var(--felt-tex);background-size:auto,512px;background-attachment:fixed;color:var(--ink);font:16px/1.4 var(--sans);overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit}#bar{position:fixed;inset:0 0 auto;height:var(--bar-h);z-index:50;display:flex;align-items:center;gap:10px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:linear-gradient(#050e0aeb,#050e0ac7);border-bottom:1px solid var(--panel-line);backdrop-filter:blur(6px)}#bar .home{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;padding:6px 10px 6px 4px;border-radius:10px}#bar .home:hover{background:#ffffff0f}#bar .home svg{width:20px;height:20px}#bar h1{margin:0;font:900 23px var(--serif);letter-spacing:.3px;white-space:nowrap;color:var(--ivory)}#bar .stats{flex:1;display:flex;justify-content:center;gap:18px;font-weight:600;color:var(--ink-dim);font-variant-numeric:tabular-nums;min-width:0}#bar .stats b{color:var(--ink);font-weight:800}#bar .tools{display:flex;gap:6px}.tb{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:pointer;font-weight:700;font-size:15px;white-space:nowrap}.tb:hover{background:#ffffff1f}.tb:disabled{opacity:.4;cursor:default}.tb svg{width:18px;height:18px;flex:none}.tb.primary{background:var(--brass);color:#2a1d05;border-color:transparent}.tb.primary:hover{background:#efc355}@media (max-width: 760px){#bar{gap:6px}#bar h1{font-size:19px}#bar .home span,.tb span{display:none}.tb{padding:0 10px}#bar .stats{gap:10px;font-size:14px}}@media (max-width: 480px){#bar h1{display:none}}#table{position:fixed;inset:var(--bar-h) 0 0 0;overflow:hidden}#veil{position:fixed;inset:0;z-index:100;background:#0000008c;display:none;align-items:center;justify-content:center;padding:16px}#veil.on{display:flex;animation:fade .18s ease-out}.dlg{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(#fdf8ec,#f3ead6);color:var(--card-ink);border-radius:18px;box-shadow:var(--shadow);padding:24px 24px 20px;border:1px solid #d9c9a3;user-select:text;-webkit-user-select:text}.dlg h2{margin:0 0 10px;font:900 30px/1.1 var(--serif);color:#1d3b2c}.dlg p{margin:0 0 12px;font-size:17px}.dlg .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.dlg .btn{height:46px;padding:0 20px;border-radius:12px;border:1px solid #c8b78f;background:#fff;font-weight:800;font-size:16px;cursor:pointer;color:#2b2418}.dlg .btn:hover{background:#f6efdd}.dlg .btn.primary{background:#1d5a3c;color:#fff;border-color:transparent}.dlg .btn.primary:hover{background:#237049}.dlg .choices{display:grid;gap:8px;margin:10px 0 4px}.dlg .choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid #d6c59d;background:#fff;cursor:pointer;font-size:16px;font-weight:700;text-align:left;color:#2b2418}.dlg .choice small{font-weight:600;color:#6b5f48;font-size:14px}.dlg .choice.on{border-color:#1d5a3c;box-shadow:inset 0 0 0 2px #1d5a3c;background:#eef6f0}.dlg .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:12px 0}.dlg .stat{background:#fff;border:1px solid #e0d2b0;border-radius:12px;padding:10px;text-align:center}.dlg .stat b{display:block;font:900 26px var(--serif);color:#1d3b2c}.dlg .stat span{font-size:13px;color:#6b5f48;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dlg label.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5d8ba;font-size:16px;font-weight:600}.dlg .rules h3{font:800 18px var(--sans);margin:14px 0 4px;color:#1d3b2c}.dlg .rules p,.dlg .rules li{font-size:16px}.dlg .rules ul{padding-left:20px;margin:0 0 8px}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);z-index:90;background:var(--panel);border:1px solid var(--panel-line);color:var(--ink);padding:12px 20px;border-radius:999px;font-weight:700;font-size:16px;opacity:0;transition:.25s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}#toast.on{opacity:1;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}.card{position:absolute;width:var(--cw, 96px);height:calc(var(--cw, 96px) * 1.4);border-radius:calc(var(--cw, 96px) * .075)}.card .face,.card .back{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden}.card .face{background:var(--ivory);box-shadow:0 1px 2px #00000059,0 0 0 1px #00000024 inset}.card .face svg,.card .face img{position:absolute;inset:0;width:100%;height:100%;display:block}.card .back{background:#7d1620 var(--card-back) center/cover;box-shadow:0 1px 2px #0006,0 0 0 1px #00000040 inset}.card.down .face{display:none}.card:not(.down) .back{display:none}.dlg input.vol{width:min(220px,50%);accent-color:#1d5a3c;height:28px}@media (max-width: 760px){body.with-stats{--bar-h: 86px}body.with-stats #bar{flex-wrap:wrap;align-content:center;row-gap:2px;padding-top:4px;padding-bottom:4px}body.with-stats #bar .tools{margin-left:auto}body.with-stats #bar .stats{order:3;flex:0 0 100%;justify-content:center;font-size:14px;gap:14px;white-space:nowrap}}.club-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(227,178,60,.35);background:#e3b23c1a;cursor:pointer;font-weight:800;font-size:15px;color:var(--ivory);white-space:nowrap}.club-chip i{width:38px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--brass) var(--p),rgba(255,255,255,.15) var(--p))}.dlg table.lb{width:100%;border-collapse:collapse;margin:8px 0;font-size:16px}.dlg table.lb td{padding:8px 10px;border-bottom:1px solid #e5d8ba}.dlg table.lb td:first-child{width:44px;font-weight:800;color:#1d5a3c}.dlg table.lb td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.dlg table.lb tr.me td{background:#eef6f0;font-weight:800}.dlg .lbtabs{display:flex;gap:6px;margin-bottom:8px}.dlg .lbtabs .choice{flex:1;justify-content:center;padding:8px}.dlg .lbtotal{font-size:14px;color:#6b5f48;margin:4px 0 0}.dlg .xpbar{height:10px;border-radius:5px;background:#e5d8ba;overflow:hidden;margin:6px 0}.dlg .xpbar i{display:block;height:100%;background:linear-gradient(90deg,#1d5a3c,#3a9a68)}.dlg .achs{display:grid;gap:6px}.dlg .ach{padding:8px 12px;border-radius:10px;border:1px solid #e0d2b0;background:#fff;opacity:.6}.dlg .ach.got{opacity:1;border-color:#1d5a3c}.dlg .ach b{display:block;font-size:15px}.dlg .ach span{font-size:14px;color:#6b5f48}@media (max-width: 760px){.club-chip i{display:none}.club-chip{padding:0 8px}}#bar{flex-wrap:nowrap}#bar.compact .tb span{display:none}#bar.compact .tb{padding:0 10px}#bar.compact h1{font-size:20px}body.bar-two-line{--bar-h: 86px}#bar.two-line{flex-wrap:wrap;align-content:center;row-gap:2px;padding-top:4px;padding-bottom:4px}#bar.two-line .tools{margin-left:auto}#bar.two-line .stats{order:3;flex:0 0 100%;justify-content:center;font-size:14px;gap:14px;white-space:nowrap}#bar .stats{overflow:hidden}:root{--felt: #4549d6;--felt-deep: #3b3fc4;--felt-tex: none !important;--ink: #ffffff;--ink-dim: #d9dcff;--ivory: #ffffff;--card-ink: #23264d;--brass: #ffc83d;--brass-deep: #e09b00;--red: #ff6b6b;--blue: #4549d6;--panel: rgba(36, 34, 132, .78);--panel-line: rgba(255, 255, 255, .18);--good: #3fe0a6;--bad: #ff8a8a;--bar-h: 58px;--radius: 18px;--shadow: 0 6px 0 rgba(20, 18, 90, .45), 0 18px 36px rgba(20, 18, 90, .35);--serif: "Fredoka", "Nunito", system-ui, sans-serif;--sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark;--bg-top: #4a4fe0;--bg-bottom: #3236b4;--shape-a: rgba(130, 140, 255, .35);--shape-b: rgba(255, 200, 61, .16);--shape-c: rgba(255, 107, 107, .18);--accent-2: #ff6b6b;--accent-3: #2ad4b0;--on-accent: #2a1d05;--accent-press: #d99100;--chip: #2f32a8;--chip-press: #23268a;--line: rgba(255, 255, 255, .16);--dlg-bg: #fffaf2;--dlg-ink: #23264d;--dlg-muted: #6a6d93;--dlg-line: #ebe5f5;--dlg-field: #ffffff;--dlg-tint: #eef0ff;--dlg-accent: #4549d6;--dlg-accent-ink: #ffffff;--dlg-press: #2f32a8;--card-face: #ffffff;--card-edge: rgba(35, 38, 77, .16);--card-font: "Nunito", system-ui, sans-serif;--suit-red: #d81e3c;--suit-black: #23264d;--court-bg: #fff3d6;--focus: 0 0 0 3px #fff, 0 0 0 6px rgba(255, 200, 61, .9);--ease: cubic-bezier(.3, 1.4, .5, 1)}body{background-color:var(--bg-bottom);background-image:radial-gradient(rgba(255,255,255,.07) 1.6px,transparent 1.8px),linear-gradient(170deg,var(--bg-top),var(--bg-bottom));background-size:26px 26px,auto;background-attachment:fixed;color:var(--ink);font:700 16px/1.4 var(--sans)}body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 78%,var(--shape-a) 0 14%,transparent 14.2%),radial-gradient(circle at 90% 20%,var(--shape-b) 0 11%,transparent 11.2%),radial-gradient(circle at 76% 92%,var(--shape-c) 0 8%,transparent 8.2%),radial-gradient(circle at 30% 8%,rgba(42,212,176,.14) 0 6%,transparent 6.2%);animation:bp-bob 24s ease-in-out infinite alternate}@keyframes bp-bob{to{transform:translate3d(1.5%,-2%,0)}}#bar{background:var(--chip);border-bottom:0;box-shadow:0 4px 0 var(--chip-press),0 10px 24px #14125a4d;backdrop-filter:none}#bar .home{color:#fff;font-weight:800;border-radius:14px}#bar .home:hover{background:#ffffff1a}#bar h1{font:700 24px/1 var(--serif);letter-spacing:0;color:#fff}#bar .stats{color:var(--ink-dim);font-weight:700}#bar .stats b{color:var(--brass);font-weight:900}.tb{height:40px;border-radius:14px;border:0;background:#4549d6;color:#fff;font-weight:800;box-shadow:0 3px #1f2178;transition:transform .12s var(--ease),box-shadow .12s,background .12s}.tb:hover{background:#5357e6}.tb:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #1f2178}.tb:focus-visible,.club-chip:focus-visible,#bar .home:focus-visible{outline:none;box-shadow:var(--focus)}.tb.primary{background:var(--brass);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-press)}.tb.primary:hover{background:#ffd35f}.tb.primary:active:not(:disabled){box-shadow:0 0 0 var(--accent-press)}.tb.active{background:var(--brass)!important;color:var(--on-accent)!important;box-shadow:0 3px 0 var(--accent-press)!important}.club-chip{border-radius:14px;border:0;background:#4549d6;box-shadow:0 3px #1f2178;color:#fff;font-weight:900}.club-chip b{color:var(--brass)}.club-chip i{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--brass) var(--p),rgba(255,255,255,.2) var(--p))}#veil{background:#1a18608c}#veil.on .dlg{animation:bp-pop .32s var(--ease)}@keyframes bp-pop{0%{opacity:0;transform:scale(.9) translateY(8px)}}.dlg{background:var(--dlg-bg);color:var(--dlg-ink);border:0;border-radius:28px;box-shadow:0 8px #d6d0ff,0 24px 48px #14125a66;padding:26px 24px 22px}.dlg h2{font:700 30px/1.1 var(--serif);color:var(--dlg-ink)}.dlg h3{color:var(--dlg-ink)}.dlg p{color:var(--dlg-ink);font-weight:600}.dlg p[style*="6b5f48"]{color:var(--dlg-muted)!important}.dlg .btn{height:48px;border-radius:16px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font-weight:900;box-shadow:0 4px 0 var(--dlg-line);transition:transform .12s var(--ease),box-shadow .12s}.dlg .btn:hover{background:#fbfaff}.dlg .btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--dlg-line)}.dlg .btn:focus-visible,.dlg .choice:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dlg-accent)}.dlg .btn.primary{background:var(--dlg-accent);color:var(--dlg-accent-ink);border-color:var(--dlg-accent);box-shadow:0 4px 0 var(--dlg-press)}.dlg .btn.primary:hover{background:#5357e6}.dlg .btn.primary:active{box-shadow:0 0 0 var(--dlg-press)}.dlg .choice{border-radius:16px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font-weight:800;box-shadow:0 3px 0 var(--dlg-line)}.dlg .choice:hover{border-color:#c9ccff}.dlg .choice small{color:var(--dlg-muted);font-weight:700}.dlg .choice.on{border-color:var(--dlg-accent);box-shadow:0 3px 0 var(--dlg-press);background:var(--dlg-tint)}.dlg .stat{background:var(--dlg-field);border:2px solid var(--dlg-line);border-radius:18px;box-shadow:0 3px 0 var(--dlg-line)}.dlg .stat b{font:700 28px var(--serif);color:var(--dlg-accent)}.dlg .stat span{color:var(--dlg-muted);font-size:13px;font-weight:800;letter-spacing:.05em}.dlg label.opt{border-bottom:2px solid var(--dlg-line);color:var(--dlg-ink);font-weight:800}.dlg select{min-height:42px;padding:0 10px;border-radius:12px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font:800 15px var(--sans)}.dlg input.vol,.dlg input[type=checkbox]{accent-color:var(--dlg-accent)}.dlg .rules h3{font:700 19px var(--serif);color:var(--dlg-accent)}.dlg table.lb td{border-bottom:2px solid var(--dlg-line)}.dlg table.lb td:first-child{color:var(--dlg-accent);font-weight:900}.dlg table.lb tr.me td{background:#fff1c7}.dlg .lbtotal{color:var(--dlg-muted)}.dlg .xpbar{height:14px;border-radius:7px;background:var(--dlg-line)}.dlg .xpbar i{background:linear-gradient(90deg,var(--brass),#ffab2e);border-radius:7px}.dlg .ach{border:2px solid var(--dlg-line);background:var(--dlg-field);border-radius:14px}.dlg .ach.got{border-color:var(--brass);background:#fff8e1}.dlg .ach span{color:var(--dlg-muted)}#toast{background:#fff;color:var(--dlg-ink);border:0;border-radius:999px;box-shadow:0 4px #d6d0ff,0 12px 26px #14125a59;font-weight:900}.card{border-radius:calc(var(--cw, 96px) * .1)}.card .face{background:var(--card-face);box-shadow:0 0 0 1px var(--card-edge),0 3px #14125a47,0 6px 14px #14125a2e}.card .face svg text{font-family:var(--card-font);font-weight:900;letter-spacing:-1px}.card .face svg text:not([font-size="38"]){font-size:48px}.card .face svg text[font-size="38"]{font-size:41px;letter-spacing:-4px}.card .face svg [fill="#c0262f"]{fill:var(--suit-red)}.card .face svg [fill="#1d1a17"]{fill:var(--suit-black)}.card .face svg circle[stroke="#1d1a17"]{stroke:var(--suit-black);stroke-width:4px}.card .face svg circle[stroke="#b8861f"]{stroke:var(--brass);stroke-width:4px;stroke-dasharray:none}.card .face svg rect[fill="#f4ead2"]{fill:var(--court-bg)}.card .face svg rect[stroke="#c0262f"],.card .face svg line[stroke="#c0262f"]{stroke:var(--suit-red);stroke-width:4px}.card .face svg rect[stroke="#1f3f8f"],.card .face svg line[stroke="#1f3f8f"]{stroke:var(--suit-black);stroke-width:4px}.card .face svg rect[stroke="#b8861f"]{stroke:transparent}.card .back{background:radial-gradient(rgba(255,255,255,.9) 18%,transparent 20%) 0 0 / calc(var(--cw, 96px) * .2) calc(var(--cw, 96px) * .2),linear-gradient(160deg,#ff8080,#ff5a5f);box-shadow:inset 0 0 0 calc(var(--cw, 96px) * .05) #fff,0 0 0 1px var(--card-edge),0 3px #14125a47}html[data-back=blue] .card .back{background:radial-gradient(rgba(255,200,61,.95) 18%,transparent 20%) 0 0 / calc(var(--cw, 96px) * .2) calc(var(--cw, 96px) * .2),linear-gradient(160deg,#6c70ff,#4549d6)}.slot{border-color:#ffffff47;border-style:dashed;background:#14125a2e;color:#ffffff59}.slot.foundation[data-suit=H],.slot.foundation[data-suit=D]{color:#ffa0aa80}.card.selected:after,.card.hint-source:after{border-width:4px;box-shadow:0 0 0 3px #ffc83d59}.stock-count,.pass-count,.deal-badge,.turn-prompt,.score-rail,.hearts-goal,.pass-panel,.hand-summary,.field-status,.daily-status,.hint-box,.game-strip,.zoom-controls{background:var(--chip)!important;border-color:transparent!important;box-shadow:0 3px 0 var(--chip-press)}.hearts-arena:before{border:3px dashed rgba(255,255,255,.14);box-shadow:none}.trick-centre:before{border:3px dashed rgba(255,255,255,.14);background:radial-gradient(ellipse,rgba(20,18,90,.25),transparent 68%)}.paper{border-color:#fff;border-radius:18px;box-shadow:0 6px #14125a73,0 22px 40px #14125a59}.sudoku-cell,.paper{background:#fff}.sudoku-cell{color:var(--dlg-accent)}.grid{background:#c9ccef;border-color:var(--dlg-ink)}.sudoku-cell.box-right{box-shadow:3px 0 0 var(--dlg-ink)}.sudoku-cell.box-bottom:after{background:var(--dlg-ink)}.sudoku-cell.related{background:#f1f2ff}.sudoku-cell.same{background:#dfe1ff}.sudoku-cell.selected,.sudoku-cell.selected.box-right{background:#fff1c7;box-shadow:inset 0 0 0 3px var(--brass-deep)}.sudoku-cell.given .digit{color:var(--dlg-ink);font-weight:900}.number-key{background:#fff;border:0;box-shadow:0 4px #c9ccef;border-radius:14px}.number-key strong{color:var(--dlg-accent);font-family:var(--serif)}.number-key small{color:var(--dlg-muted)}.control{border:0;background:#4549d6;box-shadow:0 3px #1f2178;border-radius:12px}.control.on{box-shadow:0 3px 0 var(--accent-press)}.mine-board{border:0;border-radius:18px;background:#2f32a8;box-shadow:0 6px #1f2178,0 18px 36px #14125a59}.mine-cell.hidden{border:0;color:var(--suit-red);background:linear-gradient(180deg,#8a8eff,#6c70ff);box-shadow:inset 0 -3px #4549d6,inset 0 2px #ffffff59}.mine-cell.revealed{border:0;background:#f4f4ff;box-shadow:inset 0 2px 3px #23264d26}.mine-cell.n1{color:#4549d6}.mine-cell.n2{color:#12936b}.mine-cell.n3{color:#d81e3c}.mine-cell.n4{color:#6b2fb3}.mine-cell.n5{color:#b4441b}.mine-cell.n6{color:#0f7f86}.mine-cell.n7{color:#23264d}.mine-cell.n8{color:#6a6d93}.retention-status,.daily-status{color:var(--ink-dim)!important}.mah-tile:before{background:linear-gradient(135deg,#6c70ff,#3236b4 72%)}.dlg{color-scheme:light}.mine-board:focus-visible{box-shadow:0 6px #1f2178,var(--focus)}@media (prefers-reduced-motion: reduce){body:before,#veil.on .dlg{animation:none}.tb,.dlg .btn{transition:none}}:root{--navy: #23264d;--navy-deep: #20237d;--ocean: #5357e6;--ocean-light: #7478ff;--chart-line: rgba(255, 255, 255, .34);--sea-ink: #ffffff;--sea-shadow: #20237d}button,select,input{touch-action:manipulation}.dock-ship,.placement-chart .ocean-cell{touch-action:none}.dock-ship,.ocean-cell{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.placement-screen,.battle-screen{width:100%;height:100%;min-height:0;padding:clamp(10px,1.8vh,20px) clamp(10px,2vw,28px)}.placement-screen{display:flex;flex-direction:column}.screen-heading,.battle-heading{flex:none;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1160px,100%);margin:0 auto clamp(8px,1.4vh,15px)}.screen-heading h2,.panel-heading h2,.dock-panel h3{margin:0;color:var(--ivory);font:900 clamp(20px,2vw,29px)/1.06 var(--serif)}.screen-heading p{margin:0;color:var(--ink-dim);font-weight:600;text-align:right}.eyebrow{display:block;margin-bottom:2px;color:var(--brass);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px}.placement-workspace{flex:1;min-height:0;width:min(1110px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,30vw,355px);align-items:center;gap:clamp(16px,3vw,42px)}.placement-board{display:grid;place-items:center;min-width:0;min-height:0}.placement-board .chart-shell{width:min(61vw,calc(100vh - var(--bar-h) - 105px),675px);width:min(61vw,calc(100dvh - var(--bar-h) - 105px),675px)}.dock-panel{align-self:center;padding:clamp(16px,2vw,24px);border:0;border-radius:24px;background:var(--chip);box-shadow:0 6px 0 var(--chip-press),0 18px 36px #14125a4d}.dock-panel h3{font-size:22px}.ship-dock{display:grid;gap:7px;margin:15px 0}.dock-ship{min-height:48px;display:grid;grid-template-columns:minmax(80px,1fr) minmax(70px,1.2fr) 24px;align-items:center;gap:10px;width:100%;padding:7px 11px;border:2px solid transparent;border-radius:15px;background:#4549d6;color:var(--ink);box-shadow:0 3px #1f2178;cursor:grab;text-align:left;font-weight:800;transition:transform .15s var(--ease),border-color .15s,background .15s,box-shadow .15s}.dock-ship:hover{transform:translateY(-1px);background:#5357e6}.dock-ship:active{transform:translateY(3px);box-shadow:none}.dock-ship.selected{border-color:var(--brass);background:#4549d6;box-shadow:0 3px 0 var(--accent-press),inset 0 0 0 1px var(--brass)}.dock-ship:focus-visible,.action-btn:focus-visible,.ready-btn:focus-visible,.fire-salvo:focus-visible,.tactics-bar button:focus-visible{outline:none;box-shadow:var(--focus)}.dock-ship.placed span:after{content:" ✓";color:var(--good)}.dock-ship i,.fleet-silhouette{display:block;height:12px;width:calc(var(--length) * 13px);max-width:100%;border-radius:60% 16px 16px 60%;background:linear-gradient(#fffaf2,#d9dcff 52%,#8a8eff 53%,#4549d6);border:2px solid #ffffff;box-shadow:inset 0 -2px #23264d40,0 2px #14125a59}.dock-ship b{color:var(--brass);text-align:right}.placement-actions{display:grid;grid-template-columns:1.1fr 1.25fr .7fr;gap:7px}.action-btn,.ready-btn{min-height:43px;padding:7px 10px;border-radius:14px;border:0;color:var(--ink);background:#4549d6;box-shadow:0 3px #1f2178;font-weight:900;cursor:pointer;transition:transform .12s var(--ease),box-shadow .12s,background .12s}.action-btn:hover{background:#5357e6}.action-btn:active{transform:translateY(3px);box-shadow:none}.action-btn small{color:var(--brass)}.action-btn.quiet{color:var(--ink-dim)}.rotate-glyph{font-size:19px;vertical-align:-1px}.ready-btn{width:100%;margin-top:12px;color:var(--on-accent);background:var(--brass);box-shadow:0 4px 0 var(--accent-press);font-size:16px}.ready-btn:hover:not(:disabled){background:#ffd35f}.ready-btn:active:not(:disabled){transform:translateY(4px);box-shadow:none}.ready-btn:disabled{opacity:.38;cursor:default;box-shadow:none}.placement-tip{margin:10px 0 0;color:var(--ink-dim);text-align:center;font-size:13px}.chart-shell{--axis: clamp(19px, 2.3vw, 28px);position:relative;width:100%;padding:clamp(6px,1vw,11px);border:0;border-radius:22px;background:var(--chip);box-shadow:0 6px 0 var(--chip-press),0 18px 36px #14125a59}.chart-letters{margin-left:var(--axis);display:grid;grid-template-columns:repeat(10,1fr);height:var(--axis)}.chart-letters span,.chart-numbers span{display:grid;place-items:center;color:var(--ink-dim);font:900 clamp(13px,1.25vw,16px)/1 var(--sans)}.chart-lower{display:grid;grid-template-columns:var(--axis) minmax(0,1fr)}.chart-numbers{display:grid;grid-template-rows:repeat(10,1fr)}.ocean-stage{position:relative;min-width:0;aspect-ratio:1;overflow:hidden;border:3px solid #ffffff;border-radius:14px;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.18),transparent 24%),linear-gradient(145deg,var(--ocean-light),var(--ocean) 58%,var(--ocean-deep, #3236b4));box-shadow:inset 0 -5px #23264d38}.ocean-grid{position:absolute;inset:0;display:grid;grid-template:repeat(10,1fr) / repeat(10,1fr);z-index:3}.ocean-cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid var(--chart-line);border-bottom:1px solid var(--chart-line);border-radius:0;color:#fff;background:transparent;cursor:default}.placement-chart .ocean-cell,.target-chart .ocean-cell{cursor:crosshair}.placement-chart .ocean-cell:hover,.target-chart .ocean-cell:hover{background:#ffc83d47;box-shadow:inset 0 0 0 3px var(--brass);z-index:4}.target-chart .ocean-cell:focus-visible{outline:3px solid #ffffff;outline-offset:-4px;z-index:8;background:#ffc83d4d;box-shadow:inset 0 0 0 6px var(--brass)}.ocean-cell.chart-cursor{box-shadow:inset 0 0 0 3px var(--brass);z-index:5}.ocean-cell.aimed,.ocean-cell.confirm-aim{background:#ffc83d6b;box-shadow:inset 0 0 0 3px var(--brass);z-index:6}.ocean-cell.aimed:after,.ocean-cell.confirm-aim:after{content:"⌖";position:absolute;inset:0;display:grid;place-items:center;color:var(--on-accent);text-shadow:0 0 2px #ffffff;font-size:clamp(14px,2vw,25px);font-weight:900}.ocean-cell.cleared:before{content:"·";position:absolute;inset:0;display:grid;place-items:center;color:#ffffff8c;font-size:clamp(14px,1.6vw,22px)}.ocean-cell.preview-ok{background:#2ad4b0ad;box-shadow:inset 0 0 0 3px #fff;z-index:7}.ocean-cell.preview-bad{background:#ff6b6bc7;box-shadow:inset 0 0 0 3px #fff;z-index:7}.ocean-cell.preview-ok:after,.ocean-cell.preview-bad:after{position:absolute;inset:0;display:grid;place-items:center;color:var(--navy);font-weight:900;font-size:clamp(12px,1.6vw,20px)}.ocean-cell.preview-ok:after{content:"✓"}.ocean-cell.preview-bad:after{content:"×"}.input-locked .target-chart .ocean-cell{cursor:wait}.ocean-cell span{position:absolute;inset:0;display:grid;place-items:center;z-index:7;pointer-events:none;font-weight:900}.ocean-cell.miss span{color:#fff;font-size:clamp(17px,2.2vw,29px);text-shadow:0 2px 0 var(--sea-shadow)}.ocean-cell.hit span{color:#fff;font-size:clamp(15px,2vw,27px);text-shadow:0 2px 0 #a92e43}.ocean-cell.hit{background:radial-gradient(circle,var(--accent-2) 0 34%,rgba(255,107,107,.5) 35% 55%,transparent 58%)}.ocean-cell.sinking-cell{animation:sunkPulse 1.1s ease-in-out infinite alternate}.ocean-cell.fresh-hit{animation:cellHit .48s ease-out}.ocean-cell.fresh-miss{animation:cellSplash .48s ease-out}@keyframes cellHit{0%{transform:scale(.7);background:var(--brass)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes cellSplash{0%{background:#ffffffd9}to{background:transparent}}@keyframes sunkPulse{0%{background-color:#ff6b6b40}to{background-color:#ff6b6bb3}}.ships-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.ship-token{position:absolute;left:calc(var(--col) * 10% + .45%);top:calc(var(--row) * 10% + 1.2%);width:calc(var(--length) * 10% - .9%);height:7.7%;filter:drop-shadow(0 3px 0 rgba(35,38,77,.45));transform-origin:center;transition:filter .2s,opacity .2s}.ship-token.vertical{left:calc(var(--col) * 10% + 1.2%);top:calc(var(--row) * 10% + .45%);width:7.7%;height:calc(var(--length) * 10% - .9%)}.ship-token svg{width:100%;height:100%;overflow:visible}.ship-token.vertical svg{position:absolute;left:50%;top:50%;width:calc(var(--length) * 100%);height:calc(100% / var(--length));transform:translate(-50%,-50%) rotate(90deg)}.ship-token .hull{fill:#fffaf2;stroke:#23264d;stroke-width:4}.ship-token .deck{fill:#2ad4b0;stroke:#23264d;stroke-width:3}.ship-token circle{fill:#ffc83d;stroke:#23264d;stroke-width:3}.ship-token.sunk{opacity:.55;filter:grayscale(.65) brightness(.7) drop-shadow(0 2px 0 #23264d);animation:shipSink 1.8s ease-in-out infinite alternate}@keyframes shipSink{to{opacity:.32;transform:translateY(2px)}}.ship-drag-ghost{position:fixed;left:0;top:0;z-index:120;pointer-events:none;padding:8px 13px;border-radius:999px;color:var(--on-accent);background:var(--brass);box-shadow:0 4px 0 var(--accent-press),0 12px 24px #14125a59;font-weight:900;will-change:transform}.battle-screen{display:flex;flex-direction:column}.battle-heading{min-height:34px;margin-bottom:clamp(7px,1vh,11px)}.battle-status{display:flex;align-items:center;gap:9px;min-width:0;font-size:clamp(14px,1.5vw,17px)}.battle-status strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-lamp{width:10px;height:10px;flex:none;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}.input-locked .status-lamp{background:var(--brass);box-shadow:0 0 10px var(--brass);animation:lamp 1s ease-in-out infinite}@keyframes lamp{50%{opacity:.35}}.retention-strip{display:flex;align-items:center;justify-content:center;gap:5px;flex:none}.retention-strip span{padding:5px 9px;border:0;border-radius:999px;background:var(--chip);box-shadow:0 3px 0 var(--chip-press);color:var(--ink);font-size:13px;font-weight:900;white-space:nowrap}.variant-chip{max-width:54%;padding:5px 10px;border:0;border-radius:999px;background:var(--chip);box-shadow:0 3px 0 var(--chip-press);color:var(--ink-dim);font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-layout{flex:1;min-height:0;width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,26px);align-items:stretch}.board-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;padding:clamp(10px,1.3vw,16px);border:0;border-radius:24px;background:var(--chip);box-shadow:0 6px 0 var(--chip-press),0 16px 30px #14125a47}.target-panel{box-shadow:0 6px 0 var(--accent-press),0 16px 30px #14125a47}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.panel-heading h2{font-size:clamp(18px,1.8vw,25px)}.panel-heading>b{color:var(--ink-dim);font-size:13px;white-space:nowrap}.battle-chart{min-height:0;display:grid;place-items:center}.battle-chart .chart-shell{width:min(100%,calc(100vh - var(--bar-h) - 210px),565px);width:min(100%,calc(100dvh - var(--bar-h) - 210px),565px)}.has-actions .target-panel .battle-chart .chart-shell{width:min(100%,calc(100vh - var(--bar-h) - 286px),510px);width:min(100%,calc(100dvh - var(--bar-h) - 286px),510px)}.fleet-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.fleet-item{min-width:0;display:grid;justify-items:center;gap:2px;padding:5px 3px;border-radius:14px;background:#4549d6;box-shadow:0 2px #1f2178;color:var(--ink-dim);font-size:13px;text-align:center}.fleet-item>span:nth-child(2){width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-item b{color:var(--good);font-size:13px}.fleet-item.lost{opacity:.56}.fleet-item.lost .fleet-silhouette{background:#6a6d93;border-color:#d9dcff;transform:rotate(-4deg)}.fleet-item.lost b{color:var(--bad)}.fleet-silhouette{width:min(calc(var(--length) * 9px),92%);height:7px}.fire-salvo{min-height:42px;margin-top:7px;border:0;border-radius:14px;color:var(--on-accent);background:var(--brass);box-shadow:0 4px 0 var(--accent-press);font-weight:900;cursor:pointer;transition:transform .12s var(--ease),box-shadow .12s}.fire-salvo:active:not(:disabled){transform:translateY(4px);box-shadow:none}.fire-salvo:disabled{opacity:.38;cursor:default}.tactics-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.tactics-bar button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:14px;color:var(--ink);background:#4549d6;box-shadow:0 3px #1f2178;font-weight:900}.tactics-bar button.selected{color:var(--on-accent);background:var(--brass);box-shadow:0 3px 0 var(--accent-press)}.tactics-bar button:disabled{opacity:.38}.tactics-bar small{color:inherit;opacity:.72}.share-link{width:100%;padding:11px;border:2px solid var(--dlg-line);border-radius:14px;background:var(--dlg-field);color:var(--dlg-ink);font:700 15px var(--sans)}.suppress-toast #toast{display:none!important}#table[data-skin=arctic]{--ocean: #4549d6;--ocean-light: #8a8eff;--ocean-deep: #3236b4}#table[data-skin=sunset]{--ocean: #a92e43;--ocean-light: #c94661;--ocean-deep: #772746;--chart-line: rgba(255, 255, 255, .4)}#table[data-skin=admiral]{--ocean: #3236b4;--ocean-light: #4549d6;--ocean-deep: #23268a;--chart-line: rgba(255, 200, 61, .45)}#table[data-skin=arctic] .ship-token .hull{fill:#fff;stroke:#23264d}#table[data-skin=arctic] .ship-token .deck{fill:#d9dcff}#table[data-skin=sunset] .ship-token .hull{fill:#fffaf2;stroke:#23264d}#table[data-skin=sunset] .ship-token .deck{fill:#ff6b6b}#table[data-skin=admiral] .ship-token .hull{fill:#23264d;stroke:#ffc83d}#table[data-skin=admiral] .ship-token .deck{fill:#4549d6;stroke:#ffc83d}.privacy{filter:blur(18px) brightness(.3);pointer-events:none}.handover-mark{width:80px;aspect-ratio:1;display:grid;place-items:center;margin:8px auto 16px;border-radius:24px;color:var(--on-accent);background:var(--brass);border:0;font:900 38px var(--serif);box-shadow:0 6px 0 var(--accent-press),0 14px 24px #14125a40}.battle-effects{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden}.sea-celebration{position:fixed;inset:0;z-index:130;pointer-events:none;overflow:hidden}body:has(.result-dialog) .sea-celebration{z-index:90}.explosion-burst,.splash-burst{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%)}.explosion-burst:before{content:"";position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,#fffaf2 0 10%,#ffc83d 26%,rgba(255,107,107,.8) 42%,transparent 70%);animation:blast .65s ease-out forwards}.explosion-burst i,.splash-burst i{position:absolute;left:5px;top:5px;width:4px;height:18px;border-radius:3px;background:var(--brass);transform-origin:2px 2px;animation:debris .72s ease-out forwards}.explosion-burst i:nth-child(2){transform:rotate(60deg)}.explosion-burst i:nth-child(3){transform:rotate(120deg)}.explosion-burst i:nth-child(4){transform:rotate(180deg)}.explosion-burst i:nth-child(5){transform:rotate(240deg)}.explosion-burst i:nth-child(6){transform:rotate(300deg)}.splash-burst i{width:7px;height:7px;border-radius:50%;background:#fff;animation:splash .72s ease-out forwards}.splash-burst i:nth-child(2){animation-delay:.07s}.splash-burst i:nth-child(3){animation-delay:.14s}@keyframes blast{0%{transform:scale(.15);opacity:1}70%{opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes debris{to{transform:rotate(210deg) translateY(-38px) scale(.2);opacity:0}}@keyframes splash{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(calc((var(--n, 1)) * 20px),-34px) scale(1.4);opacity:0}}.splash-burst i:nth-child(1){--n:-1}.splash-burst i:nth-child(2){--n:0}.splash-burst i:nth-child(3){--n:1}.victory-spark{position:absolute;left:var(--x);top:-18px;width:9px;height:16px;border-radius:2px;background:var(--color);animation:confetti 2.4s var(--delay) cubic-bezier(.2,.7,.4,1) forwards}.victory-spark.signal-symbol{width:auto;height:auto;background:none!important;color:var(--color);font-size:25px;font-style:normal;text-shadow:0 2px 0 #153646,0 4px 9px rgba(0,25,38,.35)}.victory-spark.signal-diamond{font-size:19px}@keyframes confetti{to{transform:translateY(calc(100vh + 30px)) rotate(var(--spin))}}.new-game-options{display:grid;gap:10px;margin-top:14px}.daily-invite{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 12px;border:2px solid var(--brass);border-radius:16px;background:#fff1c7;color:var(--dlg-ink);box-shadow:0 3px 0 var(--accent-press)}.daily-invite span{color:var(--dlg-muted);font-size:13px;font-weight:700;text-align:right}.daily-orders{display:grid;gap:10px;text-align:center}.daily-orders p{margin:0;color:var(--dlg-muted)}.daily-orders>span{padding:9px;border-radius:14px;background:var(--dlg-tint);color:var(--dlg-ink)}.daily-countdown{font-variant-numeric:tabular-nums;letter-spacing:.04em}.new-game-options>label:not(.check-option){display:grid;grid-template-columns:125px 1fr;align-items:center;gap:10px;font-weight:700}.new-game-options select{min-width:0;height:43px;padding:0 9px;border:2px solid var(--dlg-line);border-radius:14px;color:var(--dlg-ink);background:var(--dlg-field);font:800 15px var(--sans)}.new-game-options .muted{opacity:.45}.check-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-top:2px solid var(--dlg-line);font-weight:800}.check-option span{display:grid}.check-option small{color:var(--dlg-muted);font-weight:700}.check-option input{width:21px;height:21px;accent-color:var(--dlg-accent)}.stats-note{color:var(--dlg-muted)}@media (max-width: 900px){.placement-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:13px}.placement-actions{grid-template-columns:1fr 1fr}.action-btn.quiet{grid-column:1 / -1;min-height:36px}.dock-panel{padding:14px}}@media (max-width: 760px){.placement-screen,.battle-screen{padding:7px 8px 9px}.screen-heading{min-height:36px;margin-bottom:5px}.screen-heading h2{font-size:20px}.screen-heading p{max-width:48%;font-size:13px}.placement-workspace{display:flex;flex-direction:column;justify-content:center;gap:7px}.placement-board{flex:1;width:100%}.placement-board .chart-shell{width:min(91vw,calc(100vh - var(--bar-h) - 248px),430px);width:min(91vw,calc(100dvh - var(--bar-h) - 248px),430px)}.dock-panel{flex:none;width:min(100%,520px);padding:9px}.dock-panel>div:first-child{display:none}.ship-dock{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 7px}.dock-ship{min-height:43px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px 2px;text-align:center;font-size:13px}.dock-ship span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-ship b{display:none}.dock-ship i{width:min(calc(var(--length) * 8px),85%);height:7px}.placement-actions{display:grid;grid-template-columns:1fr 1fr .65fr;gap:5px}.action-btn,.ready-btn{min-height:44px;padding:5px 7px;font-size:13px}.action-btn.quiet{grid-column:auto}.ready-btn{margin-top:6px}.placement-tip{display:none}.chart-shell{--axis: 20px;border-radius:18px;padding:5px}.battle-heading{min-height:30px;margin-bottom:5px}.retention-strip span:first-child,.variant-chip{display:none}.battle-layout{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:6px}.board-panel{padding:7px;border-radius:18px}.panel-heading{margin-bottom:4px}.panel-heading h2{font-size:18px}.panel-heading .eyebrow{display:none}.target-panel .battle-chart .chart-shell{width:min(91vw,calc(100vh - var(--bar-h) - 247px),430px);width:min(91vw,calc(100dvh - var(--bar-h) - 247px),430px)}.has-actions .target-panel .battle-chart .chart-shell{width:min(82vw,calc(100vh - var(--bar-h) - 334px),370px);width:min(82vw,calc(100dvh - var(--bar-h) - 334px),370px)}.target-panel .fleet-list{margin-top:4px}.target-panel .fleet-item{display:flex;justify-content:center;padding:3px}.target-panel .fleet-item .fleet-silhouette,.target-panel .fleet-item b{display:none}.own-panel{grid-template-columns:minmax(108px,25vw) 1fr;grid-template-rows:auto 1fr;column-gap:9px;min-height:105px}.own-panel .panel-heading{grid-column:1 / -1}.own-panel .battle-chart{grid-column:1;grid-row:2}.own-panel .battle-chart .chart-shell{--axis: 14px;width:min(24vw,112px);padding:3px;border-radius:14px}.own-panel .chart-shell{--axis: 0}.own-panel .chart-letters,.own-panel .chart-numbers{display:none}.own-panel .fleet-list{grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;margin:0}.own-panel .fleet-item{min-height:29px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;justify-items:start;gap:4px;padding:3px 5px;text-align:left}.own-panel .fleet-item:nth-child(5){grid-column:1 / -1}.own-panel .fleet-item b{justify-self:end}.own-panel .fleet-silhouette{width:min(calc(var(--length) * 7px),38px)}.ocean-cell.miss span,.ocean-cell.hit span{font-size:clamp(13px,5vw,22px)}.tactics-bar button,.fire-salvo{min-height:44px;font-size:13px}}@media (max-width: 400px){.screen-heading p{display:none}.placement-board .chart-shell{width:min(93vw,calc(100vh - var(--bar-h) - 233px));width:min(93vw,calc(100dvh - var(--bar-h) - 233px))}.retention-strip span:nth-child(2){display:none}}@media (max-height: 520px) and (orientation: landscape){.screen-heading{display:none}.placement-workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:10px}.placement-board .chart-shell{width:min(54vw,calc(100vh - var(--bar-h) - 12px));width:min(54vw,calc(100dvh - var(--bar-h) - 12px))}.dock-panel{max-height:calc(100vh - var(--bar-h) - 12px);max-height:calc(100dvh - var(--bar-h) - 12px);overflow:hidden}.ship-dock{grid-template-columns:1fr 1fr}.dock-ship:nth-child(5){grid-column:1 / -1}.battle-heading{position:absolute;left:50%;top:3px;z-index:3;transform:translate(-50%);width:auto;pointer-events:none}.retention-strip,.variant-chip{display:none}.battle-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;padding-top:0}.board-panel{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr}.battle-chart .chart-shell,.target-panel .battle-chart .chart-shell,.own-panel .battle-chart .chart-shell{width:min(33vw,calc(100vh - var(--bar-h) - 55px));width:min(33vw,calc(100dvh - var(--bar-h) - 55px))}.own-panel{min-height:0;grid-template-columns:1fr;grid-template-rows:auto 1fr}.own-panel .panel-heading,.own-panel .battle-chart{grid-column:1}.own-panel .panel-heading{grid-row:1}.own-panel .battle-chart{grid-row:2}.fleet-list{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--sea-navy:#082f49;--sea-ink:#f7f4e8;--sea-paper:#f7edd4;--sea-brass:#d7aa4a;--sea-brass-deep:#8a5a24;--sea-glass:rgba(4,66,94,.88);--sea-focus:0 0 0 3px #fff,0 0 0 6px #f0b947;--sans:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:var(--sans);--bar-h:84px}body[data-sea-theme]{color:var(--sea-ink);font:500 16px/1.4 var(--sans);background:#7fb9c8;overflow:hidden}body[data-sea-theme]:before{content:"";position:fixed;inset:0;z-index:-2;animation:none!important;background:var(--sea-scene) center/cover no-repeat;transform:scale(1.01)}body[data-sea-theme]:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(2,31,48,.13),transparent 25%,transparent 75%,rgba(47,24,8,.18))}body[data-sea-scene=regatta]:before{filter:saturate(1.08)}body[data-sea-scene=storm]:before{filter:saturate(.78) brightness(.86)}body[data-sea-scene=night]:before{filter:saturate(.9) brightness(.68)}body[data-sea-theme] #bar{display:none!important}body[data-sea-theme] #table{inset:0;isolation:isolate}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.harbour-hud{position:absolute;z-index:70;top:max(13px,env(safe-area-inset-top));left:50%;width:min(1100px,calc(100% - 30px));min-height:66px;transform:translate(-50%);display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(250px,1fr);align-items:center;gap:15px;padding:8px 10px 8px 16px;border:2px solid rgba(229,183,82,.82);border-radius:23px;background:linear-gradient(105deg,#044662f0,#055b73db);box-shadow:0 3px #704316b8,0 14px 36px #131f2152,inset 0 1px #ffffff47;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.harbour-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#fff;text-shadow:0 2px 8px rgba(0,23,37,.4)}.harbour-brand>span:last-child{display:grid;min-width:0}.harbour-brand small{color:#ffd778;font-size:9px;line-height:1.1;font-weight:760;letter-spacing:.13em;text-transform:uppercase}.harbour-brand b{overflow:hidden;font-size:25px;line-height:1.08;font-weight:780;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis}.brand-mark{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid #f5d787;background:linear-gradient(145deg,#0b7998,#074662);box-shadow:inset 0 1px #ffffff4d,0 3px 10px #001a2859}.brand-mark svg{width:25px;height:25px;stroke:#fff4cc}.harbour-stats{display:flex;gap:7px}.harbour-stats>div{min-width:106px;min-height:47px;display:grid;place-items:center;align-content:center;padding:5px 12px;border:1px solid rgba(121,219,239,.38);border-radius:14px;background:#012b4180;box-shadow:inset 0 1px #ffffff1f;font-variant-numeric:tabular-nums}.harbour-stats span{color:#8dd8e8;font-size:9px;line-height:1;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.harbour-stats b{margin-top:3px;color:#fff7dc;font-size:17px;line-height:1;font-weight:800}.harbour-actions{justify-self:end;display:flex;gap:6px}.harbour-button{position:relative;width:43px;height:43px;display:grid;place-items:center;padding:0;border:1px solid #d9ad55;border-radius:50%;background:#02304580;color:#ffe7a3;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}.harbour-button svg{width:20px;height:20px}.harbour-button:hover:not(:disabled){transform:translateY(-2px);background:#137089b8}.harbour-button:active:not(:disabled){transform:translateY(1px) scale(.95)}.harbour-button:focus-visible{outline:none;box-shadow:var(--sea-focus)}.harbour-button:disabled{opacity:.3;cursor:default}.harbour-button:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);width:max-content;max-width:190px;padding:6px 9px;border-radius:8px;background:#031f2df5;color:#fff;font-size:12px;font-weight:650;opacity:0;pointer-events:none;transition:.15s ease}.harbour-button:hover:not(:disabled):after,.harbour-button:focus-visible:after{opacity:1;transform:translate(-50%)}.placement-screen,.battle-screen{padding-top:96px}.screen-heading,.battle-heading{color:#fff;padding:7px 12px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:#033041a3;box-shadow:0 7px 22px #1e140833;backdrop-filter:blur(10px)}.screen-heading h2,.panel-heading h2,.dock-panel h3{color:#fff7e0;font-family:var(--sans);font-weight:780}.screen-heading p,.battle-status,.panel-heading>b{color:#e8f8fa}.eyebrow{color:#ffd36e}.dock-panel,.board-panel{border:2px solid #d6a54f;background:linear-gradient(145deg,#093a4ff5,#05273af7);box-shadow:0 5px #74471d,0 17px 36px #26190b4d,inset 0 1px #ffffff1f}.target-panel{box-shadow:0 5px #74471d,0 17px 36px #26190b52,inset 0 0 0 2px #59c8dd2e}.chart-shell{border:2px solid #d2a44f;background:repeating-linear-gradient(3deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),repeating-linear-gradient(92deg,rgba(50,20,5,.12) 0 2px,transparent 2px 42px),linear-gradient(145deg,#995f32,#60371d 52%,#43230f);box-shadow:0 5px #40200f,0 15px 30px #140f084d,inset 0 2px #e7c27c,inset 0 -3px #2f170b}.chart-letters span,.chart-numbers span{color:#fff1c6;text-shadow:0 1px 2px #2b190c}.ocean-stage{border-color:#ecd99f;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.15),transparent 25%),repeating-linear-gradient(9deg,transparent 0 31px,rgba(255,255,255,.025) 32px 33px),linear-gradient(145deg,var(--ocean-light),var(--ocean) 58%,var(--ocean-deep,#075a7a));box-shadow:inset 0 0 28px #00213647,inset 0 2px #ffffff61}.ocean-cell{border-right-color:var(--chart-line);border-bottom-color:var(--chart-line)}.ocean-cell.hit{background:radial-gradient(circle,#ef3e45 0 30%,#fff1d2 32% 39%,rgba(194,29,36,.58) 40% 56%,transparent 59%)}.ocean-cell.miss span{width:42%;height:42%;inset:29%;border-radius:50%;background:#f6f2e6;color:transparent;box-shadow:0 2px 4px #001c2d59,inset 0 1px #fff}.ocean-cell.hit span{color:transparent}.ocean-cell.hinted-cell{z-index:8;animation:sonarHint .7s ease-in-out infinite alternate;box-shadow:inset 0 0 0 3px #ffe16c}@keyframes sonarHint{to{background:#ffdb5685;box-shadow:inset 0 0 0 5px #fff4b6,0 0 16px #ffda56}}.dock-ship,.action-btn,.tactics-bar button{background:#10647ec7;box-shadow:0 3px #043e58;color:#f5f1df}.dock-ship:hover,.action-btn:hover{background:#167f9e}.dock-ship.selected,.tactics-bar button.selected{background:#0d7894;border-color:#f4c95f;box-shadow:0 3px #704714,inset 0 0 0 1px #f4c95f}.ready-btn,.fire-salvo{background:linear-gradient(#f0c765,#d5a13d);color:#17364a;box-shadow:0 4px #79501d}.fleet-item{background:#084a62c2;box-shadow:0 2px #052f46;color:#c7e9ec}.fleet-item b{color:#8ce0c8}.commander-card{display:flex;align-items:center;gap:9px;min-width:0}.commander-card>span:last-child{display:grid;min-width:0}.commander-card small{color:#83d5e3;font-size:10px;font-weight:760;letter-spacing:.11em;text-transform:uppercase}.commander-card strong{overflow:hidden;color:#fff6db;font-size:17px;line-height:1.1;font-weight:780;white-space:nowrap;text-overflow:ellipsis}.commander-avatar{width:48px;height:48px;flex:none;display:grid;place-items:center;overflow:hidden;border:2px solid #f6d57d;border-radius:50%;background:linear-gradient(#d7f0ed,#74bac8);box-shadow:0 0 0 2px #6e441e,0 5px 12px #011b2859}.commander-avatar img{width:112%;height:112%;object-fit:cover;object-position:50% 8%}.commander-avatar.player-mark,.commander-avatar.guest-mark{color:#fff2c5;background:linear-gradient(145deg,#0c87a1,#084b67)}.commander-avatar.guest-mark{background:linear-gradient(145deg,#6b7f8d,#243d52)}.commander-avatar.player-mark svg,.commander-avatar.guest-mark svg{width:26px;height:26px}#table[data-skin=navy]{--ocean:#087ea7;--ocean-light:#38a9c6;--ocean-deep:#07516f;--chart-line:rgba(220,247,250,.46);--ship-hi:#f8fbfa;--ship-mid:#aebbc0;--ship-low:#52636d;--ship-deck:#7c8d95;--ship-edge:#263d48;--ship-accent:#d9ad55 }#table[data-skin=arctic]{--ocean:#547fba;--ocean-light:#9ac8dd;--ocean-deep:#345b8b;--chart-line:rgba(255,255,255,.56);--ship-hi:#fff;--ship-mid:#c7d9e9;--ship-low:#667f9d;--ship-deck:#87a8c5;--ship-edge:#29415f;--ship-accent:#eff7ff }#table[data-skin=sunset]{--ocean:#a94442;--ocean-light:#dc7d65;--ocean-deep:#743333;--chart-line:rgba(255,238,211,.5);--ship-hi:#ffe7c7;--ship-mid:#c89a72;--ship-low:#75483d;--ship-deck:#9a5d4c;--ship-edge:#542d2f;--ship-accent:#ffd075 }#table[data-skin=admiral]{--ocean:#123557;--ocean-light:#276382;--ocean-deep:#071f37;--chart-line:rgba(224,185,94,.52);--ship-hi:#506d83;--ship-mid:#203c55;--ship-low:#071b2c;--ship-deck:#18334a;--ship-edge:#e2b958;--ship-accent:#f4d47d }.ship-token{filter:drop-shadow(0 2px 0 rgba(5,23,31,.55)) drop-shadow(0 4px 4px rgba(0,24,36,.3))}.ship-token .hull{stroke:var(--ship-edge);stroke-width:4}.ship-token .deck{fill:var(--ship-deck);stroke:var(--ship-edge);stroke-width:3}.ship-token .keel{fill:none;stroke:#ffffff80;stroke-width:2}.ship-token .tower{fill:var(--ship-mid);stroke:var(--ship-edge);stroke-width:3}.ship-token circle{fill:var(--ship-accent);stroke:var(--ship-edge);stroke-width:3}body[data-sea-theme] #veil{padding:18px;background:#011a27a3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body[data-sea-theme] #veil.on{animation:veil-in .2s ease both}body[data-sea-theme] #veil.on .dlg{animation:sea-dialog-in .2s cubic-bezier(.2,.8,.2,1) both}@keyframes sea-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}body[data-sea-theme] .dlg{width:min(540px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid rgba(99,68,33,.28);border-radius:24px;background:linear-gradient(145deg,#fffaebfc,#ebf6f2fa);color:#173747;box-shadow:0 28px 72px #00141e6b;font-family:var(--sans)}body[data-sea-theme] .dlg.wide{width:min(800px,100%)}.dialog-header{min-height:44px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;margin-bottom:12px}.dialog-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#d9ece8;color:#086d88}.dialog-icon svg{width:21px;height:21px}body[data-sea-theme] .dlg h2{margin:0;color:#153646;font:780 27px/1.1 var(--sans);letter-spacing:-.025em}.dialog-close{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #d8d2c2;border-radius:50%;background:#fffdf6;color:#49616b;cursor:pointer}.dialog-close[hidden]{display:none}.dialog-close svg{width:19px;height:19px}.dialog-close:focus-visible{outline:none;box-shadow:var(--sea-focus)}body[data-sea-theme] .dlg p,body[data-sea-theme] .dlg .rules{color:#31505d}body[data-sea-theme] .dlg .row{gap:9px;margin-top:18px}body[data-sea-theme] .dlg .btn{min-height:46px;height:auto;padding:10px 18px;border:1px solid #d7d0bd;border-radius:14px;background:#fff;color:#16536b;box-shadow:none;font:700 14px var(--sans)}body[data-sea-theme] .dlg .btn.primary{border-color:#0a7390;background:linear-gradient(#148dac,#086985);color:#fff;box-shadow:0 8px 20px #074f6638}body[data-sea-theme] .dlg .btn:focus-visible,body[data-sea-theme] .dlg .choice:focus-visible{outline:none;box-shadow:var(--sea-focus)}body[data-sea-theme] .dlg .choice{min-height:54px;border:1px solid #d9d3c2;border-radius:14px;background:#fffdf8;color:#173747;box-shadow:none;font:650 14px var(--sans)}body[data-sea-theme] .dlg .choice small{color:#657a81}body[data-sea-theme] .dlg .choice.on{border-color:#0a7895;background:#e4f4f3;box-shadow:inset 0 0 0 1px #0a7895}body[data-sea-theme] .dlg .stat{border:1px solid #d9d3c2;border-radius:17px;background:#fffdf8;box-shadow:none}body[data-sea-theme] .dlg .stat b{color:#087994;font-family:var(--sans)}body[data-sea-theme] #toast{top:99px;bottom:auto;max-width:min(520px,calc(100vw - 28px));padding:8px 15px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#f9fcf4f5;color:#173747;box-shadow:0 8px 24px #0019264d;font:700 13px var(--sans)}body[data-sea-theme]:has(#toast.on) .battle-heading{visibility:hidden}.harbour-menu-dialog{width:min(470px,calc(100vw - 36px))!important;position:absolute;top:91px;right:max(18px,calc((100vw - 1100px)/2));max-height:calc(100dvh - 110px)!important}.menu-intro{margin:-4px 0 9px!important;color:#607880!important;font-size:13px!important}.menu-grid{display:grid;gap:3px}.menu-item{width:100%;min-height:54px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;padding:7px 9px;border:0;border-radius:13px;background:transparent;color:#173747;text-align:left;cursor:pointer}.menu-item:hover{background:#e1f2ef}.menu-item:focus-visible{outline:none;box-shadow:var(--sea-focus)}.menu-item i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#dcefeb;color:#08758e;font-style:normal}.menu-item i svg{width:19px;height:19px}.menu-item b{display:block;font-size:14px;font-weight:730}.menu-item small{display:block;margin-top:1px;color:#667b82;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item em{color:#8ba1a6;font-size:21px;font-style:normal}.settings-group{margin-top:15px}.settings-label{display:block;margin-bottom:7px;color:#45636d;font-size:12px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.look-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.look-picker button{min-width:0;padding:5px;border:1px solid #d9d3c2;border-radius:12px;background:#fffdf8;color:#58717a;cursor:pointer;font:650 11px var(--sans)}.look-picker button.on{border-color:#087994;background:#e7f6f4;box-shadow:0 3px 12px #0f4b5621;color:#07566c}.look-picker button:focus-visible{outline:none;box-shadow:var(--sea-focus)}.look-picker img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;border-radius:8px;margin-bottom:4px}.look-picker span{display:block;overflow-wrap:anywhere}.board-look button.locked{opacity:.52}.board-look i{position:relative;width:100%;aspect-ratio:16/9;display:block;overflow:hidden;margin-bottom:4px;border-radius:8px;border:3px solid var(--swatch-trim);background:repeating-linear-gradient(0deg,transparent 0 13%,rgba(255,255,255,.4) 13% 15%),repeating-linear-gradient(90deg,transparent 0 13%,rgba(255,255,255,.4) 13% 15%),var(--swatch-water)}.board-look i b{position:absolute;left:17%;top:43%;width:64%;height:14%;border-radius:70% 20% 20% 70%;background:linear-gradient(#f7f4ec,#8a9aa1);box-shadow:0 2px 2px #17374788}.settings-note{color:#657a81!important;font-size:13px!important}.goal-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.goal-tiles>div{min-height:88px;display:grid;place-items:center;align-content:center;padding:8px;border:1px solid #d8d4c3;border-radius:16px;background:#fffdf7;text-align:center}.goal-tiles span{color:#687c82;font-size:11px;text-transform:uppercase}.goal-tiles b{color:#08758e;font-size:20px}.goal-progress{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px}.goal-progress i{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:#d5e4e1}.goal-progress u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a819c,#d2a443)}@media (max-width:760px) and (orientation:portrait){body[data-sea-theme]:before{background-image:var(--sea-phone-scene);background-position:center top}.harbour-hud{top:max(7px,env(safe-area-inset-top));width:calc(100% - 14px);min-height:104px;grid-template-columns:1fr auto;grid-template-rows:48px 43px;gap:5px 8px;padding:6px 7px 7px 10px;border-radius:19px}.harbour-brand b{font-size:21px}.brand-mark{width:39px;height:39px}.harbour-actions{grid-column:2;grid-row:1;gap:4px}.harbour-button{width:36px;height:36px}.harbour-button:after{display:none}.harbour-stats{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.harbour-stats>div{min-width:0;min-height:39px;padding:4px 7px}.harbour-stats b{font-size:15px}.placement-screen,.battle-screen{padding-top:118px}.screen-heading,.battle-heading{width:100%;padding:5px 8px}.battle-heading{min-height:34px}.battle-status strong{font-size:12px}.retention-strip{display:none}.commander-avatar{width:38px;height:38px}.commander-card strong{font-size:14px}.commander-card small{font-size:8px}.panel-heading>b{font-size:11px}.own-panel{min-height:164px;grid-template-columns:100px 1fr}.own-panel .battle-chart{min-height:100px}.own-panel .ocean-stage{grid-column:2;width:100%}body[data-sea-theme] #toast{top:121px;min-height:34px;padding:6px 12px;font-size:12px}.harbour-menu-dialog{position:relative;top:auto;right:auto;align-self:end;width:calc(100vw - 18px)!important;max-height:min(78dvh,680px)!important;margin:0 auto;border-radius:24px 24px 14px 14px!important}body[data-sea-theme] #veil{align-items:flex-end;padding:9px}.look-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}body[data-sea-theme] .dlg.result-dialog{width:min(650px,100%);border:6px solid #b88739;border-radius:19px;background:radial-gradient(circle at 20% 5%,rgba(68,160,184,.19),transparent 27%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 6px),linear-gradient(145deg,#123b53,#06283c);color:#fff3d2;box-shadow:inset 0 0 0 2px #e6c570,inset 0 0 0 5px #49301b,0 8px #362210,0 30px 75px #00101c94}.result-dialog .dialog-header{margin:-1px 0 10px}.result-dialog .dialog-header h2{color:#fff0c4!important;text-shadow:0 2px #041e2d}.result-dialog .dialog-icon{background:linear-gradient(#f3d47f,#b9883d);color:#173b4c;box-shadow:0 3px #50331b}.naval-result{display:grid;gap:10px}.naval-result .result-hero{min-height:120px;display:grid;grid-template-columns:101px 1fr;align-items:center;gap:18px;padding:12px 17px;border:1px solid #c9a25b;border-radius:13px;background:radial-gradient(circle at 85% 18%,rgba(38,150,181,.17),transparent 37%),linear-gradient(145deg,#0d5270,#082f47);box-shadow:inset 0 0 0 3px #f0d28b1a,0 5px #041d2c}.naval-result .winner-medallion{position:relative;width:91px;height:91px}.naval-result .winner-medallion>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;border:4px solid #e4bd64;border-radius:50%;background:#dceae7;box-shadow:0 0 0 4px #193f4f,0 5px #031c2a}.naval-result .winner-medallion>svg{width:62px;height:62px;margin:14px;color:#e6c46f}.naval-result .winner-medallion i{position:absolute;right:-4px;bottom:0;width:29px;height:29px;display:grid;place-items:center;border:3px solid #173b4c;border-radius:50%;background:linear-gradient(#f5d77d,#b68334);color:#173b4c}.naval-result .winner-medallion i svg{width:17px;height:17px}.naval-result .result-stars{display:block;color:#f2ca62;font-size:22px;line-height:1;letter-spacing:3px;text-shadow:0 2px #3c2a18}.naval-result .result-hero b{display:block;margin-top:5px;color:#fff5d6;font-size:33px;line-height:1;font-weight:850;letter-spacing:-.04em}.naval-result .result-hero b small{color:#d5e8e7;font-size:13px;letter-spacing:0}.naval-result .result-hero p{margin:7px 0 0!important;color:#bfe2e6!important;font-size:12px!important;font-weight:750}.naval-result .result-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.naval-result .result-chips>div{min-width:0;min-height:62px;display:flex;align-items:center;gap:7px;padding:8px;border:1px solid rgba(230,197,112,.5);border-radius:11px;background:#031d2c94}.naval-result .result-chips svg{width:22px;height:22px;flex:none;color:#e8c569}.naval-result .result-chips span{min-width:0;display:grid}.naval-result .result-chips b{overflow:hidden;color:#fff3d3;font-size:16px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.naval-result .result-chips small{color:#b9d6d8;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.naval-result .result-notes{display:grid;grid-template-columns:1fr 1fr;gap:3px 13px}.naval-result .result-notes p{position:relative;margin:0!important;padding-left:14px;color:#d8e7df!important;font-size:11px!important;line-height:1.28!important}.naval-result .result-notes p:before{content:"◆";position:absolute;left:1px;top:2px;color:#e7c36a;font-size:7px}.naval-result .result-stats{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(230,197,112,.42);border-radius:10px;background:#031a287a}.naval-result .result-stats>div{min-height:48px;display:grid;place-items:center;align-content:center;border-left:1px solid rgba(230,197,112,.25)}.naval-result .result-stats>div:first-child{border-left:0}.naval-result .result-stats b{color:#f0ca67;font-size:19px;line-height:1}.naval-result .result-stats span{color:#bcd7d8;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.result-dialog .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px!important;margin-top:12px!important}.result-dialog .row .btn{width:100%;min-height:48px;border-color:#d2ad5d!important;background:#eff5e9!important;color:#16475b!important}.result-dialog .row .btn.primary{background:linear-gradient(#f3d275,#c18c38)!important;color:#173747!important;box-shadow:0 4px #51351c!important}@media (max-width:560px){.naval-result .result-hero{grid-template-columns:74px 1fr;min-height:98px;gap:13px;padding:10px 12px}.naval-result .winner-medallion{width:68px;height:68px}.naval-result .winner-medallion>img{border-width:3px}.naval-result .winner-medallion i{width:21px;height:21px;border-width:2px}.naval-result .winner-medallion i svg{width:12px;height:12px}.naval-result .result-hero b{font-size:27px}.naval-result .result-stars{font-size:18px}.naval-result .result-chips{grid-template-columns:1fr 1fr}.naval-result .result-chips>div{min-height:51px}.naval-result .result-notes{grid-template-columns:1fr}.naval-result .result-stats>div{min-height:43px}.result-dialog .row{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}}@media (max-height:520px) and (orientation:landscape){body[data-sea-theme] .dlg.result-dialog{width:min(740px,calc(100vw - 12px));max-height:calc(100dvh - 12px);padding:7px 11px;border-width:5px}.result-dialog .dialog-header{min-height:30px;margin-bottom:4px}.result-dialog .dialog-icon{width:29px;height:29px}.result-dialog .dialog-header h2{font-size:18px!important}.naval-result{grid-template-columns:1.12fr 1fr;gap:5px 8px}.naval-result .result-hero{grid-row:1/3;grid-template-columns:59px 1fr;min-height:86px;gap:8px;padding:7px 9px}.naval-result .winner-medallion{width:54px;height:54px}.naval-result .winner-medallion i{width:17px;height:17px}.naval-result .winner-medallion i svg{width:10px;height:10px}.naval-result .result-stars{font-size:14px}.naval-result .result-hero b{font-size:21px}.naval-result .result-hero b small{display:block;font-size:8px}.naval-result .result-hero p{margin-top:4px!important;font-size:8px!important}.naval-result .result-chips{grid-template-columns:repeat(4,1fr);gap:3px}.naval-result .result-chips>div{min-height:38px;gap:3px;padding:3px 4px;border-radius:7px}.naval-result .result-chips svg{width:14px;height:14px}.naval-result .result-chips b{font-size:11px}.naval-result .result-chips small{font-size:6px}.naval-result .result-notes{max-height:35px;overflow:hidden;grid-template-columns:1fr 1fr;gap:1px 7px}.naval-result .result-notes p{font-size:7px!important;line-height:1.15!important}.naval-result .result-stats{display:none}.result-dialog .row{margin-top:4px!important;gap:4px!important}.result-dialog .row .btn{min-height:30px;padding:4px 8px;font-size:9px}}@media (max-width:430px) and (max-height:300px){body[data-sea-theme] #veil{align-items:center;padding:4px}body[data-sea-theme] .dlg.result-dialog{width:calc(100vw - 8px);max-height:calc(100dvh - 8px);padding:4px 7px;border-width:4px;border-radius:10px}.result-dialog .dialog-header{min-height:21px;margin-bottom:2px;grid-template-columns:21px 1fr 21px}.result-dialog .dialog-icon{width:19px;height:19px;border-radius:5px}.result-dialog .dialog-icon svg{width:10px}.result-dialog .dialog-header h2{font-size:13px!important}.naval-result{grid-template-columns:1.05fr 1fr;gap:3px 5px}.naval-result .result-hero{grid-row:1/3;grid-template-columns:41px 1fr;min-height:64px;gap:5px;padding:4px 5px;border-radius:6px}.naval-result .winner-medallion{width:37px;height:37px}.naval-result .winner-medallion>img{border-width:2px;box-shadow:0 0 0 1px #193f4f}.naval-result .winner-medallion i{display:none}.naval-result .result-stars{font-size:9px;letter-spacing:1px}.naval-result .result-hero b{font-size:14px}.naval-result .result-hero b small{font-size:6px}.naval-result .result-hero p{font-size:6px!important}.naval-result .result-chips{grid-template-columns:repeat(2,1fr);gap:2px}.naval-result .result-chips>div{min-height:29px;gap:2px;padding:2px 3px;border-radius:5px}.naval-result .result-chips svg{width:9px;height:9px}.naval-result .result-chips b{font-size:8px}.naval-result .result-chips small{font-size:5px}.naval-result .result-notes,.naval-result .result-stats{display:none}.result-dialog .row{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));margin:3px 0 0!important;gap:3px!important}.result-dialog .row .btn{min-height:23px;padding:2px 4px;font-size:7px;border-radius:5px}}@media (max-height:520px) and (orientation:landscape){:root{--bar-h:48px }.harbour-hud{top:5px;width:calc(100% - 12px);min-height:43px;grid-template-columns:minmax(145px,.8fr) auto minmax(185px,.8fr);gap:7px;padding:4px 6px 4px 9px;border-radius:16px}.harbour-brand{gap:6px}.brand-mark{width:33px;height:33px}.brand-mark svg{width:19px;height:19px}.harbour-brand small{display:none}.harbour-brand b{font-size:18px}.harbour-stats{gap:4px}.harbour-stats>div{min-width:70px;min-height:33px;padding:3px 6px;border-radius:10px}.harbour-stats span{font-size:7px}.harbour-stats b{font-size:13px}.harbour-actions{gap:3px}.harbour-button{width:32px;height:32px}.harbour-button svg{width:16px;height:16px}.harbour-button:after{display:none}.placement-screen,.battle-screen{padding-top:54px}.battle-heading{display:none}.panel-heading{margin-bottom:2px}.commander-avatar{width:32px;height:32px}.commander-card strong{font-size:12px}.commander-card small{font-size:7px}.panel-heading>b{font-size:9px}.board-panel{padding:5px;border-radius:14px}.chart-shell{border-radius:12px}.harbour-menu-dialog{top:53px;max-height:calc(100dvh - 58px)!important}.menu-item{min-height:46px}body[data-sea-theme] #toast{top:auto;bottom:7px;min-height:30px;max-width:300px;padding:5px 11px;font-size:11px}.placement-workspace{width:min(790px,100%);grid-template-columns:minmax(0,1fr) minmax(150px,44vw);gap:6px}.placement-board .chart-shell{width:min(48vw,calc(100dvh - 62px),350px)}.dock-panel{width:100%;height:auto;max-height:calc(100dvh - 60px);padding:5px;border-radius:14px;overflow:hidden}.ship-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:0 0 4px}.dock-ship{min-height:32px;gap:2px;padding:2px 4px;border-radius:9px;font-size:12px}.dock-ship:nth-child(5){grid-column:1/-1}.dock-ship i{height:6px}.placement-actions{grid-template-columns:1fr 1fr .65fr;gap:3px}.action-btn,.ready-btn{min-height:34px;padding:2px 4px;border-radius:9px;font-size:12px}.action-btn.quiet{grid-column:auto}.ready-btn{margin-top:4px}.placement-tip{display:none}}@media (max-width:430px) and (max-height:300px){.harbour-hud{grid-template-columns:115px auto 153px}.harbour-stats>div{min-width:52px;padding:2px 3px}.harbour-stats span{display:none}.harbour-stats b{margin:0;font-size:11px}.harbour-actions .hud-undo,.harbour-actions .hud-hint{display:none}.harbour-brand b{font-size:15px}.brand-mark{width:28px;height:28px}.placement-screen,.battle-screen{padding:49px 4px 4px}.battle-layout{gap:4px}.panel-heading{min-height:20px}.commander-avatar,.fleet-list{display:none}.battle-chart .chart-shell,.target-panel .battle-chart .chart-shell,.own-panel .battle-chart .chart-shell{width:min(34vw,calc(100dvh - 83px));--axis:10px }.chart-letters span,.chart-numbers span{font-size:8px}.own-panel{grid-template-columns:1fr;grid-template-rows:auto 1fr}.own-panel .panel-heading,.own-panel .battle-chart{grid-column:1}.own-panel .battle-chart{grid-row:2}.own-panel .chart-letters,.own-panel .chart-numbers{display:grid}.screen-heading{display:none}.placement-board .chart-shell{width:min(48vw,calc(100dvh - 59px))}.dock-panel{height:auto;max-height:calc(100dvh - 54px);padding:3px}.dock-ship{min-height:23px;padding:1px 3px;font-size:10px;line-height:1}.dock-ship i{display:none}.action-btn,.ready-btn{min-height:25px;font-size:10px;line-height:1}.ready-btn{margin-top:3px}body[data-sea-theme] #toast{display:none!important}}.ship-token{display:grid;place-items:center;overflow:visible;z-index:2;height:9%;top:calc(var(--row) * 10% + .5%);filter:drop-shadow(0 2px 1px rgba(4,17,24,.82)) drop-shadow(0 5px 5px rgba(0,24,36,.36))}.ship-token.vertical{width:9%;left:calc(var(--col) * 10% + .5%);height:calc(var(--length) * 10% - 1%);top:calc(var(--row) * 10% + .5%)}.ship-token .ship-art{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.ship-token.vertical .ship-art{width:100%;height:100%;object-fit:fill}.ship-token.sunk{opacity:.78;filter:grayscale(.28) brightness(.66) drop-shadow(0 2px 1px #20130d);animation:shipSink 1.8s ease-in-out infinite alternate}.ocean-cell.miss,.ocean-cell.hit{z-index:6;background:transparent}.ocean-cell.miss span,.ocean-cell.hit span{position:absolute;inset:23%;width:54%;height:54%;display:block;border:1px solid rgba(70,49,37,.68);border-radius:50%;color:transparent;box-shadow:0 3px 4px #0016227a,inset 0 2px 1px #ffffffc7,inset 0 -3px 2px #321c174d}.ocean-cell.miss span{background:radial-gradient(circle at 34% 26%,#fff 0 12%,#f6f1e4 15% 52%,#c8c1b3 72%,#8c857c)}.ocean-cell.hit span{background:radial-gradient(circle at 34% 25%,#ff9a87 0 9%,#f53d35 13% 49%,#b30f1b 70%,#690817);border-color:#6e1118;box-shadow:0 3px 5px #3100048c,0 0 0 4px #ec323433,inset 0 2px 1px #ffdcc3b8,inset 0 -3px 2px #46000873}.board-panel{position:relative;grid-template-rows:auto minmax(0,1fr);padding-top:29px;border-radius:13px;background:linear-gradient(145deg,#093a4ff7,#042233fb);box-shadow:0 0 0 5px #714019,0 0 0 7px #d49c49,0 8px 0 7px #3d210e,0 20px 38px #190e056b,inset 0 1px #ffffff26}.board-panel:before{content:"";position:absolute;inset:-8px;z-index:-1;border-radius:18px;background:repeating-linear-gradient(4deg,rgba(255,255,255,.045) 0 1px,transparent 1px 8px),linear-gradient(145deg,#a76732,#603315 57%,#3c1d0c)}.board-plaque,.manifest-plaque{position:absolute;z-index:4;left:50%;top:-14px;transform:translate(-50%);min-width:178px;padding:5px 18px 6px;border:2px solid #d6a14c;border-radius:7px;background:linear-gradient(#75441e,#3f210f);box-shadow:0 0 0 2px #5a2e10,0 4px 5px #120a0373,inset 0 1px #ffecab47;color:#fff4d5;text-align:center;text-shadow:0 2px 1px #261207;font-size:17px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.panel-heading{min-height:48px;margin:-4px 2px 5px}.battle-chart .chart-shell,.target-panel .battle-chart .chart-shell,.own-panel .battle-chart .chart-shell{width:min(100%,calc(100dvh - var(--bar-h) - 295px),575px)}.battle-layout{width:min(1340px,calc(100% - 14px));gap:25px;overflow:visible;padding:8px}.battle-manifest{position:relative;flex:none;width:min(1000px,calc(100% - 34px));min-height:105px;margin:19px auto 1px;padding:22px 14px 10px;border:2px solid #d39c4c;border-radius:11px;background:linear-gradient(145deg,#083e53fa,#032435fc);box-shadow:0 0 0 5px #6c3a17,0 5px 0 5px #3d210e,0 16px 30px #190e055c}.manifest-plaque{top:-16px;min-width:238px;font-size:14px;padding:4px 20px}.battle-manifest .fleet-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0}.fleet-item{position:relative;min-height:65px;display:grid;grid-template-rows:15px 31px 12px;justify-items:center;align-items:center;gap:0;padding:0 8px;border-radius:0;border-right:1px solid rgba(105,203,221,.33);background:transparent;box-shadow:none;color:#fff3d5}.fleet-item:last-child{border-right:0}.fleet-name{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;white-space:nowrap}.fleet-name b{color:#fff3d5;font-size:14px}.fleet-item .ship-art{width:min(calc(var(--length) * 24px),95%);height:30px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.7))}.fleet-item em{display:none}.fleet-item.lost .ship-art{opacity:.35;filter:grayscale(1) brightness(.62)}.fleet-item.lost .size-pips i{background:#a52b29;border-color:#f07b68}.size-pips{display:flex;align-items:center;justify-content:center;gap:4px;height:10px}.size-pips i{width:10px;height:10px;display:block;border:1px solid #b6a78f;border-radius:2px;background:linear-gradient(#fffdf5,#ded8c9);box-shadow:0 1px 1px #0000006b,inset 0 1px #fff}.dock-panel{border-radius:13px;padding:22px 18px 16px;box-shadow:0 0 0 5px #714019,0 0 0 7px #d49c49,0 8px 0 7px #3d210e,0 20px 38px #190e056b,inset 0 1px #ffffff26}.ship-dock{gap:5px;margin:12px 0}.dock-ship{min-height:58px;grid-template-columns:92px minmax(92px,1fr);grid-template-rows:1fr 12px;column-gap:8px;padding:4px 9px;border-radius:9px}.dock-name{grid-row:1/3;display:grid;align-content:center;font-size:13px}.dock-name b{color:#ffd477;font-size:12px}.dock-ship>.ship-art{width:100%;height:34px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.65))}.dock-ship>.size-pips{align-self:start}.dock-ship.placed .dock-name:after{content:"Placed";color:#8de0c8;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dock-ship.placed .dock-name b{display:none}.dock-ship.selected{transform:translate(-3px)}@media (max-width:760px) and (orientation:portrait){.battle-layout{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 145px;gap:13px;padding:7px 10px}.board-panel{padding-top:24px}.board-plaque{top:-11px;min-width:150px;padding:3px 12px;font-size:13px}.target-panel .battle-chart .chart-shell{width:min(88vw,calc(100dvh - var(--bar-h) - 385px),395px)}.own-panel{min-height:145px;grid-template-columns:116px 1fr;grid-template-rows:1fr}.own-panel .panel-heading{grid-column:2;grid-row:1;align-self:center;display:grid;justify-items:start;gap:6px;padding-left:8px}.own-panel .panel-heading>b{white-space:normal}.own-panel .battle-chart{grid-column:1;grid-row:1}.own-panel .battle-chart .chart-shell{width:112px}.battle-manifest{min-height:86px;width:calc(100% - 28px);margin:16px auto 1px;padding:17px 7px 6px}.manifest-plaque{min-width:180px;top:-13px;font-size:11px;padding:3px 12px}.fleet-item{min-height:58px;grid-template-rows:12px 29px 9px;padding:0 3px}.fleet-name{font-size:8px;gap:3px}.fleet-name b{font-size:9px}.fleet-item .ship-art{height:27px}.size-pips{gap:2px}.size-pips i{width:6px;height:6px}.dock-panel{padding:18px 10px 10px}.ship-dock{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.dock-ship{min-width:0;min-height:92px;grid-template-columns:1fr;grid-template-rows:24px 35px 10px;gap:2px;padding:5px 3px}.dock-name{grid-row:1;display:block;overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:clip}.dock-name b{display:none}.dock-ship>.ship-art{grid-row:2;height:33px}.dock-ship>.size-pips{grid-row:3}.dock-ship.placed .dock-name:after{display:block;font-size:8px}}@media (max-height:520px) and (orientation:landscape){.battle-screen{padding-left:8px;padding-right:8px}.battle-layout{width:min(920px,100%);gap:17px;padding:5px 7px;min-height:0}.board-panel{padding:20px 6px 5px;border-radius:8px}.board-plaque{top:-9px;min-width:120px;padding:2px 9px 3px;font-size:10px;border-width:1px}.panel-heading{min-height:30px;margin:-5px 0 2px}.battle-chart .chart-shell,.target-panel .battle-chart .chart-shell,.own-panel .battle-chart .chart-shell{width:min(40vw,calc(100dvh - 170px),250px)}.battle-manifest{min-height:45px;width:min(720px,calc(100% - 40px));margin:10px auto 0;padding:9px 6px 2px;border-radius:7px}.manifest-plaque{min-width:125px;top:-9px;padding:1px 9px 2px;font-size:8px;border-width:1px}.fleet-item{min-height:34px;grid-template-rows:8px 19px 6px;padding:0 3px}.fleet-name{font-size:7px;gap:2px}.fleet-name b{font-size:7px}.fleet-item .ship-art{height:18px}.size-pips{gap:1px;height:5px}.size-pips i{width:4px;height:4px;border-width:0}.dock-panel{padding:8px 9px 7px}.dock-panel>div:first-child h3{font-size:17px}.ship-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:5px 0}.dock-ship{min-width:0;min-height:48px;grid-template-columns:62px minmax(0,1fr);grid-template-rows:28px 7px;gap:1px 5px;padding:3px 5px}.dock-name{grid-row:1/3;overflow:hidden;font-size:10px;white-space:nowrap}.dock-name b{display:none}.dock-ship>.ship-art{height:27px}.dock-ship>.size-pips i{width:5px;height:5px}.dock-ship.placed .dock-name:after{display:block;font-size:7px}.action-btn,.ready-btn{min-height:31px}.ready-btn{margin-top:4px}body[data-sea-theme] #veil{padding:5px}body[data-sea-theme] .dlg{max-height:calc(100dvh - 10px);padding:10px 12px;border-radius:16px}.dialog-header{min-height:30px;grid-template-columns:30px 1fr 30px;gap:7px;margin-bottom:5px}.dialog-icon,.dialog-close{width:30px;height:30px;border-radius:10px}.dialog-icon svg,.dialog-close svg{width:16px;height:16px}body[data-sea-theme] .dlg h2{font-size:20px}body[data-sea-theme] .dlg p{margin:0 0 4px;font-size:12px;line-height:1.25}body[data-sea-theme] .dlg .statgrid{grid-template-columns:repeat(3,1fr);gap:5px;margin:5px 0}body[data-sea-theme] .dlg .stat{padding:4px;border-radius:10px}body[data-sea-theme] .dlg .stat b{font-size:18px}body[data-sea-theme] .dlg .stat span{font-size:8px}body[data-sea-theme] .dlg .row{margin-top:5px;gap:5px}body[data-sea-theme] .dlg .btn{min-height:31px;padding:5px 12px;font-size:11px}}@media (max-width:430px) and (max-height:300px){.board-panel{padding:12px 3px 3px}.board-plaque{top:-7px;min-width:80px;padding:1px 5px;font-size:7px}.panel-heading{min-height:17px;margin:-3px 0 0}.battle-chart .chart-shell,.target-panel .battle-chart .chart-shell,.own-panel .battle-chart .chart-shell{width:min(38vw,calc(100dvh - 78px))}.battle-manifest{display:none}.dock-panel{padding:3px 4px}.dock-panel>div:first-child{display:none}.ship-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:0 0 2px}.dock-ship{min-height:32px;grid-template-columns:1fr;grid-template-rows:11px 18px;gap:0;padding:1px 2px}.dock-name{grid-row:1;display:block;overflow:hidden;font-size:8px;line-height:1;white-space:nowrap;text-align:center}.dock-name b,.dock-ship.placed .dock-name:after,.dock-ship>.size-pips{display:none}.dock-ship>.ship-art{grid-row:2;height:18px}.dock-ship:nth-child(5){grid-column:1/-1}.dock-ship:nth-child(5)>.ship-art{width:52%;justify-self:center}.placement-actions{gap:2px}.action-btn,.ready-btn{min-height:23px;padding:1px 2px;font-size:8px}.ready-btn{margin-top:2px}body[data-sea-theme] .dlg{padding:7px 9px;border-radius:12px}.dialog-header{min-height:24px;grid-template-columns:24px 1fr 24px;margin-bottom:3px}.dialog-icon,.dialog-close{width:24px;height:24px}.dialog-icon svg,.dialog-close svg{width:13px;height:13px}body[data-sea-theme] .dlg h2{font-size:15px}body[data-sea-theme] .dlg p{margin:0 0 2px;font-size:8px;line-height:1.12}body[data-sea-theme] .dlg .statgrid{display:none}body[data-sea-theme] .dlg .row{margin-top:3px;gap:3px}body[data-sea-theme] .dlg .btn{min-height:24px;padding:3px 8px;font-size:8px}}@media (max-width:430px) and (max-height:225px){.ship-dock{grid-template-columns:repeat(3,minmax(0,1fr))}.dock-ship:nth-child(5){grid-column:auto}.dock-ship:nth-child(5)>.ship-art{width:100%}.dock-ship{grid-template-rows:26px}.dock-name{display:none!important}.dock-ship>.ship-art{grid-row:1;height:22px}}@media (max-width:760px) and (orientation:portrait){.battle-status strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}}@media (max-width:430px) and (max-height:300px){.harbour-hud{grid-template-columns:auto minmax(0,1fr) auto!important;gap:5px!important}.harbour-brand>span:not(.brand-mark){display:none}.harbour-stats{min-width:0;justify-content:center}.harbour-stats>div{min-width:0!important;flex:1 1 0}}.ship-token{display:block!important}.ship-token .ship-art,.ship-token.vertical .ship-art{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:fill}