/* 線上踩地雷專用樣式 */
.ms-levels { grid-template-columns: repeat(4, 1fr); }
.ms-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ms-row > * { min-width: 0; }
.ms-custom[hidden] { display: none; }
.ms-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 8px 0; }
.ms-lcd { background: #111827; color: #fca5a5; border-radius: 8px; padding: 4px 10px; text-align: center; min-width: 88px; }
.ms-lcd span { display: block; font-size: .72rem; color: #cbd5e1; }
.ms-lcd strong { font-family: ui-monospace, Consolas, monospace; font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.ms-scroll { max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: 4px; border: 2px solid var(--line); border-radius: 10px; background: #e5e7eb; -webkit-overflow-scrolling: touch; }
.ms-grid { display: grid; width: max-content; margin: 0 auto; gap: 0; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; touch-action: pan-x pan-y; }
.ms-cell { width: var(--cell, 32px); height: var(--cell, 32px); box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: calc(var(--cell, 32px) * .55); line-height: 1; background: #cbd5e1; border: 2px outset #f1f5f9; cursor: pointer; color: #111827; }
.ms-cell.open { background: #f8fafc; border: 1px solid #cbd5e1; cursor: default; }
.ms-cell.flag { color: #b91c1c; }
.ms-cell.wrong { background: #fecaca; color: #111827; }
.ms-cell.mine { background: #fde68a; color: #111827; }
.ms-cell.boom { background: #ef4444; color: #fff; }
.ms-cell.n1 { color: #1d4ed8; } .ms-cell.n2 { color: #15803d; } .ms-cell.n3 { color: #dc2626; } .ms-cell.n4 { color: #1e3a8a; }
.ms-cell.n5 { color: #7f1d1d; } .ms-cell.n6 { color: #0e7490; } .ms-cell.n7 { color: #111827; } .ms-cell.n8 { color: #6b7280; }
.ms-flagmode { margin: 6px 0; }
.ms-flagmode[aria-pressed="true"] { background: var(--brand); color: #fff; }
.ms-levels button, .ms-bar, .ms-flagmode { user-select: none; -webkit-user-select: none; }