select{width:100%;padding:.82rem .9rem;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font:inherit}.battle-wrap{width:min(100%,520px);margin:auto}.battle-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:.45rem}.battle-toolbar button{width:44px;height:40px;border:0;border-radius:12px;background:#eef4ff;color:#2864a4;font-size:1.2rem}.battle-board{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:6px;border-radius:16px;background:#b9def5}.battle-cell{aspect-ratio:1;border:0;border-radius:7px;background:#eaf7ff;color:#d92f4b;font-size:1.25rem;font-weight:900;box-shadow:inset 0 -2px #c5e6f8}.battle-cell.ship{background:#5c7183;box-shadow:inset 0 -3px #3c4d5b}.battle-cell.hit{background:#ffccd5}.battle-cell.miss{background:#d9edf8;color:#5797b9}.battle-cell:disabled{opacity:1}@media(max-width:560px){.battle-board{gap:3px;padding:4px}.battle-cell{border-radius:5px}}