.mc-root{--p0:var(--coral);--p1:var(--white)}.mc{--wood:#e9b877;--wood-hi:#f3cd96;--hole:#b97c42;touch-action:manipulation;flex-direction:column;gap:6px;width:min(100%,680px);display:flex}.mc-side{color:var(--ink-2);align-items:center;gap:6px;padding:0 4px;font-size:13px;font-weight:750;display:flex}.mc-side--top{justify-content:flex-start}.mc-side--bottom{justify-content:flex-end}.mc-side .kbg-dot{width:12px;height:12px}.mc-board{aspect-ratio:8/2.4;border:3px solid var(--ink);background:var(--wood);width:100%;box-shadow:clamp(4px, 1.4vw, 7px) clamp(4px, 1.4vw, 7px) 0 var(--ink);-webkit-user-select:none;user-select:none;border-radius:clamp(22px,7vw,48px);position:relative}.mc-board[style*=height]{aspect-ratio:auto}.mc-pit{appearance:none;border:clamp(2px, .6vw, 3px) solid var(--ink);background:var(--hole);box-shadow:inset clamp(2px, .7vw, 4px) clamp(3px, .9vw, 5px) 0 color-mix(in srgb, var(--ink) 30%, var(--hole));cursor:default;z-index:1;transition:transform .16s var(--ease-spring), background .14s, box-shadow .16s;-webkit-tap-highlight-color:transparent;border-radius:50%;margin:0;padding:0;position:absolute}.mc-store{border-radius:999px}.mc-pit.is-mine{background:color-mix(in srgb, var(--sun) 24%, var(--hole))}.mc-pit.is-playable{cursor:pointer}.mc-pit:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover:hover){.mc-pit.is-playable:hover{background:color-mix(in srgb, var(--sun) 45%, var(--hole));transform:translateY(-2px)}}.mc-pit.is-playable:active{transform:translateY(1px)scale(.98)}.mc-pit.is-land{box-shadow:inset 0 0 0 3px var(--sun), 0 0 0 3px var(--ink)}.mc-peb{width:var(--peb);height:var(--peb);pointer-events:none;transition:transform .24s var(--ease-out);position:absolute;top:0;left:0}.mc-peb i{background:var(--c);border:clamp(1.5px, .4vw, 2px) solid var(--ink);box-shadow:1px 1.5px 0 var(--ink);rotate:var(--rot);border-radius:46% 54% 50% 50%/55% 48% 52% 45%;position:absolute;inset:0}.mc-peb i.is-hop{animation:mc-hop .24s var(--ease-out)}@keyframes mc-hop{0%{transform:translateY(0)scale(1)}45%{transform:translateY(calc(var(--peb) * -1.3)) scale(1.08)}85%{transform:translateY(0)scale(1.12,.86)}to{transform:none}}.mc-peb.is-lifted{transition-duration:.18s}.mc-peb.is-lifted i{box-shadow:1px 4px 0 color-mix(in srgb, var(--ink) 35%, transparent)}.mc-count{z-index:50;background:var(--white);border:2px solid var(--ink);min-width:clamp(18px,4.6vw,26px);box-shadow:1px 1.5px 0 var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:center;color:var(--ink);pointer-events:none;animation:mc-tick .22s var(--ease-spring);border-radius:999px;padding:0 4px;font-size:clamp(11px,2.9vw,15px);font-weight:800;line-height:1.25;position:absolute;transform:translate(-50%,-50%)}.mc-count.is-store{background:var(--p0);min-width:clamp(26px,6.4vw,38px);padding:1px 6px;font-size:clamp(14px,3.8vw,22px)}.mc-count.is-store[data-side="1"]{background:var(--p1)}@keyframes mc-tick{40%{transform:translate(-50%,-50%)scale(1.22)}}.mc.is-over .mc-pit{box-shadow:inset 2px 3px 0 color-mix(in srgb, var(--ink) 30%, var(--hole))}@media (width<=520px){.mc-side{font-size:12px}}@media (prefers-reduced-motion:reduce){.mc-peb{transition:none}.mc-peb i.is-hop,.mc-count{animation:none}}