:root{--bg: #1a1a2e;--surface: #16213e;--surface-card: #1f2b4a;--border: #0f3460;--border-light: #2a3f5f;--accent: #c73e54;--accent-hover: #d94d63;--text: #e8e8e8;--text-bright: #fff;--muted: #8a9bb0;--input-bg: #fff;--input-text: #1a1a2e;--input-placeholder: #6b7b8f;--team-a: #5eb3f6;--team-b: #f59b6c;--ship: #2d6b3d;--hit: #e94560;--miss: #4a4a5a;--enemy-cell: #252a42}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:url(/assets/img-CEcU3EzL.svg) center / cover no-repeat;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;padding:1.25rem}.app-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.app-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-bright);letter-spacing:-.02em}.lang-select{padding:.35rem .6rem;font-size:.9rem;border:1px solid var(--border-light);border-radius:6px;background:var(--surface-card);color:var(--text);cursor:pointer;margin-left:auto}h1{margin:0 0 1.25rem;font-size:1.75rem;font-weight:700;color:var(--text-bright);letter-spacing:-.02em}.layout{display:flex;gap:1.75rem;flex-wrap:wrap}.layout-side{min-width:220px;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:16px}.layout-center{flex:1;min-width:300px}.layout-game{flex-direction:row}.layout-side-left{order:1}.layout-game .layout-center{order:2}.layout-side-right{order:3}.players-list li.player-current{font-weight:700;background:#5eb3f626;color:var(--team-a);margin:0 -.5rem;padding:.35rem .5rem;border-radius:6px;border-left:3px solid var(--team-a)}.players-list li.team-b.player-current{background:#f59b6c26;color:var(--team-b);border-left-color:var(--team-b)}.players-title{font-weight:700;font-size:1rem;color:var(--text-bright);margin-bottom:.5rem}.players-hint{font-size:.875rem;color:var(--muted);margin:0 0 .5rem;line-height:1.4;white-space:pre-line}.players-list{list-style:none;padding:0;margin:0}.players-list li{padding:.35rem 0;font-size:.95rem}.players-list .team-a{color:var(--team-a)}.players-list .team-b{color:var(--team-b)}.field-label{margin-bottom:.5rem;font-size:.9rem;color:var(--muted)}.field-wrap{display:inline-block}.field-grid-with-labels{display:grid;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.field-corner{background:var(--surface)}.field-label-cell{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--muted);padding:3px;background:var(--surface)}.field-label-col,.field-label-row{color:var(--muted)}.field-cell-wrap{aspect-ratio:1;min-width:18px;min-height:18px}.field-cell{width:100%;height:100%;border:1px solid var(--border-light);background:var(--surface);cursor:pointer;padding:0;margin:0;transition:background .15s ease}.field-cell.ship{background:var(--ship);border-color:#3a7a4a}.field-cell.hit{background:var(--hit);border-color:#c73e54}.field-cell.miss{background:var(--miss);border-color:#555}.field-cell.enemy-unknown{background:var(--enemy-cell);border-color:var(--border-light)}.field-cell.disabled{cursor:not-allowed;opacity:.85}.fields-row{display:flex;gap:1.75rem;flex-wrap:wrap}.buttons-row{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.btn{padding:.55rem 1.1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s,border-color .2s}.btn:hover:not(:disabled){background:var(--border-light);border-color:var(--border-light)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-bright)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);filter:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-card);border-color:var(--border-light)}.loading-banner{padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;color:var(--muted)}.loading-banner .btn{margin-left:.5rem}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.popup{background:var(--surface-card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;max-width:90vw;min-width:280px;box-shadow:0 12px 40px #0006}.popup h2{margin:0 0 1rem;font-size:1.35rem;font-weight:700;color:var(--text-bright)}.popup p{margin:0 0 1rem;color:var(--text);font-size:.95rem}.popup p:last-of-type{margin-bottom:1.25rem}.popup label{display:inline-block;min-width:5.5rem;color:var(--muted);font-size:.95rem}.popup input[type=text],.popup select{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--border-light);border-radius:8px;background:var(--input-bg);color:var(--input-text);min-width:180px;transition:border-color .2s,box-shadow .2s}.popup input[type=text]::placeholder{color:var(--input-placeholder)}.popup .input-hint{font-size:.85rem;color:var(--muted);margin-left:.25rem}.popup input[type=text]:focus,.popup select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #c73e5440}.popup select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.popup .btn-primary{margin-top:.25rem}.popup .error-msg{color:var(--accent);font-size:.9rem}.popup .room-code-label,.popup .login-choose-hint{font-size:.9rem;color:var(--muted);margin-bottom:1rem}.popup .room-code-block{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.popup .room-code{font-size:1.5rem;font-weight:700;letter-spacing:.15em;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-bright)}.popup-actions-column{flex-direction:column}.popup-actions-column .btn{width:100%}.btn-small{padding:.35rem .6rem;font-size:.85rem;margin-bottom:.75rem}.game-log{height:25rem;overflow-y:auto;font-size:.85rem;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:.5rem;color:var(--text)}.game-log ul{margin:0;padding-left:1.25rem;line-height:1.5}.game-log li{margin-bottom:.2rem}.game-log li.log-turn{font-weight:600;color:var(--text-bright)}.popup-hint{font-size:.875rem;color:var(--muted);margin-top:-.5rem}.popup-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.popup-actions .btn{margin:0}.battle-status{margin:.75rem 0 0;font-style:italic;color:var(--muted);font-size:1.25rem}.layout-side-right{background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:16px}.layout-center{background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:16px;display:grid;place-items:center;gap:16px}.layout-side-left{background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:16px}