.mm-root{--mm-bg:#f5f6f8;--mm-surface:#fff;--mm-surface-2:#fafbfc;--mm-border:#e6e8ee;--mm-border-strong:#d3d8e2;--mm-text:#14161b;--mm-muted:#565f6e;--mm-faint:#8b93a3;--mm-accent:#4f46e5;--mm-accent-press:#4338ca;--mm-accent-soft:#6366f1;--mm-accent-tint:#eef0fe;--mm-good:#0d9488;--mm-amber:#d97706;--mm-wrong:#dc2626;--mm-radius:14px;--mm-radius-sm:10px;--mm-shadow:0 1px 2px #1018280a, 0 10px 28px #1018280f;--mm-shadow-sm:0 1px 2px #1018280d;z-index:1;min-height:100vh;color:var(--mm-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative}html,body{background:#f5f6f8!important}@media (prefers-color-scheme:dark){html,body{background:#0f1115!important}.mm-root{--mm-bg:#0f1115;--mm-surface:#181b22;--mm-surface-2:#1f232c;--mm-border:#2a2f3a;--mm-border-strong:#3a4150;--mm-text:#f1f3f7;--mm-muted:#aab2c0;--mm-faint:#7c8595;--mm-accent:#6366f1;--mm-accent-press:#4f46e5;--mm-accent-soft:#818cf8;--mm-accent-tint:#6366f129;--mm-good:#34d399;--mm-amber:#f59e0b;--mm-wrong:#f87171;--mm-shadow:0 1px 2px #0000004d, 0 12px 30px #0006;--mm-shadow-sm:0 1px 2px #0000004d}}.mm-root *,.mm-root :before,.mm-root :after{box-sizing:border-box}.mm-root h1,.mm-root h2,.mm-root h3,.mm-root h4{letter-spacing:-.02em;margin:0;line-height:1.14}.mm-root a{color:inherit;text-decoration:none}.mm-eyebrow{color:var(--mm-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.mm-root[data-phase=playing] .site-footer{display:none}.mm-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mm-btn{border:1px solid var(--mm-border-strong);border-radius:var(--mm-radius-sm);background:var(--mm-surface);min-height:48px;color:var(--mm-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:650;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;display:inline-flex}.mm-btn:hover{box-shadow:var(--mm-shadow-sm)}.mm-btn:active{transform:translateY(1px)}.mm-btn-primary{background:var(--mm-accent);color:#fff;border-color:#0000}.mm-btn-primary:hover{background:var(--mm-accent-press);box-shadow:0 6px 18px #4f46e547}.mm-btn-ghost{background:var(--mm-surface);color:var(--mm-muted)}.mm-btn-share.x:hover{border-color:#14161b}.mm-btn-share.fb:hover{color:#1877f2;border-color:#1877f2}.mm-btn-share.wa:hover{color:#1ca851;border-color:#25d366}.mm-btn-retake{background:var(--mm-accent-tint);min-width:220px;color:var(--mm-accent-press);border-color:#0000}.mm-btn-start{min-height:56px;padding:0 36px;font-size:17px}.mm-root :focus-visible{outline:2px solid var(--mm-accent);outline-offset:2px}.mm-main{flex:1;width:min(1080px,100% - 32px);margin:0 auto;padding:28px 0 56px}.mm-root[data-phase=playing] .mm-main{width:min(760px,100% - 32px);padding-top:12px}.mm-landing{gap:28px;padding-top:16px;display:grid}.mm-hero{max-width:720px}.mm-title{font-size:clamp(32px,5.4vw,52px);font-weight:800}.mm-sub{max-width:640px;color:var(--mm-muted);margin:18px 0 0;font-size:clamp(16px,2vw,18px);line-height:1.6}.mm-challenge-banner{border-radius:var(--mm-radius-sm);border:1px solid var(--mm-accent-soft);background:var(--mm-accent-tint);color:var(--mm-accent-press);margin:18px 0 0;padding:12px 18px;font-size:15px;font-weight:750;display:inline-block}.mm-trust-row{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.mm-pill{border:1px solid var(--mm-border);background:var(--mm-surface);color:var(--mm-muted);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.mm-pill:before{content:"";background:var(--mm-good);border-radius:50%;width:7px;height:7px}.mm-settings{border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface);box-shadow:var(--mm-shadow);padding:26px 28px 30px}.mm-settings h2{font-size:clamp(20px,2.6vw,26px);font-weight:800}.mm-setting-group{gap:10px;margin-top:20px;display:grid}.mm-setting-label{color:var(--mm-faint);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;font-weight:750}.mm-preset-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mm-preset-btn{border:1px solid var(--mm-border-strong);border-radius:var(--mm-radius-sm);background:var(--mm-surface);color:var(--mm-text);font:inherit;text-align:left;cursor:pointer;gap:4px;padding:14px 16px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.mm-preset-btn strong{font-size:15.5px;font-weight:750}.mm-preset-btn span{color:var(--mm-muted);font-size:13px;line-height:1.4}.mm-preset-btn:hover{box-shadow:var(--mm-shadow-sm)}.mm-preset-btn.active{border-color:var(--mm-accent);background:var(--mm-accent-tint)}.mm-preset-btn.active strong{color:var(--mm-accent-press)}.mm-segment{border:1px solid var(--mm-border-strong);border-radius:var(--mm-radius-sm);width:fit-content;display:inline-flex;overflow:hidden}.mm-segment-btn{background:var(--mm-surface);min-height:44px;color:var(--mm-muted);font:inherit;cursor:pointer;border:0;padding:0 22px;font-weight:650}.mm-segment-btn+.mm-segment-btn{border-left:1px solid var(--mm-border-strong)}.mm-segment-btn.active{background:var(--mm-accent);color:#fff}.mm-ops-row{flex-wrap:wrap;gap:10px;display:flex}.mm-op-btn{border:1px solid var(--mm-border-strong);background:var(--mm-surface);min-height:44px;color:var(--mm-muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:650;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.mm-op-btn.active{border-color:var(--mm-accent);background:var(--mm-accent-tint);color:var(--mm-accent-press)}.mm-op-symbol{background:var(--mm-surface-2);border:1px solid var(--mm-border);border-radius:50%;place-items:center;width:22px;height:22px;font-weight:800;display:inline-grid}.mm-op-btn.active .mm-op-symbol{background:var(--mm-accent);color:#fff;border-color:#0000}.mm-start-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.mm-start-hint{color:var(--mm-faint);font-size:14px;font-weight:600}.mm-last{color:var(--mm-faint);margin:14px 0 0;font-size:14px}.mm-meta-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 0;padding:0;list-style:none;display:grid}.mm-meta-card{border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface);box-shadow:var(--mm-shadow-sm);gap:6px;padding:20px;display:grid}.mm-meta-card strong{font-size:16px}.mm-meta-card span{color:var(--mm-muted);font-size:14px;line-height:1.5}.mm-guide{border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface);box-shadow:var(--mm-shadow-sm);margin-top:10px;padding:28px}.mm-guide h2{font-size:clamp(22px,3vw,30px);font-weight:800}.mm-guide>p{max-width:760px;color:var(--mm-muted);margin:14px 0 0;line-height:1.7}.mm-guide-subtitle{margin-top:26px;font-size:clamp(17px,2.2vw,20px);font-weight:750}.mm-how-steps{color:var(--mm-muted);gap:8px;margin:12px 0 0;padding:0 0 0 22px;font-size:14.5px;line-height:1.55;display:grid}.mm-table-wrap{margin-top:14px;overflow-x:auto}.mm-benchmark-table{border-collapse:collapse;width:100%;max-width:560px;font-size:14.5px}.mm-benchmark-table th,.mm-benchmark-table td{text-align:left;border-bottom:1px solid var(--mm-border);padding:10px 14px}.mm-benchmark-table th{color:var(--mm-faint);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:750}.mm-benchmark-table td{color:var(--mm-muted);font-variant-numeric:tabular-nums;font-weight:600}.mm-tips{color:var(--mm-muted);gap:8px;margin:12px 0 0;padding:0 0 0 20px;font-size:14.5px;line-height:1.55;display:grid}.mm-faq{gap:10px;margin-top:22px;display:grid}.mm-faq-item{border:1px solid var(--mm-border);border-radius:var(--mm-radius-sm);background:var(--mm-surface-2);padding:14px 16px}.mm-faq-item summary{cursor:pointer;font-weight:650;list-style:none}.mm-faq-item summary::-webkit-details-marker{display:none}.mm-faq-item summary:after{content:"+";float:right;color:var(--mm-faint);font-weight:700}.mm-faq-item[open] summary:after{content:"–"}.mm-faq-item p{color:var(--mm-muted);margin:10px 0 0;line-height:1.6}.mm-disclaimer{color:var(--mm-faint);margin:22px 0 0;font-size:13px;line-height:1.6}.mm-play{gap:14px;display:grid}.mm-hud{z-index:5;border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface);box-shadow:var(--mm-shadow-sm);align-items:center;gap:18px;padding:10px 18px;display:flex;position:sticky;top:8px}.mm-hud-stat{align-items:baseline;gap:8px;display:flex}.mm-hud-label{color:var(--mm-faint);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:750}.mm-hud-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.mm-hud-value.urgent{color:var(--mm-wrong)}.mm-streak-chip{background:var(--mm-accent-tint);color:var(--mm-accent-press);border-radius:999px;margin-left:auto;padding:5px 12px;font-size:13px;font-weight:750}.mm-arena{border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface);box-shadow:var(--mm-shadow);justify-items:center;gap:20px;padding:clamp(28px,6vh,56px) 20px;display:grid}.mm-problem{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:center;min-height:1.2em;font-size:clamp(44px,10vw,84px);font-weight:800}.mm-answer-row{width:min(320px,100%)}.mm-answer-input{border:2px solid var(--mm-border-strong);border-radius:var(--mm-radius-sm);background:var(--mm-surface-2);width:100%;min-height:72px;color:var(--mm-text);font:inherit;font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--mm-accent);padding:0 18px;font-size:clamp(30px,6vw,44px);font-weight:800}.mm-answer-input:focus{border-color:var(--mm-accent);outline:none}.mm-answer-input::placeholder{color:var(--mm-faint);font-weight:700}.mm-answer-input.wrong{border-color:var(--mm-wrong);animation:.3s mm-shake}@keyframes mm-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.mm-skip-btn{border:1px dashed var(--mm-border-strong);min-height:40px;color:var(--mm-faint);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:999px;padding:0 18px;font-size:14px;font-weight:650;transition:color .12s,border-color .12s}.mm-skip-btn:hover{color:var(--mm-amber);border-color:var(--mm-amber)}.mm-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(320px,100%);display:grid}.mm-key{border:1px solid var(--mm-border-strong);border-radius:var(--mm-radius-sm);background:var(--mm-surface-2);min-height:58px;color:var(--mm-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:24px;font-weight:750}.mm-key:active{background:var(--mm-accent-tint);border-color:var(--mm-accent)}.mm-key-back{color:var(--mm-muted)}.mm-play-nav{justify-content:flex-start;display:flex}.mm-results{gap:18px;display:grid}.mm-card{border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface);box-shadow:var(--mm-shadow-sm);padding:22px}.mm-card h3{margin-bottom:14px;font-size:16px;font-weight:750}.mm-card-sub{color:var(--mm-muted);font-size:14px;line-height:1.6}.mm-score-card{text-align:center;border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:radial-gradient(120% 120% at 50% 0%, var(--mm-accent-tint) 0%, var(--mm-surface) 60%);box-shadow:var(--mm-shadow);justify-items:center;gap:4px;padding:36px 24px 28px;display:grid}.mm-big-score{letter-spacing:-.03em;color:var(--mm-accent);font-variant-numeric:tabular-nums;font-size:clamp(72px,14vw,120px);font-weight:850;line-height:.95}.mm-run-note{color:var(--mm-faint);text-transform:uppercase;letter-spacing:.08em;margin:6px 0 0;font-size:13px;font-weight:700}.mm-tier-line{color:var(--mm-accent-press);margin:12px 0 0;font-size:clamp(19px,3vw,24px);font-weight:800}.mm-tier-emoji{font-size:1.25em}.mm-fun{max-width:540px;color:var(--mm-muted);margin:8px 0 0;font-size:15px;line-height:1.55}.mm-best-badge{background:var(--mm-good);color:#fff;border-radius:999px;margin:14px 0 0;padding:8px 16px;font-size:14px;font-weight:750}.mm-challenge-outcome{border-radius:var(--mm-radius-sm);margin:14px 0 0;padding:10px 18px;font-size:15px;font-weight:750}.mm-challenge-outcome.win{color:var(--mm-good);background:#0d94881f}.mm-challenge-outcome.lose{color:var(--mm-amber);background:#d977061f}.mm-split-row{justify-content:center;align-items:stretch;gap:clamp(16px,4vw,36px);margin-top:22px;display:flex}.mm-split-stat{justify-items:center;gap:2px;display:grid}.mm-split-num{font-variant-numeric:tabular-nums;font-size:clamp(28px,5vw,40px);font-weight:800}.mm-split-num small{color:var(--mm-muted);font-size:.55em;font-weight:750}.mm-split-label{color:var(--mm-faint);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:700}.mm-split-divider{background:var(--mm-border);width:1px}.mm-hero-share{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.mm-challenge-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mm-name-input{border:1px solid var(--mm-border-strong);border-radius:var(--mm-radius-sm);background:var(--mm-surface-2);min-width:220px;min-height:48px;color:var(--mm-text);font:inherit;flex:1;padding:0 16px}.mm-name-input:focus{border-color:var(--mm-accent);outline:none}.mm-share-canvas{border:1px solid var(--mm-border);border-radius:var(--mm-radius-sm);width:100%;height:auto;margin-top:14px}.mm-share-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mm-stat-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.mm-stat{border:1px solid var(--mm-border);border-radius:var(--mm-radius-sm);background:var(--mm-surface-2);gap:2px;padding:12px 14px;display:grid}.mm-stat dt{color:var(--mm-faint);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:750}.mm-stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:800}.mm-settings-line{color:var(--mm-faint);margin:14px 0 0;font-size:13.5px}.mm-retake-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:6px 0;display:flex}.mm-retake-note{width:100%;color:var(--mm-faint);text-align:center;margin:4px 0 0;font-size:13.5px}.mm-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mm-related-card{border:1px solid var(--mm-border);border-radius:var(--mm-radius-sm);background:var(--mm-surface-2);gap:6px;padding:16px 18px;transition:border-color .12s,box-shadow .12s;display:grid}.mm-related-card:hover{border-color:var(--mm-accent-soft);box-shadow:var(--mm-shadow-sm)}.mm-related-head{justify-content:space-between;align-items:center;font-size:15.5px;display:flex}.mm-related-arrow{color:var(--mm-accent);font-weight:800}.mm-related-desc{color:var(--mm-muted);font-size:13.5px;line-height:1.5}.mm-toast{z-index:50;background:var(--mm-text);color:var(--mm-bg);opacity:0;pointer-events:none;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:650;transition:opacity .2s,transform .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,16px)}.mm-toast.show{opacity:1;transform:translate(-50%)}@media (max-width:760px){.mm-meta-cards,.mm-preset-row{grid-template-columns:1fr}.mm-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-related-grid{grid-template-columns:1fr}.mm-split-row{flex-wrap:wrap}.mm-hud{gap:14px;padding:8px 14px;top:4px}.mm-guide,.mm-settings{padding:20px}}@media (prefers-reduced-motion:reduce){.mm-root *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
