.mnc{width:100%}.mnc-board{--mnc-wood: color-mix(in srgb, var(--warn) 30%, var(--surface-2));--mnc-hole: color-mix(in srgb, var(--text) 10%, var(--surface));display:grid;grid-template-columns:1.15fr repeat(6,1fr) 1.15fr;grid-template-rows:auto auto;gap:clamp(4px,1.4vw,10px);width:100%;max-width:760px;padding:clamp(6px,2vw,14px);border-radius:28px;background:var(--mnc-wood);box-shadow:inset 0 -4px #0000001f,var(--shadow)}.mnc-hole{position:relative;display:grid;place-items:center;border:0;padding:0;margin:0;font:inherit;color:var(--text);background:var(--mnc-hole);box-shadow:inset 0 3px 6px #00000038;transition:background .15s,box-shadow .15s}.mnc-pit{aspect-ratio:1;border-radius:50%;cursor:default}.mnc-store{border-radius:999px;min-height:100%}.mnc-seeds{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:2px;width:74%;height:74%;overflow:hidden;pointer-events:none}.mnc-store .mnc-seeds{width:64%;height:80%}.mnc-seed{width:clamp(5px,1.6vw,10px);height:clamp(5px,1.6vw,10px);border-radius:50%;box-shadow:inset -1px -1px #00000040,inset 1px 1px #ffffff59}.mnc-seed0{background:#4f7bd9}.mnc-seed1{background:#d9774f}.mnc-seed2{background:#57a773}.mnc-seed3{background:#c9a227}.mnc-seed4{background:#9a6fc4}.mnc-seeds.mnc-many{opacity:.55}.mnc-count{position:absolute;right:2px;bottom:2px;min-width:1.6em;padding:0 4px;border-radius:999px;background:var(--surface);color:var(--text);font-size:clamp(.7rem,2.6vw,.9rem);font-weight:800;line-height:1.5;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px #00000040}.mnc-store .mnc-count{right:50%;transform:translate(50%);bottom:6px;font-size:clamp(.85rem,3vw,1.1rem)}.mnc-pit.mnc-legal{cursor:pointer;box-shadow:inset 0 3px 6px #00000038,0 0 0 3px var(--accent)}.mnc-pit.mnc-legal:hover{background:var(--accent-soft)}.mnc-hole.mnc-active{background:color-mix(in srgb,var(--hl) 70%,var(--mnc-hole))}.mnc-hole.mnc-last{box-shadow:inset 0 3px 6px #00000038,0 0 0 2px color-mix(in srgb,var(--text) 25%,transparent)}.mnc-pit.mnc-legal.mnc-last{box-shadow:inset 0 3px 6px #00000038,0 0 0 3px var(--accent)}.mnc-pit:disabled{cursor:default}.mnc-label{font-size:.85rem;color:var(--muted);font-weight:600}.mnc-board.mnc-turn0~.mnc-label-bottom,.mnc-label-top:has(+.mnc-board.mnc-turn1){color:var(--accent)}@media (max-width: 420px){.mnc-board{border-radius:18px}.mnc-seed{width:5px;height:5px}}