.mc-fit{place-items:center;padding:3px;display:grid;position:absolute;inset:0;container:mc-fit/size}.mc-board{--mc-upright:1;--mc-gap:clamp(3px, 1.2cqmin, 9px);--mc-pad:clamp(6px, 1.8cqmin, 14px);gap:var(--mc-gap);aspect-ratio:3/5;width:min(100cqw,60cqh);padding:var(--mc-pad);border-radius:var(--r-xl);background-color:var(--g-board);background-image:repeating-linear-gradient(96deg, color-mix(in srgb, var(--g-rim) 9%, transparent) 0 2px, transparent 2px 13px, color-mix(in srgb, var(--g-rim) 6%, transparent) 13px 14px, transparent 14px 23px);box-shadow:0 2px 0 var(--g-rim), var(--shadow-1), inset 0 0 0 1px var(--g-rim);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-template-rows:minmax(0,1.15fr) minmax(0,6fr) minmax(0,1.15fr);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.mc-pits{gap:calc(var(--mc-gap) * 1.6);flex-direction:row-reverse;min-width:0;min-height:0;display:flex}.mc-row{gap:var(--mc-gap);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.mc-gridcell{flex:1 1 0;min-width:0;min-height:0;display:grid}.mc-pit{--hole:min(60cqw, 88cqh);--count-size:min(46cqh, 27cqw);border-radius:var(--r-lg);width:100%;height:100%;color:var(--g-count);cursor:default;touch-action:manipulation;transition:background-color var(--dur-1) var(--ease);background:0 0;border:0;flex-direction:row;justify-content:space-evenly;align-items:center;padding:0;display:flex;position:relative;container-type:size}.mc-row--near .mc-pit{flex-direction:row-reverse}.mc-pit[data-playable]{cursor:pointer}.mc-pit:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:-2px}.mc-pit__hole{width:var(--hole);aspect-ratio:1;background:radial-gradient(circle at 50% 42%, var(--g-pit) 0 48%, var(--g-pit-deep) 100%);box-shadow:inset 0 max(1px, 3cqmin) max(3px, 7cqmin) color-mix(in srgb, var(--g-rim) 85%, transparent), 0 1px 0 color-mix(in srgb, var(--g-board) 60%, transparent);transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease);border-radius:50%;flex:none;position:relative}.mc-pit__count{min-width:1.2em;font-family:var(--font-display);font-size:var(--count-size);font-weight:var(--fw-semibold);text-align:center;font-variant-numeric:tabular-nums;line-height:1}.mc-pit[data-count="0"] .mc-pit__count{color:var(--g-count-muted)}.mc-pit[data-playable] .mc-pit__hole{box-shadow:inset 0 max(1px, 3cqmin) max(3px, 7cqmin) color-mix(in srgb, var(--g-rim) 85%, transparent), 0 0 0 max(2px, 3.2cqmin) var(--accent)}@media (hover:hover) and (pointer:fine){.mc-pit[data-playable]:hover .mc-pit__hole{transform:scale(1.05)}.mc-pit[data-playable]:hover{background:color-mix(in srgb, var(--g-hot) 45%, transparent)}}.mc-pit[data-playable]:active .mc-pit__hole{transform:scale(.96)}.mc-pit[data-aim] .mc-pit__hole,.mc-store[data-aim] .mc-store__hole{outline:2px dashed var(--g-count);outline-offset:3px}.mc-store[data-aim=extra] .mc-store__hole{outline-style:solid}.mc-pit[data-lifted] .mc-pit__hole{outline:2px dashed var(--g-count);outline-offset:3px}.mc-pit[data-hot] .mc-pit__hole,.mc-store[data-hot] .mc-store__hole{box-shadow:inset 0 max(1px, 3cqmin) max(3px, 7cqmin) color-mix(in srgb, var(--g-rim) 85%, transparent), 0 0 0 max(2px, 3cqmin) var(--g-count)}.mc-pit[data-captured]{background:var(--g-hot)}.mc-seed{aspect-ratio:1;background:var(--g-seed);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--g-rim) 70%, transparent);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.mc-seed[data-alt]{background:var(--g-seed-alt)}.mc-store{min-width:0;min-height:0;display:grid;position:relative;container-type:size}.mc-store__hole{border-radius:var(--r-pill);background:radial-gradient(ellipse at 50% 45%, var(--g-pit) 0 55%, var(--g-pit-deep) 100%);width:100%;height:100%;box-shadow:inset 0 max(2px, 3cqmin) max(4px, 9cqmin) color-mix(in srgb, var(--g-rim) 85%, transparent), 0 1px 0 color-mix(in srgb, var(--g-board) 60%, transparent);transition:box-shadow var(--dur-2) var(--ease);place-items:center;display:grid;position:relative}.mc-seed--store{width:calc(var(--d) * 1cqmin);left:calc(50% + var(--a) * 1cqmin);top:calc(50% + var(--b) * 1cqmin)}.mc-store__count{font-family:var(--font-display);font-size:min(44cqmin,15cqmax);font-weight:var(--fw-semibold);color:var(--g-store-count);font-variant-numeric:tabular-nums;line-height:1;position:relative}.mc-store__tag{border-radius:var(--r-pill);background:var(--chip);width:22cqmin;height:max(3px,5cqmin);position:absolute;top:calc(50% + 26cqmin);left:50%;transform:translate(-50%)}.mc-store[data-win] .mc-store__hole{box-shadow:inset 0 max(2px, 3cqmin) max(4px, 9cqmin) color-mix(in srgb, var(--g-rim) 85%, transparent), 0 0 0 max(3px, 4cqmin) var(--accent-strong)}.mc-callout{z-index:2;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--surface);color:var(--text);box-shadow:var(--shadow-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;pointer-events:none;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mc-callout[data-side=near]{grid-area:3/1;top:0}.mc-callout[data-side=far]{grid-area:1/1;top:100%}.mc-callout__dot{background:var(--chip);border-radius:50%;width:10px;height:10px}.mc-score{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:1}@media (aspect-ratio>=5/4){.mc-board{--mc-upright:0;aspect-ratio:8/3;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.3fr) minmax(0,6fr) minmax(0,1.3fr);width:min(100cqw,266.667cqh,880px)}.mc-pits{flex-direction:column}.mc-row{flex-direction:row}.mc-pit{--hole:min(90cqw, 62cqh);--count-size:min(30cqh, 42cqw);flex-direction:column-reverse}.mc-row--near .mc-pit{flex-direction:column}.mc-seed--store{left:calc(50% + var(--b) * 1cqmin);top:calc(50% + var(--a) * 1cqmin)}.mc-callout[data-side]{grid-area:auto;top:50%}}@media (aspect-ratio<5/4){@container mc-fit (height<=419px){.mc-board{--mc-upright:0;aspect-ratio:8/3;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.3fr) minmax(0,6fr) minmax(0,1.3fr);width:min(100cqw,266.667cqh,880px)}.mc-pits{flex-direction:column}.mc-row{flex-direction:row}.mc-pit{--hole:min(90cqw, 62cqh);--count-size:min(30cqh, 42cqw);flex-direction:column-reverse}.mc-row--near .mc-pit{flex-direction:column}.mc-seed--store{left:calc(50% + var(--b) * 1cqmin);top:calc(50% + var(--a) * 1cqmin)}.mc-callout[data-side]{grid-area:auto;top:50%}}}@container mc-fit (width<=420px) and (height<=419px){.mc-board{--mc-gap:2px;--mc-pad:4px;aspect-ratio:1.45;grid-template-columns:minmax(0,.58fr) minmax(0,6fr) minmax(0,.58fr);width:min(100cqw,145cqh)}.mc-row{gap:0}.mc-seed--store{width:calc(var(--d) * 1.4cqmin);top:calc(50% + var(--a) * 2cqmin)}.mc-store__hole{border-radius:var(--r-lg)}.mc-store__count{font-size:min(76cqmin,12cqmax)}.mc-store__tag{width:50cqmin;top:auto;bottom:max(8px,6cqmax)}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .mc-pit[data-hot] .mc-pit__hole{animation:mc-bump .16s var(--ease-out)}:root:not([data-motion=reduce]) .mc-pit[data-captured] .mc-pit__hole{animation:mc-bump .26s var(--ease-out)}:root:not([data-motion=reduce]) .mc-callout{animation:mc-callout 1.5s var(--ease-out) both}}@media (prefers-reduced-motion:reduce){:root[data-motion=full] .mc-pit[data-hot] .mc-pit__hole{animation:mc-bump .16s var(--ease-out)}:root[data-motion=full] .mc-pit[data-captured] .mc-pit__hole{animation:mc-bump .26s var(--ease-out)}:root[data-motion=full] .mc-callout{animation:mc-callout 1.5s var(--ease-out) both}:root:not([data-motion=full]) .mc-callout{animation:none}}:root[data-motion=reduce] .mc-callout{animation:none}@keyframes mc-bump{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes mc-callout{0%{opacity:0;transform:translate(-50%,-30%)scale(.92)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-62%)}}