/* Responsive Minesweeper levels */
.mine-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;max-width:640px;margin:0 auto 18px;flex-wrap:wrap}
.mine-select-label{display:flex;align-items:center;gap:10px;color:#b8bac3;font-weight:650;font-size:13px}
.mine-toolbar select{border:1px solid #545966;color:#f0f1f4;background:#303641;border-radius:8px;padding:10px 11px;font-weight:650;min-height:42px;max-width:230px}
.mine-toolbar select:focus-visible{outline:2px solid #e1e4e9;outline-offset:3px}
.mine-board-meta{font-size:13px;color:#abb4c4}
.mine-viewport{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:6px 1px 13px;overscroll-behavior-x:contain}
.mine-viewport .board{display:grid;grid-template-columns:repeat(var(--mine-cols,9),var(--mine-cell,44px));gap:3px;width:max-content;max-width:none;margin:0 auto}
.mine-viewport .cell{width:var(--mine-cell,44px);height:var(--mine-cell,44px);min-width:var(--mine-cell,44px);min-height:var(--mine-cell,44px);padding:0;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,2.25vw,19px);line-height:1}
.mine-viewport .cell:focus-visible{outline:2px solid #eee;outline-offset:-3px;z-index:2}
.mine-swipe{text-align:center;font-size:12px;color:#aab5c6;margin:5px 0 14px}
.mine-swipe[hidden]{display:none}
#gamePanel{scroll-margin-top:20px}
@media(max-width:650px){
 .mine-toolbar{align-items:start;gap:7px}
 .mine-toolbar select{max-width:190px;padding:9px 7px}
 .mine-board-meta{font-size:11px}
 .mine-viewport{margin:0 -5px}
 .mine-viewport .cell{font-size:16px}
}