.tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.tabs button { min-height: 34px; padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); font-size: .86rem; }
.tabs button.on { background: var(--accent); color: #fff; border-color: transparent; }
.tabs button:disabled { opacity: .45; }
.map-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
#rules .row, #pm .row { margin-bottom: 6px; }
@media (max-width: 560px) { .map-grid { grid-template-columns: 1fr; } }