.app{min-height:100vh;position:relative}.casino-table{background:var(--felt-green);box-shadow:0 0 0 5px var(--gold);border:10px solid #4a2c2a;border-radius:15px;position:relative}.error-toast{background:linear-gradient(135deg, var(--maroon), #5a0000);color:var(--light-gold);border:2px solid var(--gold);cursor:pointer;z-index:1000;text-align:center;border-radius:.5rem;max-width:90vw;padding:.75rem 1.5rem;font-family:Lato,sans-serif;font-size:.9rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.nav-btn[data-v-b46f29b7]{cursor:pointer;z-index:10;touch-action:manipulation;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;line-height:1;text-decoration:none;transition:box-shadow .1s,transform .1s;display:flex;position:absolute;top:12px;box-shadow:0 4px #111}.nav-btn[data-v-b46f29b7]:active{transform:translateY(2px);box-shadow:0 2px #111}.home-btn[data-v-b46f29b7]{background:radial-gradient(circle, var(--gold-light), var(--gold));color:#111;left:12px}.help-btn[data-v-b46f29b7]{background:radial-gradient(circle, var(--gold-light), var(--gold));color:#111;font-family:Inter,sans-serif;font-size:1.15rem;right:12px}.help-overlay[data-v-b46f29b7]{z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.help-panel[data-v-b46f29b7]{border:3px solid var(--gold);background:linear-gradient(#3e1e24,#2a1a1f);border-radius:12px;width:100%;max-width:420px;padding:2rem;animation:.25s ease-out modal-in-b46f29b7}@keyframes modal-in-b46f29b7{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.help-title[data-v-b46f29b7]{color:var(--gold);text-align:center;letter-spacing:.08em;margin-bottom:1.25rem;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.help-content h3[data-v-b46f29b7]{color:var(--gold-light);text-transform:uppercase;letter-spacing:.12em;margin:1rem 0 .4rem;font-family:Cinzel,serif;font-size:.85rem}.help-content p[data-v-b46f29b7]{color:var(--light-gold);margin-bottom:.4rem;font-size:.875rem;line-height:1.55}.help-content ul[data-v-b46f29b7]{margin-bottom:.4rem;padding:0;list-style:none}.help-content li[data-v-b46f29b7]{color:var(--light-gold);padding:.2rem 0 .2rem 1.1rem;font-size:.85rem;position:relative}.help-content li[data-v-b46f29b7]:before{content:"▸";color:var(--gold);position:absolute;left:0}.help-close[data-v-b46f29b7]{background:radial-gradient(circle, var(--gold-light), var(--gold));color:#111;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:2px solid #111;border-radius:8px;width:100%;margin-top:1.5rem;padding:.75rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;transition:box-shadow .1s,transform .1s;display:block;box-shadow:0 4px #111}.help-close[data-v-b46f29b7]:active{transform:translateY(2px);box-shadow:0 2px #111}.home[data-v-3ae4c7b9]{background:var(--dark-wood);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.home-card[data-v-3ae4c7b9]{text-align:center;width:100%;max-width:420px;padding:2rem 2.5rem 2.5rem}.title[data-v-3ae4c7b9]{letter-spacing:.2em;color:var(--gold);text-shadow:0 0 20px #d4af3780,0 2px 4px #000c;margin-top:2.5rem;margin-bottom:.25rem;font-family:Cinzel,serif;font-size:2.75rem;font-weight:700}.subtitle[data-v-3ae4c7b9]{color:var(--light-gold);letter-spacing:.25em;text-transform:uppercase;opacity:.8;margin-bottom:2rem;font-family:Cinzel,serif;font-size:.8rem}.form-group[data-v-3ae4c7b9]{text-align:left;margin-bottom:1rem}.form-group label[data-v-3ae4c7b9]{letter-spacing:.1em;color:var(--gold);text-transform:uppercase;margin-bottom:.4rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;display:block}.form-group input[data-v-3ae4c7b9]{width:100%;color:var(--light-gold);touch-action:manipulation;box-sizing:border-box;background:#0006;border:2px solid #d4af3759;border-radius:8px;outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s}.form-group input[data-v-3ae4c7b9]:focus{border-color:var(--gold);box-shadow:0 0 8px #d4af374d}.form-group input[data-v-3ae4c7b9]::placeholder{color:#fff8e159}.room-code-input[data-v-3ae4c7b9]{text-align:center;letter-spacing:.3em;font-size:1.5rem!important}.btn-group[data-v-3ae4c7b9]{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.btn[data-v-3ae4c7b9]{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;touch-action:manipulation;border-radius:8px;padding:.875rem 1.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:box-shadow .1s,transform .1s}.btn[data-v-3ae4c7b9]:disabled{opacity:.45;cursor:not-allowed}.btn-primary[data-v-3ae4c7b9]{background:var(--teal);color:var(--light-gold);border:2px solid #004d4d;box-shadow:0 4px #004040}.btn-primary[data-v-3ae4c7b9]:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #004040}.btn-primary[data-v-3ae4c7b9]:not(:disabled):hover{background:#009090}.btn-secondary[data-v-3ae4c7b9]{background:var(--maroon);color:var(--light-gold);border:2px solid #500000;box-shadow:0 4px #400000}.btn-secondary[data-v-3ae4c7b9]:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #400000}.btn-secondary[data-v-3ae4c7b9]:not(:disabled):hover{background:#9a1010}.btn-ghost[data-v-3ae4c7b9]{color:var(--light-gold);background:0 0;border:2px solid #d4af374d;box-shadow:0 4px #0006}.btn-ghost[data-v-3ae4c7b9]:active{transform:translateY(2px);box-shadow:0 2px #0006}.btn-ghost[data-v-3ae4c7b9]:hover{border-color:var(--gold);color:var(--gold)}.join-form[data-v-3ae4c7b9]{margin-top:.5rem}.error-msg[data-v-3ae4c7b9]{color:#f99;background:#8000004d;border:1px solid #ff64644d;border-radius:6px;margin-top:1rem;padding:.5rem .75rem;font-size:.875rem}.select-wrapper[data-v-6d64a0ed]{width:100%;position:relative}.select-trigger[data-v-6d64a0ed]{width:100%;color:var(--light-gold);cursor:pointer;text-align:left;touch-action:manipulation;background:#00000073;border:2px solid #d4af374d;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding:.6rem .75rem;font-family:Inter,sans-serif;font-size:16px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px #0006}.select-trigger[data-v-6d64a0ed]:hover,.select-trigger.open[data-v-6d64a0ed]{border-color:var(--gold);box-shadow:0 2px #0006,0 0 8px #d4af3740}.select-trigger[data-v-6d64a0ed]:active{transform:translateY(1px);box-shadow:0 1px #0006}.select-trigger[data-v-6d64a0ed]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.select-value[data-v-6d64a0ed]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.select-arrow[data-v-6d64a0ed]{flex-shrink:0;width:12px;height:8px;transition:transform .2s}.select-arrow.rotated[data-v-6d64a0ed]{transform:rotate(180deg)}.select-list[data-v-6d64a0ed]{z-index:1000;background:linear-gradient(#3e1e24,#2a1a1f);border:2px solid #d4af3773;border-radius:8px;max-height:220px;margin:0;padding:.3rem 0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #000000b3}.select-option[data-v-6d64a0ed]{color:var(--light-gold);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.6rem .75rem;font-family:Inter,sans-serif;font-size:15px;transition:background .1s}.select-option[data-v-6d64a0ed]:hover{background:#d4af371f}.select-option.selected[data-v-6d64a0ed]{color:#5fe0e0;background:#0080804d;font-weight:700}.dropdown-enter-active[data-v-6d64a0ed],.dropdown-leave-active[data-v-6d64a0ed]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-6d64a0ed],.dropdown-leave-to[data-v-6d64a0ed]{opacity:0;transform:translateY(-4px)}.lobby[data-v-2e7df1fa]{background:var(--dark-wood);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.lobby-card[data-v-2e7df1fa]{width:100%;max-width:500px;padding:2rem}.lobby-title[data-v-2e7df1fa]{color:var(--gold);text-align:center;letter-spacing:.1em;text-shadow:0 0 12px #d4af3766;margin-top:2.5rem;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.room-code-section[data-v-2e7df1fa]{text-align:center;background:#00000059;border:2px solid #d4af3766;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.room-code-label[data-v-2e7df1fa]{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:.25rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.room-code[data-v-2e7df1fa]{letter-spacing:.3em;color:var(--gold-light);text-shadow:0 0 16px #ffd70080;font-family:Cinzel,serif;font-size:3rem;font-weight:900}.copy-btn[data-v-2e7df1fa]{color:var(--gold);cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #d4af3780;border-radius:6px;margin-top:.5rem;padding:.25rem .875rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s;box-shadow:0 2px #0006}.copy-btn[data-v-2e7df1fa]:hover{border-color:var(--gold);background:#d4af3726}.copy-btn[data-v-2e7df1fa]:active{transform:translateY(1px);box-shadow:0 1px #0006}.section-title[data-v-2e7df1fa]{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700}.players-section[data-v-2e7df1fa]{margin-bottom:1.5rem}.player-list[data-v-2e7df1fa]{flex-direction:column;gap:.5rem;list-style:none;display:flex}.player-item[data-v-2e7df1fa]{background:#0000004d;border:1px solid #d4af3726;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.player-dot[data-v-2e7df1fa]{background:#fff8e133;border-radius:50%;flex-shrink:0;width:8px;height:8px}.player-dot.connected[data-v-2e7df1fa]{background:#48bb78;box-shadow:0 0 6px #48bb7899}.player-name[data-v-2e7df1fa]{color:var(--light-gold);flex:1;font-family:Lato,sans-serif;font-size:.95rem}.player-you[data-v-2e7df1fa],.player-host[data-v-2e7df1fa]{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:.15rem .5rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.player-you[data-v-2e7df1fa]{color:#5fe0e0;background:#0080804d;border:1px solid #00808066}.player-host[data-v-2e7df1fa]{color:var(--gold);background:#d4af3733;border:1px solid #d4af3759}.settings-section[data-v-2e7df1fa]{border-top:1px solid #d4af3733;padding-top:1.5rem}.settings-grid[data-v-2e7df1fa]{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.setting-group[data-v-2e7df1fa]{flex-direction:column;gap:.35rem;display:flex}.setting-group label[data-v-2e7df1fa]{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.btn-start[data-v-2e7df1fa]{background:var(--teal);width:100%;color:var(--light-gold);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;touch-action:manipulation;border:2px solid #004d4d;border-radius:8px;padding:.875rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:box-shadow .1s,transform .1s;box-shadow:0 4px #003535}.btn-start[data-v-2e7df1fa]:not(:disabled):hover{background:#009090}.btn-start[data-v-2e7df1fa]:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #003535}.btn-start[data-v-2e7df1fa]:disabled{opacity:.4;cursor:not-allowed}.btn-leave[data-v-2e7df1fa]{color:#fff8e173;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px solid #fff8e126;border-radius:8px;width:100%;margin-top:.6rem;padding:.6rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:color .15s,border-color .15s}.btn-leave[data-v-2e7df1fa]:hover{color:#f99;border-color:#ff646466}.waiting-hint[data-v-2e7df1fa]{text-align:center;color:#fff8e180;margin-top:.5rem;font-family:Lato,sans-serif;font-size:.8rem}.setting-value[data-v-2e7df1fa]{color:var(--light-gold);background:#0000004d;border:1px solid #d4af3733;border-radius:6px;padding:.55rem .75rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.fleet-section[data-v-2e7df1fa]{border-top:1px solid #d4af3726;margin-top:1.25rem;margin-bottom:1.25rem;padding-top:1.25rem}.fleet-list[data-v-2e7df1fa]{flex-wrap:wrap;gap:.4rem;display:flex}.fleet-toggle[data-v-2e7df1fa]{color:var(--light-gold);opacity:.35;white-space:nowrap;background:#0000004d;border:1px solid #d4af3726;border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.fleet-toggle.active[data-v-2e7df1fa]{opacity:1;background:#d4af371a;border-color:#d4af3780}div.fleet-toggle[data-v-2e7df1fa]{cursor:default}button.fleet-toggle[data-v-2e7df1fa]{cursor:pointer}button.fleet-toggle[data-v-2e7df1fa]:not(.active):hover{opacity:.6}button.fleet-toggle.active[data-v-2e7df1fa]:hover{color:#faa;background:#3c000066;border-color:#ff505080}.fleet-size[data-v-2e7df1fa]{color:var(--gold);background:#d4af3726;border-radius:3px;padding:0 .3rem;font-size:.68rem;font-weight:700}.waiting-hint-row[data-v-2e7df1fa]{border-top:1px solid #d4af371f;align-items:center;gap:.6rem;margin-top:1.25rem;padding-top:1rem;display:flex}.waiting-spinner-sm[data-v-2e7df1fa]{border:2px solid #d4af3733;border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:1s linear infinite spin-2e7df1fa}.waiting-text[data-v-2e7df1fa]{color:#fff8e199;font-family:Lato,sans-serif;font-size:.85rem}@keyframes spin-2e7df1fa{to{transform:rotate(360deg)}}.grid-wrapper[data-v-0c8b6883]{-webkit-user-select:none;user-select:none;display:inline-block}.grid-labels-row[data-v-0c8b6883]{display:flex}.corner-cell[data-v-0c8b6883]{flex-shrink:0;width:24px;height:24px}.col-label[data-v-0c8b6883]{color:#d4af37a6;justify-content:center;align-items:center;width:36px;height:24px;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;display:flex}.grid-row[data-v-0c8b6883]{display:flex}.row-label[data-v-0c8b6883]{color:#d4af37a6;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:36px;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;display:flex}.grid-cell[data-v-0c8b6883]{border:1px solid #d4af371f;border-radius:2px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .15s;display:flex;position:relative}.cell-empty[data-v-0c8b6883]{background:#002810b3}.cell-ship[data-v-0c8b6883]{background:#003c19d9;border-color:#d4af3740}.cell-hit[data-v-0c8b6883]{background:#3c1e0acc;border-color:#d4af374d}.cell-sunk[data-v-0c8b6883]{background:#281405e6;border-color:#d4af3733}.cell-miss[data-v-0c8b6883]{background:#00140a80;border-color:#d4af3714}.grid-cell.interactive[data-v-0c8b6883]:hover{cursor:crosshair;z-index:1;background:#00808073;border-color:#00c8c880}.grid-cell.clickable[data-v-0c8b6883]{cursor:crosshair}.cell-icon[data-v-0c8b6883]{pointer-events:none;font-size:1rem;font-weight:700;line-height:1}.cell-hit .cell-icon[data-v-0c8b6883],.cell-sunk .cell-icon[data-v-0c8b6883]{color:#000000bf;text-shadow:0 0 4px #fff6}.miss-dot[data-v-0c8b6883]{color:#fff8e14d;font-size:1.5rem}@media (width<=480px){.grid-cell[data-v-0c8b6883],.col-label[data-v-0c8b6883]{width:28px}.grid-cell[data-v-0c8b6883],.row-label[data-v-0c8b6883]{height:28px}}.ship-block[data-v-25f366cb]{gap:0;line-height:0;display:inline-flex}.ship-block.vertical[data-v-25f366cb]{flex-direction:column}.ship-segment[data-v-25f366cb]{box-sizing:border-box;border:1px solid;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.horizontal .ship-segment[data-v-25f366cb]{border-right-width:0}.horizontal .ship-segment.last[data-v-25f366cb]{border-right-width:1px}.horizontal .ship-segment.first[data-v-25f366cb]{border-radius:3px 0 0 3px}.horizontal .ship-segment.last[data-v-25f366cb]{border-radius:0 3px 3px 0}.horizontal .ship-segment.single[data-v-25f366cb]{border-right-width:1px;border-radius:3px}.vertical .ship-segment[data-v-25f366cb]{border-bottom-width:0}.vertical .ship-segment.last[data-v-25f366cb]{border-bottom-width:1px}.vertical .ship-segment.first[data-v-25f366cb]{border-radius:3px 3px 0 0}.vertical .ship-segment.last[data-v-25f366cb]{border-radius:0 0 3px 3px}.vertical .ship-segment.single[data-v-25f366cb]{border-bottom-width:1px;border-radius:3px}.hit-mark[data-v-25f366cb]{color:#fff5f5;pointer-events:none;font-size:.7em;font-weight:700}.placement-layout[data-v-e9dd3c9c]{box-sizing:border-box;padding:3.5rem .75rem .75rem}.placement-main[data-v-e9dd3c9c]{flex-direction:column;width:100%;max-width:900px;margin:0 auto;padding:1rem;display:flex}.placement-header[data-v-e9dd3c9c]{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.header-text[data-v-e9dd3c9c]{flex:1;min-width:0}.placement-header h2[data-v-e9dd3c9c]{color:var(--gold);letter-spacing:.12em;text-shadow:0 0 12px #d4af3766;white-space:nowrap;margin:0;font-family:Cinzel,serif;font-size:1.3rem;font-weight:700}.placement-subtitle[data-v-e9dd3c9c]{color:#fff8e18c;margin:.15rem 0 0;font-family:Lato,sans-serif;font-size:.75rem}.placement-content[data-v-e9dd3c9c]{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem;display:flex}.ship-inventory[data-v-e9dd3c9c]{flex-shrink:0;width:200px}.inv-header[data-v-e9dd3c9c]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.inv-title[data-v-e9dd3c9c]{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-family:Inter,sans-serif;font-size:.68rem;font-weight:700}.placement-actions[data-v-e9dd3c9c]{gap:.3rem;display:flex}.ship-list[data-v-e9dd3c9c]{flex-direction:column;gap:.35rem;display:flex}.ship-item[data-v-e9dd3c9c]{cursor:pointer;touch-action:manipulation;background:#00000059;border:1px solid #d4af3733;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:.45rem .65rem;transition:all .15s;display:flex}.ship-item[data-v-e9dd3c9c]:hover:not(.placed):not(.disabled){background:#00505066;border-color:#00b4b480}.ship-item.selected[data-v-e9dd3c9c]{border-color:var(--teal);background:#0050508c;box-shadow:0 0 8px #00808066}.ship-item.placed[data-v-e9dd3c9c]{opacity:.7}.ship-item.disabled[data-v-e9dd3c9c]{cursor:default}.ship-name[data-v-e9dd3c9c]{color:var(--light-gold);flex:1;font-family:Lato,sans-serif;font-size:.82rem;font-weight:600}.check-icon[data-v-e9dd3c9c]{color:#48bb78;font-size:.9rem;font-weight:700}.orient-badge[data-v-e9dd3c9c]{width:24px;height:24px;color:var(--dark-wood);background:var(--teal);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.btn[data-v-e9dd3c9c]{cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;touch-action:manipulation;border-radius:6px;padding:.35rem .65rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;transition:box-shadow .1s,transform .1s}.btn[data-v-e9dd3c9c]:disabled{opacity:.35;cursor:not-allowed}.btn-orient[data-v-e9dd3c9c]{background:var(--teal);color:var(--light-gold);border:1px solid #004d4d;box-shadow:0 3px #003535}.btn-orient[data-v-e9dd3c9c]:not(:disabled):hover{background:#009090}.btn-orient[data-v-e9dd3c9c]:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #003535}.btn-auto[data-v-e9dd3c9c]{color:var(--light-gold);background:#276749;border:1px solid #1a4530;box-shadow:0 3px #0d2218}.btn-auto[data-v-e9dd3c9c]:not(:disabled):hover{background:#2f855a}.btn-auto[data-v-e9dd3c9c]:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #0d2218}.btn-reset[data-v-e9dd3c9c]{background:var(--maroon);color:var(--light-gold);border:1px solid #500000;box-shadow:0 3px #300000}.btn-reset[data-v-e9dd3c9c]:not(:disabled):hover{background:#9a1010}.btn-reset[data-v-e9dd3c9c]:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #300000}.placement-grid-wrapper[data-v-e9dd3c9c]{-webkit-user-select:none;user-select:none}.grid-with-labels[data-v-e9dd3c9c]{display:inline-block;position:relative}.grid-labels-row[data-v-e9dd3c9c]{display:flex}.corner-cell[data-v-e9dd3c9c]{flex-shrink:0;width:22px;height:22px}.col-label[data-v-e9dd3c9c]{color:#d4af37a6;justify-content:center;align-items:center;width:34px;height:22px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;display:flex}.grid-row[data-v-e9dd3c9c]{display:flex}.row-label[data-v-e9dd3c9c]{color:#d4af37a6;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:34px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;display:flex}.grid-cell[data-v-e9dd3c9c]{cursor:crosshair;border:1px solid #d4af3726;border-radius:2px;width:34px;height:34px;transition:background .1s}.grid-cell.no-interact[data-v-e9dd3c9c]{cursor:default;pointer-events:none}.cell-empty[data-v-e9dd3c9c]{background:#002810b3}.cell-empty[data-v-e9dd3c9c]:hover{background:#00461ce6}.cell-ship[data-v-e9dd3c9c]{cursor:pointer;background:0 0}.cell-hover[data-v-e9dd3c9c]{background:#00808080;border-color:#00d2d299}.cell-invalid[data-v-e9dd3c9c]{background:#80000080;border-color:#ff505080}.ship-overlay[data-v-e9dd3c9c]{pointer-events:none;z-index:1;line-height:0;position:absolute}.btn-ready[data-v-e9dd3c9c]{background:var(--teal);color:var(--light-gold);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;touch-action:manipulation;border:2px solid #004d4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;min-height:40px;padding:.55rem 1.1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;transition:box-shadow .1s,transform .1s;display:inline-flex;box-shadow:0 3px #003535}.btn-ready[data-v-e9dd3c9c]:not(:disabled):hover{background:#009090}.btn-ready[data-v-e9dd3c9c]:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #003535}.btn-ready[data-v-e9dd3c9c]:disabled:not(.is-ready){color:#fff8e14d;cursor:not-allowed;background:#001e0ccc;border-color:#d4af371f;box-shadow:0 4px #0000004d}.btn-ready.is-ready[data-v-e9dd3c9c]{color:#fff8e199;cursor:default;background:#1e3246cc;border-color:#d4af3740;animation:2s ease-in-out infinite pulse-wait-e9dd3c9c;box-shadow:0 4px #0000004d}@keyframes pulse-wait-e9dd3c9c{0%,to{opacity:1}50%{opacity:.65}}.ready-spinner[data-v-e9dd3c9c]{border:2px solid #d4af3740;border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin-e9dd3c9c}@keyframes spin-e9dd3c9c{to{transform:rotate(360deg)}}@media (width<=600px){.placement-content[data-v-e9dd3c9c]{flex-direction:column;align-items:center;gap:.75rem}.ship-inventory[data-v-e9dd3c9c]{width:100%;max-width:380px}.ship-list[data-v-e9dd3c9c]{flex-flow:wrap;gap:.3rem}.ship-item[data-v-e9dd3c9c]{flex:auto;gap:.35rem;min-width:0;min-height:40px;padding:.35rem .5rem}.grid-cell[data-v-e9dd3c9c],.col-label[data-v-e9dd3c9c]{width:30px}.grid-cell[data-v-e9dd3c9c],.row-label[data-v-e9dd3c9c]{height:30px}.corner-cell[data-v-e9dd3c9c]{width:22px;height:22px}}@media (width<=360px){.grid-cell[data-v-e9dd3c9c],.col-label[data-v-e9dd3c9c]{width:27px}.grid-cell[data-v-e9dd3c9c],.row-label[data-v-e9dd3c9c]{height:27px}}.gameover-wrapper[data-v-c195dfcd]{background:var(--dark-wood);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.gameover-card[data-v-c195dfcd]{text-align:center;width:100%;max-width:520px;padding:2rem 2.5rem 2.5rem}.trophy-icon[data-v-c195dfcd]{filter:drop-shadow(0 0 12px #d4af37b3);margin-top:2.5rem;margin-bottom:.5rem;font-size:4rem}.winner-text[data-v-c195dfcd]{color:var(--gold);text-shadow:0 0 16px #d4af3780;letter-spacing:.06em;margin-bottom:.25rem;font-family:Cinzel,serif;font-size:2rem;font-weight:700}.winner-sub[data-v-c195dfcd]{color:#fff8e18c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2rem;font-family:Inter,sans-serif;font-size:.875rem}.stats-section[data-v-c195dfcd]{text-align:left;margin-bottom:2rem}.stats-title[data-v-c195dfcd]{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.stats-table[data-v-c195dfcd]{border-collapse:collapse;width:100%;font-family:Lato,sans-serif;font-size:.875rem}.stats-table th[data-v-c195dfcd]{text-transform:uppercase;letter-spacing:.08em;color:#d4af37b3;text-align:left;border-bottom:1px solid #d4af3733;padding:.4rem .5rem;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700}.stats-table td[data-v-c195dfcd]{color:var(--light-gold);border-bottom:1px solid #ffffff0d;padding:.6rem .5rem}.stats-table tr.winner td[data-v-c195dfcd]{color:var(--gold);font-weight:700}.badge[data-v-c195dfcd]{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:.2rem .5rem;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700}.badge-win[data-v-c195dfcd]{color:var(--gold);background:#d4af3733;border:1px solid #d4af3766}.badge-lose[data-v-c195dfcd]{color:#f99;background:#80000040;border:1px solid #8000004d}.btn-play-again[data-v-c195dfcd]{background:var(--teal);color:var(--light-gold);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;touch-action:manipulation;border:2px solid #004d4d;border-radius:8px;padding:.875rem 2.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:box-shadow .1s,transform .1s;box-shadow:0 4px #003535}.btn-play-again[data-v-c195dfcd]:hover{background:#009090}.btn-play-again[data-v-c195dfcd]:active{transform:translateY(2px);box-shadow:0 2px #003535}.game-view[data-v-f8c1f292]{background:var(--dark-wood);box-sizing:border-box;flex-direction:column;min-height:100vh;padding:4rem 1rem 1.5rem;display:flex;position:relative}.playing-layout[data-v-f8c1f292]{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem 1.5rem;display:flex}.turn-banner[data-v-f8c1f292]{text-align:center;background:#00000073;border:2px solid #d4af3740;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem 3rem;display:flex}.turn-title[data-v-f8c1f292]{letter-spacing:.15em;color:#fff8e173;text-transform:uppercase;font-family:Cinzel,serif;font-size:1.15rem;font-weight:700}.turn-sub[data-v-f8c1f292]{color:#fff8e14d;letter-spacing:.06em;font-family:Lato,sans-serif;font-size:.78rem}.turn-banner.myturn[data-v-f8c1f292]{border-color:var(--gold);background:#003232a6;animation:1.5s ease-in-out infinite playerGlow-f8c1f292}.turn-banner.myturn .turn-title[data-v-f8c1f292]{color:var(--gold-light)}.turn-banner.myturn .turn-sub[data-v-f8c1f292]{color:#ffd700b3}@keyframes playerGlow-f8c1f292{0%,to{border-color:var(--gold);box-shadow:0 0 10px #d4af3740,inset 0 0 20px #d4af370a}50%{border-color:var(--gold-light);box-shadow:0 0 28px #ffd70080,inset 0 0 30px #ffd70014}}.ship-legend[data-v-f8c1f292]{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:.3rem .75rem;padding:.5rem .75rem;display:flex}.legend-item[data-v-f8c1f292]{white-space:nowrap;align-items:center;gap:.35rem;font-family:Lato,sans-serif;font-size:.72rem;display:flex}.legend-swatch[data-v-f8c1f292]{border:1px solid #fff3;border-radius:2px;flex-shrink:0;width:12px;height:12px}.legend-name[data-v-f8c1f292]{color:var(--light-gold);opacity:.8}.swatch-hit[data-v-f8c1f292]{background:#c53030cc;border-color:#fc818180}.swatch-miss[data-v-f8c1f292]{background:#00140a99;border-color:#d4af3726}.boards-container[data-v-f8c1f292]{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;display:flex}.opponent-section[data-v-f8c1f292]{order:1}.my-section[data-v-f8c1f292]{order:2}@media (width<=700px){.boards-container[data-v-f8c1f292]{flex-direction:column;align-items:center}.opponent-section[data-v-f8c1f292]{order:1}.my-section[data-v-f8c1f292]{order:2}}.board-section[data-v-f8c1f292]{background:#00000040;border:2px solid #d4af3733;border-radius:10px;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 1rem 1.25rem;transition:border-color .3s,box-shadow .3s;display:flex}.opponent-section.active[data-v-f8c1f292]{border-color:var(--teal);box-shadow:0 0 18px #00808059}.opponent-section.eliminated[data-v-f8c1f292]{opacity:.5;border-color:#80000066}.my-section[data-v-f8c1f292]{border-color:#d4af371f}.board-label[data-v-f8c1f292]{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);border-bottom:1px solid #d4af3733;justify-content:center;align-items:center;gap:.4rem;width:100%;padding-bottom:.5rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;display:flex}.board-label-icon[data-v-f8c1f292]{font-size:.95rem}.opponent-section.active .board-label[data-v-f8c1f292]{color:var(--gold-light);border-bottom-color:#00b4b44d}.eliminated-badge[data-v-f8c1f292]{color:#f99;text-transform:uppercase;letter-spacing:.05em;background:#80000080;border:1px solid #ff646459;border-radius:4px;padding:.1rem .4rem;font-family:Inter,sans-serif;font-size:.6rem}.grid-wrap[data-v-f8c1f292]{background:#001e0c4d;border:1px solid #d4af371f;border-radius:6px;padding:4px;overflow:hidden}.opponent-section.active .grid-wrap[data-v-f8c1f292]{border-color:#0080804d}