.ms-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:inline-block;max-width:100%}.ms-hud{display:flex;gap:12px;align-items:center;margin-bottom:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex-wrap:wrap}.ms-hud .chip{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;min-width:70px;text-align:center}.ms-hud .face{font-size:22px;padding:4px 12px}.ms-hud .select{margin-left:auto}.ms-board{display:grid;gap:2px;background:#0b1220;padding:2px;border-radius:6px;-webkit-user-select:none;user-select:none;touch-action:manipulation;overflow-x:auto;--ms-cell-size: 28px}.ms-cell{width:var(--ms-cell-size, 28px);height:var(--ms-cell-size, 28px);background:var(--surface-2);border:1px solid #1f2a3d;border-radius:3px;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;cursor:pointer}.ms-cell.revealed{background:var(--bg-2);cursor:default}.ms-cell.revealed.mine{background:#7f1d1d}.ms-cell.flag:before{content:"⚑";color:var(--accent)}.ms-cell.mine.revealed:before{content:"✸";color:#fecaca}.ms-cell.c1{color:#60a5fa}.ms-cell.c2{color:#34d399}.ms-cell.c3{color:#f87171}.ms-cell.c4{color:#c084fc}.ms-cell.c5{color:#fbbf24}.ms-cell.c6{color:#22d3ee}.ms-cell.c7{color:#e5e7eb}.ms-cell.c8{color:#9ca3af}.ms-status{margin-top:12px;font-size:14px;color:var(--text-dim)}.ms-status .win{color:var(--success);font-weight:700}.ms-status .lose{color:var(--danger);font-weight:700}.ms-howto{margin-top:28px;max-width:760px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;line-height:1.6;color:#cbd5e1}.ms-howto h2{margin:0 0 10px;color:var(--text);font-size:20px}.ms-howto h3{margin:18px 0 6px;color:var(--text);font-size:16px}.ms-howto p{margin:6px 0}.ms-howto ul{margin:6px 0 12px;padding-left:22px}.ms-howto li{margin:4px 0}.ms-howto strong{color:var(--text)}.ms-howto em{color:var(--accent);font-style:normal}@media (max-width: 640px){.ms-wrap{padding:10px;width:100%;max-width:100%;box-sizing:border-box}.ms-hud{gap:6px;margin-bottom:10px}.ms-hud .chip{min-width:50px;padding:5px 8px;font-size:13px}.ms-hud .face{font-size:18px;padding:4px 10px}.ms-hud .select{margin-left:0;flex-basis:100%;font-size:13px}.ms-hud .select select{padding:6px 8px;font-size:13px}.ms-board{--ms-cell-size: 26px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.ms-cell{font-size:12px}.ms-status{font-size:13px}.ms-howto{margin-top:18px;padding:14px 16px;font-size:14px;line-height:1.55}.ms-howto h2{font-size:17px}.ms-howto h3{font-size:15px;margin-top:14px}}@media (max-width: 380px){.ms-board{--ms-cell-size: 22px;gap:1px}.ms-cell{font-size:11px}}