.mastermind{--peg-size:clamp(26px, 4.2vh, 40px)}.mm-board{border:1px solid var(--line);border-radius:var(--r-xl);width:min(100%,560px);max-height:100%;box-shadow:var(--shadow-lg);background:linear-gradient(#181713,#10100e);grid-template-rows:auto minmax(0,1fr);gap:12px;padding:16px;display:grid;position:relative}.mm-secret{border-radius:var(--r-md);border:1px dashed var(--line-strong);background:#00000059;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.mm-rows{scrollbar-width:thin;gap:5px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.mm-row{border-radius:var(--r-md);animation:ak-pop .3s var(--ease) both;background:#ffffff06;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:6px 10px;display:grid}.mm-row.is-current{background:rgba(var(--accent-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4)}.mm-row.is-future{opacity:.35;animation:none}.mm-num{font-family:var(--font-mono);color:var(--faint);font-size:.62rem}.mm-slots{align-items:center;gap:8px;display:flex}.mm-slots.is-center{justify-content:center;margin:4px 0 18px}.mm-slot{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.mm-slot.is-locked{cursor:default}.mm-slot.is-locked .mm-peg{box-shadow:0 0 0 2px var(--amber), inset 0 -4px 8px #00000059}.mm-peg{--peg:#444;width:var(--peg-size);height:var(--peg-size);background:radial-gradient(circle at 34% 30%, #ffffff8c, transparent 32%), var(--peg);box-shadow:0 0 14px color-mix(in srgb, var(--peg) 45%, transparent), inset 0 -4px 8px #00000059;transition:transform .2s var(--ease);border-radius:50%;place-items:center;display:inline-grid}.mm-peg.is-sm{width:calc(var(--peg-size) * .5);height:calc(var(--peg-size) * .5)}.mm-peg.is-empty{background:#ffffff0a;box-shadow:inset 0 2px 6px #0009}.mm-row.is-future .mm-peg.is-empty{margin:0 calc(var(--peg-size) * .25)}.mm-peg.is-blank{border:2px dashed var(--muted);box-shadow:none;background:0 0}.mm-peg.is-hidden{color:var(--faint);font-family:var(--font-display);background:#26251f;box-shadow:inset 0 2px 6px #0009}.mm-slot:hover .mm-peg:not(.is-empty){transform:scale(.9)}.mm-pins{grid-template-columns:repeat(var(--cols), 11px);gap:4px;display:grid}.mm-pins i,.mm-legend i{border-radius:50%;width:11px;height:11px;display:block}.is-exact{background:var(--orange);box-shadow:0 0 8px rgba(var(--accent-rgb),.7)}.is-near{background:var(--paper)}.is-none{background:#ffffff14}.mm-legend span{color:var(--muted);align-items:center;gap:10px;font-size:.82rem;display:flex}.mm-palette{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mm-color{border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;background:#0003;place-items:center;padding:10px 0;transition:border-color .2s,transform .2s;display:grid;position:relative}.mm-color:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-2px)}.mm-color:disabled{opacity:.25;cursor:not-allowed}.mm-color kbd{font-family:var(--font-mono);color:var(--faint);font-size:.55rem;position:absolute;bottom:4px;right:6px}