.mm{--mm-panel: color-mix(in srgb, var(--sun) 20%, var(--cell));--mm-line: color-mix(in srgb, var(--ink) 78%, var(--sun));--mm-me: var(--tg-p0);--mm-w: min(100%, 500px, calc(var(--tg-stage-h) - 46px));width:var(--mm-w);margin:2px auto 0;user-select:none;-webkit-user-select:none}[data-tg][data-turn="1"] .mm{--mm-me: var(--tg-p1)}:root[data-look=dusk] .mm{--mm-panel: color-mix(in srgb, var(--sky) 12%, var(--cell))}:root[data-look=ink] .mm{--mm-panel: var(--cell);--mm-line: var(--ink)}.mm-board{position:relative;aspect-ratio:1;border-radius:16px;touch-action:manipulation;background:var(--mm-panel);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mm-line) 22%,transparent),0 10px 24px #3c1e0024}.mm-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mm-lines line{stroke:var(--mm-line);stroke-width:.075;stroke-linecap:round}.mm-lines .mm-dot{fill:var(--mm-line)}.mm-glow line.is-mill{stroke:var(--sun);stroke-width:.3;opacity:.85;filter:drop-shadow(0 0 .12px var(--sun));animation:mm-mill calc(.5s * var(--motion)) ease-in-out infinite alternate}@keyframes mm-mill{0%{opacity:.45}to{opacity:.95}}.mm-pieces{position:absolute;inset:0;pointer-events:none;z-index:2}.mm-pc{position:absolute;width:calc(100% / 7 * .8);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.mm-pc.is-moving{z-index:3}.mm-disc{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--tg-c) 45%,white) 0 9%,transparent 32%),radial-gradient(circle,var(--tg-c) 0 58%,color-mix(in srgb,var(--tg-c) 78%,black) 76%,color-mix(in srgb,var(--tg-c) 86%,black) 100%);box-shadow:0 3px color-mix(in srgb,var(--tg-c) 55%,black),0 5px 9px #00000040}.mm-pc[data-p="0"] .mm-disc:after{content:"";position:absolute;inset:38%;border-radius:50%;background:color-mix(in srgb,var(--tg-c) 62%,black);opacity:.45}.mm-pc[data-p="1"] .mm-disc:after{content:"";position:absolute;inset:21%;border-radius:50%;border:3px solid color-mix(in srgb,var(--tg-c) 60%,black);opacity:.42}.mm-pc.is-picked .mm-disc{transform:translateY(-8%) scale(1.1);box-shadow:0 3px color-mix(in srgb,var(--tg-c) 55%,black),0 12px 14px #0000004d;transition:transform calc(.12s * var(--motion)) ease-out}.mm-pc.is-new .mm-disc{box-shadow:0 0 0 3px var(--cell),0 0 0 5px var(--sun),0 5px 9px #00000040}.mm-pc.is-dim .mm-disc{opacity:.5;filter:saturate(.6)}.mm-pts{position:absolute;inset:0;z-index:3}.mm-pt{position:absolute;width:calc(100% / 7 * .92);aspect-ratio:1;min-width:44px;transform:translate(-50%,-50%);border:0;padding:0;margin:0;border-radius:50%;background:transparent;cursor:default;-webkit-tap-highlight-color:transparent}.mm.is-live .mm-pt[aria-disabled=false]{cursor:pointer}.mm-pt:focus-visible{outline:3px solid var(--sun);outline-offset:-4px}.mm-pt.is-open:after{content:"";position:absolute;inset:34%;border-radius:50%;border:2px solid color-mix(in srgb,var(--mm-me) 55%,transparent)}.mm.is-live .mm-pt.is-open:hover:after{background:color-mix(in srgb,var(--mm-me) 35%,transparent)}.mm-pt.is-dest:after{content:"";position:absolute;inset:30%;border-radius:50%;background:color-mix(in srgb,var(--mm-me) 70%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--mm-me) 30%,transparent),0 0 12px color-mix(in srgb,var(--mm-me) 55%,transparent);animation:mm-dot calc(.9s * var(--motion)) ease-in-out infinite alternate}@keyframes mm-dot{to{transform:scale(.8)}}.mm-pt.is-can:after{content:"";position:absolute;inset:6%;border-radius:50%;border:2px dashed color-mix(in srgb,var(--mm-me) 70%,var(--ink));opacity:.55}.mm-pt.is-sel:after{content:"";position:absolute;inset:2%;border-radius:50%;border:3px solid var(--mm-me)}.mm-pt.is-take:after{content:"×";position:absolute;inset:4%;border-radius:50%;display:grid;place-items:center;font:800 1.6rem/1 var(--font-display);color:var(--cell);text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 0 3px var(--coral),0 0 14px var(--coral);animation:mm-take calc(.7s * var(--motion)) ease-in-out infinite alternate}@keyframes mm-take{to{box-shadow:0 0 0 5px var(--coral),0 0 20px var(--coral)}}.mm-pt.is-last:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--sun) 80%,transparent);opacity:.9}.mm-pt.is-taken-last:before{content:"";position:absolute;inset:22%;border-radius:50%;border:2px dotted var(--coral);opacity:.8}.mm-pt.is-hint{animation:mm-hint calc(.9s * var(--motion)) ease-in-out infinite alternate;box-shadow:0 0 0 3px var(--sun)}@keyframes mm-hint{to{box-shadow:0 0 0 6px color-mix(in srgb,var(--sun) 55%,transparent),0 0 18px var(--sun)}}.mm-pt.is-shake{animation:mm-shake calc(.36s * var(--motion)) ease-in-out}@keyframes mm-shake{25%{box-shadow:-4px 0 0 var(--coral)}75%{box-shadow:4px 0 0 var(--coral)}}.mm-bar{display:flex;align-items:center;gap:8px;margin-top:10px;min-height:32px;font-size:.86rem;color:var(--ink-2)}.mm-hand{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex:none;padding:2px 8px 2px 4px;border-radius:999px;border:2px solid transparent}.mm-hand.is-on{border-color:color-mix(in srgb,var(--tg-c) 60%,transparent);color:var(--ink)}.mm-mini{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--tg-c);box-shadow:0 2px color-mix(in srgb,var(--tg-c) 50%,black)}.mm-stack{display:none}.mm-status{flex:1 1 auto;min-width:0;text-align:center;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-rules{flex:none;min-height:32px;padding:4px 10px;font-size:.85rem}.mm-rules-body p{margin:0 0 10px;line-height:1.45}@media(pointer:fine)and (min-width:700px){.mm-stack{display:inline-flex;gap:2px}.mm-stack i{width:8px;height:8px;border-radius:50%;background:var(--tg-c);opacity:.8}}