.page-wrapper.svelte-1m5sgx9{padding:.5rem;margin:0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.game-header.svelte-1m5sgx9{position:relative;text-align:center;margin-bottom:1rem}.back-link.svelte-1m5sgx9{position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:.9rem}h1.svelte-1m5sgx9{font-size:1.5rem;margin:0}.game-description.svelte-1m5sgx9{text-align:center;color:var(--color-text-muted);margin-bottom:1.5rem}.error-message.svelte-1m5sgx9{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;text-align:center}.sunk-message.svelte-1m5sgx9{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;text-align:center;font-weight:600;animation:svelte-1m5sgx9-pulse .5s ease-in-out}@keyframes svelte-1m5sgx9-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.lobby.svelte-1m5sgx9{max-width:320px;margin:0 auto}.input-group.svelte-1m5sgx9{margin-bottom:1.5rem}.input-group.svelte-1m5sgx9 label:where(.svelte-1m5sgx9){display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-size:.9rem}.input-group.svelte-1m5sgx9 input:where(.svelte-1m5sgx9),.room-code-input.svelte-1m5sgx9{width:100%;padding:.75rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:1rem}.input-group.svelte-1m5sgx9 input.locked:where(.svelte-1m5sgx9){background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.nickname-hint.svelte-1m5sgx9{font-size:.8rem;color:var(--color-primary);margin-top:.25rem}.nickname-hint.guest.svelte-1m5sgx9{color:var(--color-text-muted)}.lobby-buttons.svelte-1m5sgx9{display:flex;flex-direction:column;gap:1rem}.btn-primary.svelte-1m5sgx9,.btn-secondary.svelte-1m5sgx9{padding:.75rem 1.5rem;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary.svelte-1m5sgx9{background:var(--color-primary);color:#fff}.btn-primary.svelte-1m5sgx9:hover:not(:disabled){filter:brightness(1.1)}.btn-primary.svelte-1m5sgx9:disabled,.btn-secondary.svelte-1m5sgx9:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-1m5sgx9{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn-small.svelte-1m5sgx9{padding:.5rem .75rem;border-radius:var(--radius);font-size:.85rem;cursor:pointer;background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn-small.svelte-1m5sgx9:disabled{opacity:.5}.btn-leave.svelte-1m5sgx9{margin-top:1.5rem;padding:.5rem 1rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-leave.svelte-1m5sgx9:hover{color:var(--color-error);border-color:var(--color-error)}.invite-message.svelte-1m5sgx9{text-align:center;color:var(--color-cyan);font-size:1.1rem;margin-bottom:.5rem}.divider.svelte-1m5sgx9{display:flex;align-items:center;gap:1rem;color:var(--color-text-muted);font-size:.9rem}.divider.svelte-1m5sgx9:before,.divider.svelte-1m5sgx9:after{content:"";flex:1;height:1px;background:var(--color-border)}.join-section.svelte-1m5sgx9{display:flex;gap:.5rem}.join-section.svelte-1m5sgx9 .room-code-input:where(.svelte-1m5sgx9){flex:1;text-transform:uppercase}.lobby-stats.svelte-1m5sgx9{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.waiting.svelte-1m5sgx9{text-align:center;padding:2rem}.waiting-text.svelte-1m5sgx9{font-size:1.25rem;margin-bottom:1.5rem;color:var(--color-text-muted)}.share-btn.svelte-1m5sgx9{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:280px;margin:0 auto 1.5rem;padding:1rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.share-btn.svelte-1m5sgx9:hover{filter:brightness(1.1);transform:translateY(-1px)}.share-btn.svelte-1m5sgx9:active{transform:translateY(0)}.room-code-display.svelte-1m5sgx9{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--color-bg-card);padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem}.room-code-display.svelte-1m5sgx9 .label:where(.svelte-1m5sgx9){color:var(--color-text-muted);font-size:.85rem}.room-code-display.svelte-1m5sgx9 .code:where(.svelte-1m5sgx9){font-size:1.1rem;font-weight:700;font-family:monospace;letter-spacing:.1em;color:var(--color-primary)}.copy-btn.svelte-1m5sgx9{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.7}.copy-btn.svelte-1m5sgx9:hover{opacity:1}.placing-container.svelte-1m5sgx9{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow:hidden}.placing-header.svelte-1m5sgx9{text-align:center}.placing-header.svelte-1m5sgx9 h2:where(.svelte-1m5sgx9){font-size:1.25rem;margin-bottom:.5rem}.current-ship.svelte-1m5sgx9{color:var(--color-text-muted)}.placement-controls.svelte-1m5sgx9{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.board.svelte-1m5sgx9{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px;background:var(--color-border);padding:1px;border-radius:var(--radius);width:100%;max-width:400px;box-sizing:border-box}.board.small.svelte-1m5sgx9{width:180px}.cell.svelte-1m5sgx9{aspect-ratio:1;min-width:0;padding:0;font-size:0;background:var(--color-bg-card);border:none;border-radius:2px;cursor:pointer;transition:all .15s}.cell.svelte-1m5sgx9:disabled{cursor:default}.cell.empty.svelte-1m5sgx9{background:#1e3a5f}.cell.ship.svelte-1m5sgx9{background:#4a5568}.cell.ship-carrier.svelte-1m5sgx9{background:#6366f1}.cell.ship-battleship.svelte-1m5sgx9{background:#8b5cf6}.cell.ship-submarine.svelte-1m5sgx9{background:#06b6d4}.cell.ship-destroyer.svelte-1m5sgx9{background:#f59e0b}.cell.ship-rowboat.svelte-1m5sgx9{background:#10b981}.cell.ship.selected.svelte-1m5sgx9{box-shadow:inset 0 0 0 3px #fff;animation:svelte-1m5sgx9-selected-pulse 1.5s ease-in-out infinite}@keyframes svelte-1m5sgx9-selected-pulse{0%,to{opacity:1}50%{opacity:.7}}.cell.hover-carrier.svelte-1m5sgx9{background:#6366f199}.cell.hover-battleship.svelte-1m5sgx9{background:#8b5cf699}.cell.hover-submarine.svelte-1m5sgx9{background:#06b6d499}.cell.hover-destroyer.svelte-1m5sgx9{background:#f59e0b99}.cell.hover-rowboat.svelte-1m5sgx9{background:#10b98199}.cell.hit.svelte-1m5sgx9{background:#ef4444}.cell.miss.svelte-1m5sgx9{background:#1e3a5f;position:relative}.cell.miss.svelte-1m5sgx9:after{content:"";width:40%;height:40%;background:#ffffff80;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cell.hover-valid.svelte-1m5sgx9{background:#22c55e80}.cell.hover-invalid.svelte-1m5sgx9{background:#ef444480}.enemy-board.active.svelte-1m5sgx9 .cell.empty:where(.svelte-1m5sgx9):hover{background:#8b5cf680}.cell.just-hit.svelte-1m5sgx9{animation:svelte-1m5sgx9-hit-pulse .6s ease-out;box-shadow:0 0 20px 5px #ef4444cc}.cell.just-miss.svelte-1m5sgx9{animation:svelte-1m5sgx9-miss-ripple .5s ease-out;box-shadow:0 0 15px 3px #60a5fa99}@keyframes svelte-1m5sgx9-hit-pulse{0%{transform:scale(1);box-shadow:0 0 #ef4444cc}30%{transform:scale(1.3);box-shadow:0 0 30px 10px #ef444499}to{transform:scale(1);box-shadow:0 0 20px 5px #ef444466}}@keyframes svelte-1m5sgx9-miss-ripple{0%{transform:scale(1);box-shadow:0 0 #60a5fa99}50%{transform:scale(1.1);box-shadow:0 0 20px 5px #60a5fa66}to{transform:scale(1);box-shadow:0 0 15px 3px #60a5fa33}}.ship-list.svelte-1m5sgx9{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:400px}.ship-item.svelte-1m5sgx9{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-card);border-radius:var(--radius);border:2px solid transparent;cursor:pointer;transition:all .2s;width:100%;text-align:left;font-size:inherit;color:inherit}.ship-item.svelte-1m5sgx9:hover{background:var(--color-bg-hover)}.ship-item.selected.svelte-1m5sgx9{background:var(--color-bg-hover);border-color:var(--color-primary);box-shadow:0 0 0 2px #8b5cf64d}.ship-color.svelte-1m5sgx9{width:16px;height:16px;border-radius:3px;flex-shrink:0}.ship-color-carrier.svelte-1m5sgx9{background:#6366f1}.ship-color-battleship.svelte-1m5sgx9{background:#8b5cf6}.ship-color-submarine.svelte-1m5sgx9{background:#06b6d4}.ship-color-destroyer.svelte-1m5sgx9{background:#f59e0b}.ship-color-rowboat.svelte-1m5sgx9{background:#10b981}.ship-name.svelte-1m5sgx9{flex:1}.ship-size.svelte-1m5sgx9{color:var(--color-text-muted);font-size:.85rem}.ship-check.svelte-1m5sgx9{color:var(--color-success)}.confirm-btn.svelte-1m5sgx9{margin-top:1rem}.waiting-opponent.svelte-1m5sgx9{text-align:center;padding:2rem}.spinner.svelte-1m5sgx9{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:1rem auto;animation:svelte-1m5sgx9-spin 1s linear infinite}@keyframes svelte-1m5sgx9-spin{to{transform:rotate(360deg)}}.game-container.svelte-1m5sgx9{display:flex;flex-direction:column;align-items:center;gap:1rem}.turn-indicator.svelte-1m5sgx9{padding:.75rem 1.5rem;border-radius:var(--radius);background:var(--color-bg-card);color:var(--color-text-muted);text-align:center;min-height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.turn-indicator.my-turn.svelte-1m5sgx9{background:#22c55e1a;color:var(--color-success);font-weight:600}.turn-indicator.svelte-1m5sgx9 .hit-alert:where(.svelte-1m5sgx9){color:#ef4444;font-weight:700;animation:svelte-1m5sgx9-pulse-alert .5s ease-in-out infinite}.turn-indicator.svelte-1m5sgx9 .miss-alert:where(.svelte-1m5sgx9){color:#60a5fa;font-weight:600}@keyframes svelte-1m5sgx9-pulse-alert{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.board-flip-container.svelte-1m5sgx9{perspective:1000px;width:100%;max-width:400px}.board-flipper.svelte-1m5sgx9{position:relative;width:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.board-flipper.show-back.svelte-1m5sgx9{transform:rotateY(180deg)}.board-flip-container.flipping.svelte-1m5sgx9 .board-flipper:where(.svelte-1m5sgx9){pointer-events:none}.board-face.svelte-1m5sgx9{width:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;gap:.5rem}.board-face.svelte-1m5sgx9 h3:where(.svelte-1m5sgx9){font-size:1rem;color:var(--color-text-muted);margin:0}.board-front.svelte-1m5sgx9{position:relative}.board-back.svelte-1m5sgx9{position:absolute;top:0;left:0;transform:rotateY(180deg)}.finished-container.svelte-1m5sgx9{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.result.svelte-1m5sgx9{font-size:1.75rem;font-weight:600}.result.svelte-1m5sgx9 .win:where(.svelte-1m5sgx9){color:var(--color-success)}.result.svelte-1m5sgx9 .lose:where(.svelte-1m5sgx9){color:var(--color-text-muted)}.final-boards.svelte-1m5sgx9{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.button-group.svelte-1m5sgx9{display:flex;gap:1rem}@media(min-width:768px){.page-wrapper.svelte-1m5sgx9{padding:2rem}.board.svelte-1m5sgx9,.ship-list.svelte-1m5sgx9{width:380px}.board-flip-container.svelte-1m5sgx9{max-width:450px}.final-boards.svelte-1m5sgx9 .board:where(.svelte-1m5sgx9){width:220px}}@media(min-width:1024px){.board.svelte-1m5sgx9{max-width:450px}.board-flip-container.svelte-1m5sgx9{max-width:500px}}