.mc-stage{background:radial-gradient(ellipse at 45% 35%,#253833 0%,#1b2927 60%,#1b2425 100%);border-color:#35443c}
.mc-stage .stage-title{padding-bottom:9px;border-bottom:1px solid #ffffff0b}
.mc-stage .m3d-status{font:500 15px 'Space Grotesk';color:#d6f87a;padding:18px 0;min-height:55px}
.mc-stage .m3d-status.mc-success{color:#ffd397}
.mc-root{width:100%;display:block!important;min-height:0!important}
.mc-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 3px}
.mc-player{display:flex;align-items:center;gap:10px;min-width:140px}
.mc-player small{display:block;color:#82978e;font-size:8px;letter-spacing:1.3px;margin-bottom:5px}
.mc-player strong{font:500 13px 'Space Grotesk'}
.mc-player b{font:500 26px 'Space Grotesk';color:#eacb97}
.mc-opponent b{margin-left:8px}
.mc-your-score{margin-right:8px}
.mc-you{text-align:right;justify-content:flex-end}
.mc-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #b7ccad3d;color:#bad4b5;background:#d6f87a09;font-size:17px}
.mc-edition{font-size:8px;letter-spacing:1.8px;color:#90a294;text-align:center;white-space:nowrap}
.mc-edition i{font-style:normal;color:#cbae76;padding:0 5px}
.mc-table{position:relative;width:100%;aspect-ratio:1.97;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#36514a77,#19282200 75%);border-radius:16px;margin:5px 0 0}
.mc-webgl{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.mc-pits{position:absolute;inset:0;z-index:3}
.mc-pit{position:absolute;width:10%;height:21%;min-width:32px;min-height:44px;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;opacity:1!important;touch-action:manipulation;color:#f2e3c8;border-radius:50%}
.mc-pit:disabled{opacity:1!important;cursor:default}
.mc-store{height:45%;width:9.4%}
.mc-pit-halo{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;transition:border-color .15s,box-shadow .15s}
.mc-pit.can-play:hover .mc-pit-halo,.mc-pit.can-play:focus-visible .mc-pit-halo{border-color:#d6f87a8c;box-shadow:0 0 17px #d6f87a32}
.mc-pit.is-active .mc-pit-halo{border-color:#ffd4939c;box-shadow:0 0 17px #eab96c48}
.mc-pit:focus-visible{outline:none}
.mc-pit-count{position:absolute;right:-2px;bottom:-5px;min-width:23px;height:23px;display:grid;place-items:center;padding:0 5px;border-radius:30px;font:600 12px 'Space Grotesk';color:#f5ddbb;background:#2a211bea;box-shadow:0 2px 7px #0005;border:1px solid #a07b5455;pointer-events:none;transition:background .15s}
.mc-pit.can-play .mc-pit-count{color:#d6f87a;border-color:#b9d18370}
.mc-store .mc-pit-count{font-size:19px;height:32px;min-width:36px;bottom:-8px;right:50%;transform:translateX(50%)}
.mc-pit.is-empty .mc-pit-count{color:#a18c73}
.mc-engraving{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);font:500 11px 'Space Grotesk';letter-spacing:4px;color:#3a251b6b;pointer-events:none;z-index:2;text-shadow:0 1px #ffe3a848}
.mc-hand{position:absolute;top:4%;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:20px;background:#d6f87a;color:#203128;font-size:10px;z-index:5;box-shadow:0 4px 15px #0003}
.mc-move-info{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#131e1ca1;border:1px solid #718c7140;border-radius:9px;min-height:48px}
.mc-turn-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#a6ad99}
.mc-your-turn .mc-turn-dot{background:#d6f87a;box-shadow:0 0 12px #d6f87a7a}
.mc-activity{font-size:12px;font-weight:500;color:#c3cec2}
.mc-move-number{font-size:8px;letter-spacing:1.6px;color:#7c9385;margin-left:auto;white-space:nowrap}
.mc-guide{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#83968a;font-size:10px;padding:14px 2px 0;line-height:1.6}
.mc-render-label{color:#687f74;white-space:nowrap}
.mc-controls{display:flex!important;justify-content:flex-start!important;gap:8px!important;margin:20px 0 0!important;padding-top:16px;border-top:1px solid #ffffff0c}
.mc-control{font-size:11px;line-height:1;border:1px solid #7184764a;border-radius:7px;padding:11px 12px;color:#c7d5c7;background:#17241f;min-height:36px}
.mc-control:hover{border-color:#a5be8188}
.mc-control[aria-pressed=true]{color:#d6f87a;border-color:#d6f87a6b;background:#a3c5610d}
.mc-control:disabled{opacity:.4!important}
.mc-volume{font-size:10px;color:#819987;display:flex;align-items:center;gap:8px;padding:0 6px}
.mc-volume input{width:65px;accent-color:#d6f87a}
.mc-beads{position:absolute;inset:0;pointer-events:none;z-index:2}
.mc-is3d .mc-beads{display:none}
.mc-fallback:before{content:'';position:absolute;left:5.6%;top:23%;width:88.8%;height:54%;border-radius:28px;background:repeating-linear-gradient(2deg,#be8d5820 0px,#532d1d10 1px,#ce9c6820 3px,#8a512820 5px),linear-gradient(115deg,#b17b47,#c79560 30%,#a56d41 70%,#8b5532);border:1px solid #ce9b6377;box-shadow:0 8px 0 #603a24,0 12px 22px #0006,inset 0 1px #ffe2b95e}
.mc-fallback .mc-pit{height:20%;background:radial-gradient(ellipse at 50% 65%,#895634,#4d2d1e 77%,#b38453 91%,#744523);box-shadow:inset 0 5px 9px #29191177,0 1px #e3b97b7a}
.mc-fallback .mc-store{height:44%}
.mc-fallback-bead{position:absolute;width:2.3%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 31% 25%,#fff 0%,#ffffffbd 8%,var(--bead-color) 30%,var(--bead-color) 48%,#233129 96%);box-shadow:1px 3px 3px #0007,inset -1px -1px 2px #18322799}
.mc-fallback .mc-pits{z-index:1}
.mc-fallback .mc-pit-count{z-index:5}
@media(max-width:650px){.mc-stage{padding:14px}.mc-stage .m3d-status{font-size:13px;padding:14px 0;min-height:47px}.mc-heading{gap:6px;padding-top:5px}.mc-player{min-width:0;gap:6px}.mc-player small{font-size:7px;letter-spacing:.8px}.mc-player strong{font-size:11px}.mc-player b{font-size:23px}.mc-avatar{width:27px;height:27px;font-size:14px}.mc-edition{display:none}.mc-table{aspect-ratio:1.6;margin:8px -3%;width:106%}.mc-engraving{font-size:9px;letter-spacing:2px}.mc-pit{width:10.6%;height:17%;min-width:30px}.mc-store{height:37%;width:10%}.mc-pit-count{min-width:18px;height:18px;font-size:10px;bottom:-5px;right:0;padding:0 4px}.mc-store .mc-pit-count{font-size:15px;min-width:28px;height:26px;bottom:-6px}.mc-move-info{padding:11px 10px;gap:7px}.mc-activity{font-size:11px}.mc-move-number{font-size:7px;letter-spacing:1px}.mc-guide{font-size:9px;display:block;padding-top:10px}.mc-render-label{display:block;font-size:8px;letter-spacing:.4px;margin-top:5px}.mc-control{font-size:10px;padding:10px}.mc-volume{order:5;width:100%;padding-top:4px}.mc-volume input{width:100px}.mc-controls{margin-top:13px!important;padding-top:12px;gap:6px!important}.mc-fallback:before{top:27%;height:46%}.mc-fallback .mc-pit{height:17%;min-height:36px}.mc-fallback .mc-store{height:35%}}
@media(prefers-reduced-motion:reduce){.mc-pit-halo,.mc-pit-count{transition:none}}
.mc-stage{padding:24px 30px;background:radial-gradient(ellipse at 50% 42%,#355044 0%,#213930 42%,#142621 100%);border:1px solid #b3ad7438;border-radius:24px;box-shadow:0 24px 80px #0003;overflow:hidden}
.mc-stage .stage-title{padding-bottom:8px}
.mc-stage .stage-title h2{font-size:28px;letter-spacing:-1px;margin:5px 0;color:#f3e3c2}
.mc-stage .stage-title .eyebrow{color:#b5a47d;font-size:9px;letter-spacing:2.5px}
.mc-stage .m3d-status{padding:12px 0;min-height:43px;font-size:14px}
.mc-root{position:relative}
.mc-heading{padding:2px 4px 0}
.mc-player{gap:12px}
.mc-player b{font-size:34px;color:#f6d99f}
.mc-player strong{font-size:14px}
.mc-avatar{width:38px;height:38px;background:linear-gradient(145deg,#82936933,#23362b);border-color:#c9bc8550}
.mc-edition{letter-spacing:2.5px;font-size:9px;color:#cbbd95}
.mc-table{aspect-ratio:2.55;width:100%;margin:0;min-height:160px;background:radial-gradient(ellipse,#63866024,transparent 68%)}
.mc-webgl{animation:mc-arrive .7s cubic-bezier(.2,.8,.2,1) both}
.mc-engraving{font-size:12px;letter-spacing:5px;top:55%;opacity:.7}
.mc-pit{height:32%;width:10.2%;min-width:0;min-height:0}
.mc-store{height:68%;width:9%}
.mc-pit-count{min-width:26px;height:26px;font-size:13px;bottom:0;right:0;border:1px solid #c9a97280;background:#302419ec;box-shadow:0 3px 12px #0006}
.mc-store .mc-pit-count{bottom:-4px;font-size:21px;height:34px;min-width:38px}
.mc-pit.can-play .mc-pit-halo{border-color:#dcf0a233;box-shadow:0 0 18px #c9df8730}
.mc-pit.can-play:active .mc-pit-halo{background:#e7e6a326;border-color:#e7e6a3}
.mc-pit.mc-impact .mc-pit-halo{animation:mc-impact .55s ease-out}
.mc-hand{top:0;background:#ead5a7;color:#322919;font-weight:600;font-size:11px}
.mc-move-info{border-color:#adbc7d28;background:#0a19177a;border-radius:12px;padding:12px 16px}
.mc-guide{padding:10px 2px 0;flex-wrap:wrap;color:#a4b7a3;font-size:11px}
.mc-render-label{color:#9baa8a;font-size:10px}
.mc-controls{margin:14px 0 0!important;padding-top:12px;gap:9px!important;justify-content:center!important}
.mc-control{min-height:44px;padding:12px 18px;font-size:12px;border-radius:11px;background:#10241ec9;border-color:#b3c0903d;touch-action:manipulation}
.mc-quick-pits{display:none}
.mc-rotate-hint{display:none;border:0;background:none;color:#dfdcaa;font-size:11px;min-height:36px;padding:4px 0;text-align:left}
.mc-settings{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:linear-gradient(145deg,#253e33,#14251f);border:1px solid #a3b18b60;box-shadow:0 30px 120px #0008;padding:26px;border-radius:24px}
.mc-settings::backdrop{background:#06120dd9;backdrop-filter:blur(7px)}
.mc-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.mc-dialog-head h2{font-size:25px;color:#f3e3c2}
.mc-dialog-head .eyebrow{font-size:8px}
.mc-dialog-head button{flex-shrink:0;float:none}
.mc-settings p{font-size:13px;color:#a5b7a3}
.mc-audio-settings{display:grid;gap:12px}
.mc-audio-settings .mc-control{width:100%;text-align:left;float:none}
.mc-audio-settings .mc-volume{order:0;padding:16px 0;font-size:13px;width:100%;justify-content:space-between}
.mc-audio-settings .mc-volume input{width:65%}
.mc-motion{font-size:13px;display:flex;gap:10px;align-items:center;padding:10px 0}
.mc-motion input{width:20px;height:20px;accent-color:#d6f87a}
.mc-starting{min-height:550px!important}
.mc-starting .mc-heading,.mc-starting .mc-table{opacity:.2;pointer-events:none;filter:blur(3px)}
.mc-start-screen{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:12px}
.mc-start-card{width:min(100%,580px);text-align:center;padding:26px 30px;border-radius:24px;border:1px solid #d1c18c3b;background:linear-gradient(145deg,#203a30f5,#122820f7);box-shadow:0 20px 65px #0005;backdrop-filter:blur(14px)}
.mc-menu-kicker{display:flex;gap:9px;align-items:center;justify-content:center;color:#c8ba90;font-size:9px;letter-spacing:3px}
.mc-menu-kicker span{width:6px;height:6px;border-radius:50%;background:#d6f87a;box-shadow:0 0 14px #d6f87a77}
.mc-start-card h2{font-size:48px;letter-spacing:-2px;color:#f5e7c9;margin:13px 0 25px}
.mc-start-card h2 span{display:block;font:13px 'DM Sans',sans-serif;letter-spacing:0;color:#a4b7a1;margin-top:10px}
.mc-start-card fieldset{padding:0;border:0;text-align:left;margin:0 0 18px;display:grid;gap:10px}
.mc-start-card legend{font-size:10px;color:#b4c1a9;margin-bottom:10px;letter-spacing:.6px}
.mc-mode-picker,.mc-difficulty{grid-template-columns:1fr 1fr}
.mc-start-card label{position:relative;cursor:pointer;min-width:0}
.mc-start-card input{position:absolute;opacity:0;width:1px;height:1px}
.mc-start-card label>span{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px;border:1px solid #a5b08933;border-radius:12px;background:#0c201a66;min-height:69px}
.mc-start-card input:checked+span{border-color:#d9e0a0;background:#d6f87a13;box-shadow:inset 0 0 0 1px #d6f87a22}
.mc-start-card input:focus-visible+span{outline:3px solid #d6f87a;outline-offset:3px}
.mc-start-card label b{color:#e2e6ce;font-size:13px;font-weight:600}
.mc-start-card label small{color:#9dae99;font-size:10px;line-height:1.4}
.mc-start-card .mc-start{width:100%;min-height:48px;background:linear-gradient(115deg,#e3edb1,#c5df85);border-radius:12px;color:#20311d;box-shadow:0 6px 20px #06130c66;font-size:14px}
.mc-menu-note{font-size:13px;color:#b4c6ad;margin:20px 8px 26px;line-height:1.7}
.mc-start-card .mc-resume{width:100%;margin-top:9px;min-height:40px;font-size:11px}
.mc-menu-foot{margin-top:17px;font-size:9px;color:#94a889;letter-spacing:.7px}
.mc-menu-foot span{padding:0 8px;color:#bdc993}
body.mc-focus-open{overflow:hidden}
.mc-stage.mc-focus{position:fixed;inset:0;z-index:100;width:100dvw;height:100dvh;border:0;border-radius:0;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;overflow:hidden;box-shadow:none}
.mc-focus .stage-title{flex:0 0 auto;border:0;padding:0}
.mc-focus .stage-title h2{font-size:21px}
.mc-focus .stage-title .eyebrow{display:none}
.mc-focus .stage-title button{padding:7px 12px;min-height:36px}
.mc-focus .m3d-status{padding:4px 0;min-height:24px;flex:none;font-size:12px}
.mc-focus .m3d-board{display:flex!important;flex:1;min-height:0!important;gap:0;justify-content:flex-start}
.mc-focus .mc-heading{width:100%;height:35px;flex:none;padding:0}
.mc-focus .mc-player b{font-size:26px}
.mc-focus .mc-avatar{height:27px;width:27px}
.mc-focus .mc-player small{font-size:7px;margin-bottom:2px}
.mc-focus .mc-table{flex:1;width:100%;aspect-ratio:auto;min-height:0;margin:0}
.mc-focus .mc-move-info{width:100%;min-height:30px;padding:7px 12px;flex:none}
.mc-focus .mc-activity{font-size:11px}
.mc-focus .mc-guide,.mc-focus .mc-quick-pits{display:none!important}
.mc-focus .m3d-controls{margin:7px 0 0!important;padding:0;flex:none;border:0;gap:7px!important}
.mc-focus .mc-control{min-height:36px;padding:9px 14px;font-size:11px}
.mc-focus .mc-start-screen{overflow:auto;align-items:start;padding:0;width:100%}
.mc-focus .mc-start-card{margin:auto;padding:18px 24px}
.mc-focus .mc-start-card h2{font-size:30px;margin:8px 0 16px}
.mc-focus .mc-starting .mc-heading,.mc-focus .mc-starting .mc-table{visibility:hidden}
.mc-stage.mc-sideways{inset:auto;left:50%;top:50%;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg);padding:10px 22px}
@keyframes mc-arrive{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mc-impact{0%{box-shadow:0 0 0 0 #fbe0a985;border-color:#fbe0a9}100%{box-shadow:0 0 0 15px #fbe0a900;border-color:transparent}}
@media(max-width:760px){.mc-stage{padding:16px 10px;border-radius:18px}.mc-stage .stage-title{padding:0 4px 5px}.mc-stage .m3d-status{padding:10px 4px;min-height:40px;font-size:12px}.mc-stage .stage-title h2{font-size:25px}.mc-heading{padding:4px 5px 0}.mc-player{gap:6px}.mc-player b{font-size:28px}.mc-player strong{font-size:11px}.mc-avatar{width:27px;height:27px}.mc-edition{display:none}.mc-table{aspect-ratio:2.1;width:100%;margin:0;min-height:165px}.mc-pit{width:10%;height:29%;min-width:0;min-height:0}.mc-store{height:62%;width:9%}.mc-pit-count{min-width:20px;height:20px;font-size:11px;bottom:-2px}.mc-store .mc-pit-count{font-size:16px;height:26px;min-width:29px}.mc-engraving{font-size:9px;letter-spacing:2px}.mc-quick-pits{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;width:100%;padding:4px 4px 12px}.mc-quick-pits .mc-control{padding:7px 0;min-height:50px;border-radius:10px;background:#13261e}.mc-quick-pits small{display:block;font-size:7px;color:#8eaa8b;letter-spacing:1px}.mc-quick-pits b{display:block;margin-top:3px;font-size:17px;color:#e0ecb3}.mc-quick-pits button:disabled{opacity:.45}.mc-quick-pits button:not(:disabled){border-color:#c3db7c90}.mc-rotate-hint{display:block;width:100%}.mc-guide{display:flex;gap:5px;padding:8px 4px 0;font-size:10px}.mc-render-label{display:none}.mc-controls{gap:7px!important;padding-top:10px;margin-top:8px!important}.mc-control{min-height:44px;font-size:11px;padding:11px 14px}.mc-starting{min-height:570px!important}.mc-start-screen{padding:6px 0}.mc-start-card{padding:22px 16px;border-radius:18px}.mc-start-card h2{font-size:42px}.mc-start-card label>span{padding:12px 10px;min-height:72px}.mc-start-card label b{font-size:12px}.mc-start-card label small{font-size:10px}.mc-menu-foot{font-size:8px;letter-spacing:.3px}.mc-fallback:before{top:18%;height:65%;left:4%;width:92%}.mc-fallback .mc-pit{height:27%}.mc-fallback .mc-store{height:59%}.mc-fallback-bead{width:2.7%}}
@media(max-height:550px) and (orientation:landscape){.mc-stage:not(.mc-focus) .mc-table{max-height:270px}.mc-focus .mc-player small{display:none}.mc-focus .mc-heading{height:29px}.mc-focus .mc-start-card{padding:12px 22px}.mc-focus .mc-start-card h2{font-size:26px;margin:5px 0 12px}.mc-focus .mc-start-card h2 span,.mc-focus .mc-menu-foot{display:none}.mc-focus .mc-difficulty{grid-template-columns:repeat(4,1fr)}.mc-focus .mc-start-card label>span{min-height:50px;padding:9px}.mc-focus .mc-start-card fieldset{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.mc-webgl,.mc-pit.mc-impact .mc-pit-halo{animation:none}}
.mc-starting{min-height:0!important}
.mc-starting .mc-heading,.mc-starting .mc-table{display:none!important}
.mc-start-screen{position:relative;inset:auto;width:100%;padding:12px 0}
.mc-focus .mc-start-screen{flex:1;min-height:0}
.mc-start-card{margin:0 auto}
.mc-pit .mc-pit-count,.mc-store .mc-pit-count{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);min-width:0;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#fff8e7;font-size:clamp(13px,1.55vw,21px);font-weight:700;line-height:1;text-shadow:0 1px 3px #120b06,0 0 5px #120b06,0 2px 9px #120b06;pointer-events:none}
.mc-store .mc-pit-count{font-size:clamp(18px,2.1vw,29px)}
.mc-pit.can-play .mc-pit-count{color:#eefdc8;border:0}
.mc-pit.is-empty .mc-pit-count{color:#d8c4a4;opacity:.7}
.mc-no-motion .mc-webgl,.mc-no-motion .mc-pit-halo,.mc-no-motion .mc-pit-count{animation:none!important;transition:none!important}
.mc-no-motion .mc-pit.mc-impact .mc-pit-halo{animation:none!important}
.mc-wells{position:absolute;inset:0;z-index:1;pointer-events:none}
.mc-is3d .mc-wells{display:none}
.mc-fallback .mc-pits{z-index:3}
.mc-fallback button.mc-pit{background:transparent;box-shadow:none}
.mc-fallback .mc-wells .mc-pit{pointer-events:none}
.mc-first-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;color:#cfdbbc;font-size:12px}
.mc-first-picker select{padding:9px 16px;background:#18271f;border:1px solid #b6cd8e66;border-radius:8px;color:#e8ebce}
.mc-chat-log{min-height:120px;max-height:260px;overflow:auto;background:#10201980;padding:10px;border-radius:10px}
.mc-chat-log:empty:after{content:'Say hello to your opponent 👋';color:#a2b299;font-size:12px}
.mc-chat-log p{display:flex;flex-direction:column;gap:3px;margin:8px 0;padding:8px 10px;border-radius:9px;background:#ffffff09;color:#eee8ce;line-height:1.4}
.mc-chat-log b{font-size:9px;color:#a7ba8c}
.mc-chat-log .mc-chat-you{margin-left:25px;background:#b9d38317}
.mc-chat-presets{display:flex;flex-wrap:wrap;gap:7px}
.mc-chat{max-height:85dvh;overflow:auto}
.mc-result{position:absolute;inset:0;z-index:15;display:grid;place-items:center;background:#102319b8;backdrop-filter:blur(4px);overflow:hidden;border-radius:16px}
.mc-result[hidden]{display:none}
.mc-result-card{position:relative;z-index:2;width:min(380px,90%);padding:30px 22px;text-align:center;border:1px solid #ddc68077;border-radius:20px;background:linear-gradient(145deg,#354b35,#14271e);box-shadow:0 18px 70px #0006}
.mc-trophy{display:block;font-size:48px;margin-bottom:12px}
.mc-result-card small{font-size:9px;letter-spacing:2px;color:#b6c19b}
.mc-result-card h2{color:#f3e3b5;font-size:32px}
.mc-result-card>strong{font:500 38px 'Space Grotesk';color:#d6f87a}
.mc-result-card p{font-size:12px;color:#bac8a7}
.mc-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.mc-confetti{position:absolute;inset:0;pointer-events:none}
.mc-confetti i{position:absolute;left:var(--x);top:-20px;width:8px;height:13px;background:var(--color);animation:mc-celebrate 3.7s var(--delay) ease-in forwards}
@keyframes mc-celebrate{0%{transform:translateY(-20px) rotate(0);opacity:1}85%{opacity:1}100%{transform:translateY(900px) rotate(var(--spin));opacity:0}}
@media(prefers-reduced-motion:reduce){.mc-confetti{display:none}}
@media(max-width:600px){.mc-result-card{padding:22px 15px}.mc-result-card h2{font-size:27px}.mc-chat-presets .mc-control{min-height:42px}}
.mc-root{position:relative}
.mc-side-tools{position:absolute;right:0;top:68px;z-index:12;display:flex;flex-direction:column;gap:8px}
.mc-side-tools[hidden]{display:none!important}
.mc-side-tools .mc-control{min-width:75px;min-height:44px;background:#233c2eee;border:1px solid #b1cc8680;box-shadow:0 5px 16px #0004}
.mc-side-chat[aria-expanded=true]{background:#d6f87a;color:#1d3025}
.mc-chat-drawer{position:absolute;right:0;top:119px;z-index:20;width:min(350px,100%);max-height:calc(100% - 125px);overflow:auto;padding:18px;background:linear-gradient(145deg,#2a4230,#14291e);border:1px solid #b1cc8670;border-radius:14px;box-shadow:0 14px 50px #0008}
.mc-chat-drawer[hidden]{display:none!important}
.mc-chat-drawer h2{font-size:22px;margin:0}
.mc-chat-drawer>p{font-size:11px}
.mc-chat-drawer .mc-chat-log{max-height:180px;min-height:90px}
.mc-chat-drawer .mc-chat-presets{gap:6px}
.mc-chat-drawer .mc-chat-presets button{min-height:38px;font-size:10px}
.mc-first-options{margin:18px 0 0!important}
.mc-first-options label>span{min-height:77px;padding:16px!important}
.mc-first-options input:checked+span{box-shadow:0 0 0 2px #d6f87a33;border-color:#d6f87a!important;background:#b6d27519!important}
.mc-first-note{margin:9px 0 18px!important;font-size:11px!important;color:#a4b69a!important}
.mc-menu-back{display:block;width:100%;margin:9px 0}
.mc-focus .mc-side-tools{top:40px;right:0}
.mc-focus .mc-chat-drawer{top:87px;max-height:calc(100% - 90px)}
@media(max-width:760px){.mc-side-tools{top:49px;right:0;gap:6px}.mc-side-tools .mc-control{min-width:60px;min-height:40px;font-size:10px;padding:8px}.mc-chat-drawer{top:94px;width:min(310px,100%);max-height:calc(100% - 96px);padding:13px}.mc-first-options label>span{padding:12px!important;min-height:78px}.mc-first-options label b{font-size:11px}.mc-first-options label small{font-size:9px}}
.mc-social-tools{display:flex;align-items:center;gap:7px;flex:none;margin-left:8px;position:relative;z-index:25}
.mc-social-tools .mc-control{min-height:42px;padding:10px 13px;background:#233c2e;border:1px solid #b1cc8670;font-size:12px}
.mc-social-tools [hidden]{display:none!important}
.mc-stage .stage-title{flex-wrap:wrap}
.mc-stage .stage-title>div:first-child{margin-right:auto}
.mc-chat-drawer{top:0;max-height:min(520px,100%)}
.mc-invite-url{width:100%;padding:12px;border:1px solid #b6cc8e66;border-radius:8px;background:#11251a;color:#e5ebd7;font-size:12px}
.mc-invite-actions{margin-top:14px}
.mc-focus .mc-social-tools{position:relative;top:auto}
.mc-focus .mc-chat-drawer{top:0;max-height:100%}
@media(max-width:600px){.mc-social-tools{gap:5px;margin-left:0}.mc-social-tools .mc-control{min-height:40px;padding:8px 10px;font-size:11px}.mc-stage .stage-title #restart{font-size:10px;padding:8px}.mc-stage .stage-title h2{font-size:22px}.mc-chat-drawer{top:0;max-height:min(520px,100%)}}
/* Playroom integration */
.m3d-wrap{--bg:#12151d;--panel:#1c202b;--muted:#9b9eae;--lime:#d6f87a;--line:#303440;
  width:100%;height:100%;max-width:1100px;box-sizing:border-box;display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:center!important;color:#f3e3c2;font-family:var(--body,system-ui)}
.m3d-wrap .stage-title{display:flex;justify-content:flex-end;min-height:0;padding:0!important}
.m3d-status{font:600 15px var(--body,system-ui);color:#d6f87a;text-align:center;padding:6px 0}
.m3d-controls{display:flex;flex-wrap:wrap;gap:9px}
.m3d-wrap .mc-control{color:#f3e3c2;border:1px solid #b3ad7450;cursor:pointer}
.m3d-wrap .mc-start-screen,.m3d-wrap .mc-social-tools,.m3d-wrap .mc-result,.m3d-wrap .mc-chat-drawer,.m3d-wrap .mc-back-btn{display:none!important}
.mc-settings{color:#f3e3c2}
.mc-settings .mc-control{color:#f3e3c2;border:1px solid #b3ad7450;background:#10241ec9;border-radius:11px;min-height:44px}
@media(max-width:650px){.m3d-wrap{padding:10px!important;border-radius:16px}}
.m3d-wrap,.m3d-wrap *,.mc-settings,.mc-settings *{font-family:'Onest',system-ui,sans-serif!important}
.m3d-wrap .stage-title{display:none!important}
.m3d-wrap .mc-heading{border-top:0!important}
/* Warm "classic" look: red felt backdrop with soft bokeh, maple board, gold accents */
.m3d-wrap.mc-stage { background:
  radial-gradient(circle at 18% 22%, rgba(255,170,90,.16), transparent 9%),
  radial-gradient(circle at 84% 80%, rgba(255,150,80,.12), transparent 13%),
  radial-gradient(circle at 70% 16%, rgba(255,190,120,.10), transparent 7%),
  radial-gradient(ellipse at 50% 40%, #b0331d 0%, #7d1b10 55%, #4a0d08 100%) !important;
  border-color: #3a0c06 !important; }
.m3d-wrap .mc-player b, .m3d-wrap .mc-edition { color: #ffd98a !important; }
.m3d-wrap .mc-avatar { background: linear-gradient(145deg, #ffd98a55, #5a120a) !important; border-color: #ffd98a66 !important; }
.m3d-wrap .m3d-status { color: #ffe3a3; }
.m3d-wrap .mc-move-info { background: #2a0805aa !important; border-color: #ffd98a33 !important; }
.m3d-wrap .mc-guide, .m3d-wrap .mc-render-label { color: #f3c9a6 !important; }
.m3d-wrap .mc-control { background: #3a0c06cc !important; border-color: #ffd98a55 !important; color: #ffe9c4 !important; }
.m3d-wrap .mc-pit-count { background: #fff3dc !important; color: #5a2a10 !important; border-color: #c8995f !important; }
.m3d-wrap .mc-pit.can-play .mc-pit-halo { border-color: #ffd56a88 !important; box-shadow: 0 0 22px #ffd56a55 !important; }
.m3d-wrap .mc-quick-pits button { background: #3a0c06cc; border-color: #ffd98a55; color: #ffe9c4; }
.m3d-wrap .mc-pit .mc-pit-count { left: 50% !important; right: auto !important; top: -16px !important; bottom: auto !important; transform: translateX(-50%) !important;
  min-width: 22px !important; height: 22px !important; padding: 0 6px !important; font: 800 12px 'Onest', system-ui, sans-serif !important; color: #5a2a10 !important;
  background: #fff3dc !important; border: 1.5px solid #c8995f !important; box-shadow: 0 2px 6px #0006 !important; filter: none !important; text-shadow: none !important; opacity: 1 !important; }
.m3d-wrap .mc-store .mc-pit-count { top: -20px !important; font-size: 15px !important; height: 28px !important; min-width: 32px !important; }
.m3d-wrap .mc-pit.can-play .mc-pit-count { background: #ffd56a !important; color: #3a1500 !important; }
.m3d-wrap .mc-pit.is-empty .mc-pit-count { opacity: .7 !important; }
.m3d-wrap .mc-pit .mc-pit-count { border-radius: 999px !important; display: grid !important; place-items: center !important; }

/* ---------- Playroom-native Mancala chrome ---------- */
.m3d-wrap.mk { border: var(--bw) solid var(--line) !important; border-radius: var(--r) !important; box-shadow: 0 6px 0 var(--shade) !important; padding: 14px 16px 12px !important; gap: 8px; }
.mk .mc-heading, .mk .mc-move-info, .mk .mc-guide, .mk .m3d-status, .mk .mc-edition, .mk .mc-engraving { display: none !important; }
.mk .m3d-controls .mc-control:not([hidden]) { display: none !important; }
.mk .m3d-controls .mc-control.mk-keep:not([hidden]) { display: inline-flex !important; }
.mk-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.mk-score { display: flex; align-items: center; gap: 8px; justify-self: start; background: var(--surface); color: var(--ink); border: var(--bw) solid var(--line); border-radius: 999px; padding: 4px 6px 4px 4px; box-shadow: 0 3px 0 var(--shade); font-family: var(--body) !important; transition: transform .2s, box-shadow .2s; max-width: 100%; min-width: 0; }
.mk-score.me { justify-self: end; flex-direction: row-reverse; padding: 4px 4px 4px 6px; }
.mk-score.turn { background: var(--butter); color: #141829; transform: translateY(-2px); box-shadow: 0 5px 0 var(--shade); }
.mk-av { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: #fff; font: 800 14px var(--display) !important; border: 2px solid var(--line); flex: none; }
.mk-name { font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.mk-n { font: 800 18px var(--mono) !important; min-width: 36px; height: 30px; padding: 0 8px; border-radius: 999px; background: #141829; color: #fff; display: grid; place-items: center; }
.mk-note { font: 800 15px var(--display) !important; color: #ffe3a3; text-align: center; min-height: 20px; white-space: nowrap; }
.mk-board { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: center; }
.mk-board .m3d-board { transition: opacity .35s ease; }
.mk-board.is-loading .m3d-board { opacity: 0; pointer-events: none; }
.mk-loading { position: absolute; inset: 0; display: none; place-items: center; align-content: center; gap: 10px; color: #ffe3a3; font-weight: 700; }
.mk-board.is-loading .mk-loading { display: grid; }
@media (max-width: 520px) { .mk-name { display: none; } .mk-note { font-size: 13px; } .m3d-wrap.mk { padding: 10px !important; } }
/* phones: keep the counts (they matter for strategy), just smaller */
@media (max-width: 640px) { .m3d-wrap.mk .mc-pit:not(.mc-store) .mc-pit-count { min-width: 20px !important; height: 20px !important; font-size: 11px !important; top: -12px !important; padding: 0 4px !important; } }
/* move preview: the pit you point at, and where its last bead lands */
.m3d-wrap .mc-pit.mk-source .mc-pit-halo { border-color: #ffd56a !important; box-shadow: 0 0 26px #ffd56a99 !important; }
.m3d-wrap .mc-pit.mk-target .mc-pit-halo { border: 3px dashed #7dffb0 !important; box-shadow: 0 0 24px #7dffb088 !important; animation: mk-target 1s ease-in-out infinite; }
.m3d-wrap .mc-pit.mk-target .mc-pit-count { background: #7dffb0 !important; color: #0b2a17 !important; }
@keyframes mk-target { 50% { transform: scale(1.06); } }
.mk-note.mk-hint { color: #b9ffd2; }
@media (prefers-reduced-motion: reduce) { .m3d-wrap .mc-pit.mk-target .mc-pit-halo { animation: none; } }
.mk .mc-quick-pits button { background: var(--surface) !important; color: var(--ink) !important; border: var(--bw) solid var(--line) !important; border-radius: 12px !important; box-shadow: 0 3px 0 var(--shade) !important; }
.mk .mc-quick-pits button small { color: var(--ink-soft) !important; }
.mk .mc-quick-pits button:not(:disabled) { background: var(--butter) !important; color: #141829 !important; }
.mk .mc-quick-pits button:disabled { opacity: .45; }
.mk-portrait .mc-quick-pits, .mk-portrait .mc-rotate-hint { display: none !important; }
.mk-portrait .mk-board { overflow: visible; }
.mk-portrait .mc-pit .mc-pit-count { transform: translateX(-50%) rotate(-90deg) !important; }
.m3d-wrap .m3d-board { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }