.mboard { display:grid; grid-template-columns:minmax(38px, 11%) minmax(0, 1fr) minmax(38px, 11%); grid-template-rows:auto auto; gap:8px 8px; width:min(720px, 100%); padding:clamp(8px, 2.4vw, 14px); border-radius:26px; box-sizing:border-box; background:linear-gradient(160deg, #8a5a36, #5b3820); box-shadow:inset 0 2px 0 rgba(255,255,255,.18), 0 10px 20px rgba(0,0,0,.28); }
.store { grid-row:1 / span 2; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:3px; padding:8px 4px; border-radius:40px; background:radial-gradient(circle at 50% 30%, #3b2412, #24150a); box-shadow:inset 0 4px 10px rgba(0,0,0,.6); position:relative; min-height:150px; }
.store.north { grid-column:1; } .store.south { grid-column:3; }
.row { grid-column:2; display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:6px; min-width:0; }
.row.north { grid-row:1; } .row.south { grid-row:2; }
.pit { position:relative; aspect-ratio:1; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:2px; padding:10%; border-radius:50%; border:0; background:radial-gradient(circle at 50% 30%, #3b2412, #24150a); box-shadow:inset 0 4px 10px rgba(0,0,0,.6); color:#fff; cursor:default; }
.pit.mine { cursor:pointer; } .pit.mine:hover:not(:disabled) { box-shadow:inset 0 4px 10px rgba(0,0,0,.6), 0 0 0 3px var(--accent); }
.pit.last { box-shadow:inset 0 4px 10px rgba(0,0,0,.6), 0 0 0 3px #f59e0b; }
.pit:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.seed { width:clamp(7px, 1.8vw, 12px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 35% 30%, #fde68a, #d97706); box-shadow:0 1px 1px rgba(0,0,0,.5); }
.seed:nth-child(3n) { background:radial-gradient(circle at 35% 30%, #bae6fd, #0284c7); } .seed:nth-child(3n+1) { background:radial-gradient(circle at 35% 30%, #fecaca, #dc2626); }
.count { position:absolute; right:6%; bottom:4%; font:800 .8rem system-ui; color:#fde68a; text-shadow:0 1px 2px #000; }
.store .count { position:static; width:100%; text-align:center; font-size:1.3rem; }
.bar button { min-height:44px; }
#levels button.on { background:var(--accent); color:var(--accent-ink,#06202e); }