.ms .split > *, .ms .panel { min-width: 0; }
.ms-dims { margin-top: 12px; }
.ms-dims .field { width: 96px; }
.ms-pal-h { margin: 14px 0 6px; }
.ms-pal { display: flex; flex-wrap: wrap; gap: 6px; }
.ms-k { font: 600 17px/1 var(--font); width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--line); background: #f2f2f0; color: #1f1f1f; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
.ms-k.k-h { background: #b9b9b6; color: #333; }
.ms-k.k-f { background: #b9b9b6; color: #000; }
.ms-k svg { width: 18px; height: 18px; }
.ms-k[aria-pressed="true"] { outline: 3px solid var(--ink); outline-offset: 1px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ms-scroll { overflow-x: auto; margin-top: 16px; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
.ms-board { display: grid; gap: 2px; width: max-content; margin: 0 auto; padding: 6px; background: #8e8e8b; border-radius: 10px; }
.ms-c { width: var(--cs); height: var(--cs); padding: 0; border: 0; border-radius: 4px; cursor: pointer; font: 700 calc(var(--cs) * .5)/1 var(--font); display: flex; align-items: center; justify-content: center; position: relative; color: #000; }
.ms-c.open { background: #ecece9; }
.ms-c.hid, .ms-c.flag { background: #c4c4c1; box-shadow: inset 0 -2px 0 rgba(0,0,0,.18); }
.ms-c.hid.p { background: color-mix(in srgb, #c4c4c1, #7d7d7a calc(var(--p) * 70%)); }
.ms-c.flag svg { width: 60%; height: 60%; color: #c41e3a; }
.ms-c small { font: 500 calc(var(--cs) * .32)/1 var(--mono); color: #222; }
.ms-c.safe { background: #fff; box-shadow: inset 0 0 0 2px #000; }
.ms-c.safe b { color: #000; font-size: calc(var(--cs) * .5); }
.ms-c.mine { background: #3a3a3a; }
.ms-c.mine b { color: #fff; font-size: calc(var(--cs) * .5); }
.ms-c.best::after { content: ""; position: absolute; inset: -3px; border: 3px solid #000; border-radius: 7px; box-shadow: 0 0 0 2px #fff; pointer-events: none; }
.ms-c.hl { outline: 3px solid var(--focus); outline-offset: -3px; }
.ms-c.src { outline: 3px dashed #000; outline-offset: -3px; }
.ms-c.bad { outline: 3px solid var(--err); outline-offset: -3px; }
.ms-c:focus-visible { outline: 3px solid var(--focus); outline-offset: 0; z-index: 1; }
/* classic number colors */
.n1 { color: #1a4fd6 !important; } .n2 { color: #1e7d32 !important; } .n3 { color: #c62828 !important; } .n4 { color: #1a237e !important; }
.n5 { color: #7f1d1d !important; } .n6 { color: #00796b !important; } .n7 { color: #000 !important; } .n8 { color: #616161 !important; }
.ms-opts { margin-top: 4px; }
.ms-h { font-size: 17px; margin-top: 20px; }
.ms-steps { padding-left: 0; list-style: none; margin: 8px 0 0; display: flex; flex-direction: column; gap: 6px; }
.ms-step { font: inherit; font-size: 14px; line-height: 1.45; text-align: left; width: 100%; background: var(--canvas); color: var(--body); border: 1px solid var(--line); border-radius: var(--r-md); padding: 10px 12px; cursor: pointer; }
.ms-step:hover { border-color: var(--ink); }
.ms-tag { font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: .5px; padding: 2px 8px; border-radius: var(--pill); border: 1px solid var(--ink); color: var(--ink); margin-right: 4px; }
.ms-tag.mine { background: var(--ink); color: var(--canvas); }
.ms-where { color: var(--muted); font-size: 13px; }