.ms-split{display:grid;grid-template-columns:1fr 1fr;min-height:220px}.ms-side{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:30px clamp(20px,4vw,48px)}.ms-side small{font:700 12px/1 var(--text);letter-spacing:.18em;text-transform:uppercase}.ms-side b{font:400 clamp(48px,7vw,88px)/1 var(--display);font-weight:400}.ms-side span{font-size:15.5px}.ms-side.soft{background:var(--felt);color:#efe8d4;border-radius:120px 0 0 120px}.ms-side.hard{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-left:0;text-align:right;align-items:flex-end}.ms-intro{color:#e7dcc0;font-size:16.5px;line-height:1.7;max-width:none}.ms-pick{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.ms-pick button{border:1px solid #d9c283;background:transparent;color:#f3ecd9;padding:11px 16px;font:700 14px/1 var(--text);border-radius:999px;cursor:pointer}.ms-pick button[aria-pressed=true]{background:#d9c283;color:#1b2420}.ms-pick.light button{border-color:var(--ink);color:var(--ink)}.ms-pick.light button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.ms-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.ms-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:8px;background:#0d1813aa;border:1px solid #d9c28344}.ms-cell .c{font:400 26px/1 var(--display)}.ms-cell .t{font:700 18px/1 var(--text)}.ms-cell .k{font:700 12px/1.2 var(--text);letter-spacing:.06em;text-transform:uppercase;text-align:center}.ms-cell.soft{border-color:#9fd3b3;border-radius:22px}.ms-cell.soft .k{color:#bfe6cc}.ms-cell.hard .k{color:#e7dcc0}.ms-cell.bust{background:#5a201c;border-color:#c46a61}.ms-cell.bust .k{color:#ffd9d4}.ms-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(20px,4vw,48px);align-items:start;margin-top:22px}.ms-row .ms-pick{flex-direction:column;align-items:stretch;margin:0}.ms-tbl td.a-D{color:var(--felt);font-weight:700}.ms-tbl td.a-S{color:var(--wine);font-weight:700}.ms-tbl td.a-H{color:var(--ink-soft)}@media(max-width:860px){.ms-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ms-row{grid-template-columns:1fr}.ms-row .ms-pick{flex-direction:row}}@media(max-width:560px){.ms-split{grid-template-columns:1fr}.ms-side.soft{border-radius:60px 60px 0 0}.ms-side.hard{border-left:2px solid var(--ink);border-top:0}}