.mcg{--mcg-yellow:#f4d94f;--mcg-ink:#171717;--mcg-purple:#b55bd4;--mcg-orange:#ff7a1a;--mcg-coral:#ff7d72;--mcg-green:#94bf29;--mcg-cream:#fff3c2;color:var(--mcg-ink);font-family:var(--font-dm-sans), sans-serif;font-weight:400}.mcg *,.mcg :before,.mcg :after{box-sizing:border-box}.mcg button{font:inherit;-webkit-tap-highlight-color:transparent;font-weight:400}.mcg button:focus-visible{outline-offset:4px;outline:3px solid #fff}.mcg .game{background:var(--mcg-yellow);isolation:isolate;grid-template-rows:minmax(0,1fr) 126px;height:calc(100svh - 64px);min-height:520px;display:grid;position:relative;overflow:hidden}.mcg .game:before{content:"";pointer-events:none;z-index:2;position:absolute;inset:0 0 126px;box-shadow:inset 0 18px 30px #f4d94f8c,inset 0 -20px 35px #f4d94fa6}.mcg .command-field{flex-direction:column;justify-content:space-evenly;gap:8px;min-height:0;padding:14px 0 10px;display:flex;position:relative;overflow:hidden}.mcg .command-field:before,.mcg .command-field:after{content:"";pointer-events:none;z-index:2;position:absolute}.mcg .command-field:before{border:2px solid #1717172e;border-radius:50%;width:120px;height:120px;top:18%;right:-55px}.mcg .command-field:after{opacity:.5;background-image:radial-gradient(#17171773 1.5px,#0000 1.5px);background-size:12px 12px;width:100px;height:74px;bottom:15%;left:3%}.mcg .command-lane{transform-origin:50%;flex:1;align-items:center;width:106%;min-height:0;margin-left:-3%;display:flex}.mcg .lane-1,.mcg .lane-5{transform:rotate(-.7deg)}.mcg .lane-2,.mcg .lane-6{transform:rotate(.65deg)}.mcg .lane-3{transform:rotate(-.3deg)}.mcg .lane-4,.mcg .lane-7{transform:rotate(.35deg)}.mcg .lane-track{will-change:transform;gap:12px;width:max-content;display:flex}.mcg .move-left{animation:mcg-move-left var(--speed) linear infinite}.mcg .move-right{animation:mcg-move-right var(--speed) linear infinite}.mcg .game-stopped .lane-track{filter:saturate(.7);animation-play-state:paused}@keyframes mcg-move-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mcg-move-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.mcg .game-chip{border:2px solid var(--mcg-ink);white-space:nowrap;align-items:center;gap:14px;min-width:210px;max-width:430px;height:clamp(48px,7.2vh,68px);padding:0 20px;display:flex;box-shadow:4px 5px #1717172e}.mcg .game-chip span{font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:18px}.mcg .game-chip code{text-overflow:ellipsis;font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:clamp(12px,1.15vw,16px);font-weight:400;overflow:hidden}.mcg .orange{background:var(--mcg-orange)}.mcg .purple{background:var(--mcg-purple)}.mcg .green{background:var(--mcg-green)}.mcg .coral{background:var(--mcg-coral)}.mcg .cream{background:var(--mcg-cream)}.mcg .control-deck{z-index:10;border-top:2px solid var(--mcg-ink);background:var(--mcg-cream);border-radius:0 0 12px 12px;grid-template-columns:1fr 230px 1fr;align-items:center;padding:0 22px;display:grid;position:relative}.mcg .control-deck>p{max-width:210px;margin:0;font-size:12px;line-height:1.45}.mcg .round-count{letter-spacing:.13em;justify-self:end;font-size:10px}.mcg .stop-control{cursor:pointer;background:0 0;border:0;place-self:end center;width:188px;height:112px;margin-bottom:7px;padding:0;position:relative}.mcg .stop-shadow{border:3px solid var(--mcg-ink);background:#202020;border-radius:50%;position:absolute;inset:30px 3px 0;box-shadow:0 7px #090909}.mcg .stop-cap{z-index:2;border:3px solid var(--mcg-ink);color:#fff;letter-spacing:.11em;background:#eb3e31;border-radius:50%;place-items:center;font-size:18px;transition:transform .12s,box-shadow .12s;display:grid;position:absolute;inset:0 17px 25px;box-shadow:inset 0 -12px #75000038,inset 0 6px #fff3,0 7px #97261e}.mcg .stop-cap:after{content:"";background:#ffffff2e;border-radius:50%;width:55%;height:22%;position:absolute;top:12%}.mcg .stop-control:active .stop-cap{transform:translateY(7px);box-shadow:inset 0 -8px #75000038,inset 0 6px #fff3,0 1px #97261e}.mcg .game-stopped .stop-cap{background:var(--mcg-green);color:var(--mcg-ink);box-shadow:inset 0 -12px #3557002e,inset 0 6px #ffffff40,0 7px #5f7d19}.mcg .result-popover{z-index:30;background:var(--mcg-ink);width:min(660px,100% - 32px);color:var(--mcg-cream);border:2px solid var(--mcg-ink);padding:22px 24px 24px;animation:.3s cubic-bezier(.2,.8,.2,1) mcg-drop-in;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:11px 12px #17171738}@keyframes mcg-drop-in{0%{opacity:0;transform:translate(-50%,-20px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}.mcg .result-meta{letter-spacing:.13em;border-bottom:1px solid #625f58;justify-content:space-between;padding-bottom:12px;font-size:10px;display:flex}.mcg .result-popover code{font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;overflow-wrap:anywhere;margin:24px 72px 16px 0;font-size:clamp(22px,3.1vw,36px);font-weight:400;line-height:1.18;display:block}.mcg .result-popover code span{color:var(--mcg-yellow)}.mcg .result-popover p{color:#c7c3b8;max-width:520px;margin:0;padding-right:70px;font-size:14px;line-height:1.55}.mcg .result-popover .template-note{color:var(--mcg-yellow);letter-spacing:.045em;margin-top:14px;font-size:10px}.mcg .result-popover .template-note b{font-weight:400}.mcg .copy-button{color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.11em;background:0 0;border:1px solid;min-width:72px;padding:9px 12px;font-size:10px}.mcg .result-popover .copy-button{position:absolute;bottom:22px;right:22px}.mcg .result-notch{background:var(--mcg-ink);width:26px;height:26px;position:absolute;bottom:-14px;left:calc(50% - 13px);transform:rotate(45deg)}@media (max-width:700px){.mcg .game{grid-template-rows:minmax(0,1fr) 112px;min-height:480px}.mcg .game:before{inset:0 0 112px}.mcg .command-field{gap:7px;padding-block:10px}.mcg .command-lane:nth-child(n+7){display:none}.mcg .game-chip{gap:10px;min-width:170px;max-width:300px;height:clamp(44px,7.6vh,60px);padding:0 14px}.mcg .game-chip code{font-size:11px}.mcg .game-chip span{font-size:15px}.mcg .control-deck{grid-template-columns:1fr 160px 1fr;padding:0 10px}.mcg .control-deck>p{max-width:90px;font-size:9px}.mcg .round-count{text-align:right;font-size:8px}.mcg .stop-control{width:148px;height:98px;margin-bottom:3px}.mcg .stop-cap{font-size:15px;inset:2px 12px 23px}.mcg .result-popover{padding:18px 18px 22px;top:16px}.mcg .result-popover code{margin:20px 0 14px;padding-right:0;font-size:clamp(19px,6vw,27px)}.mcg .result-popover p{margin-bottom:48px;padding-right:0;font-size:13px}.mcg .result-popover .copy-button{bottom:16px;left:18px;right:auto}}@media (prefers-reduced-motion:reduce){.mcg .lane-track{animation-play-state:paused}}