.mm{max-width:1240px;margin:auto;padding:22px 30px 65px;color:#f5f5f2}.mm [hidden]{display:none!important}.mm button{border:1px solid #343943;background:#171a21;color:#f5f5f2;border-radius:10px;padding:12px 18px;transition:background .2s,transform .2s}.mm button:hover{background:#292e38;transform:translateY(-1px)}.mm button:disabled{opacity:.42;cursor:not-allowed;transform:none}.mm .primary{background:#ff3b30;border-color:#ff3b30;color:#fff;font-weight:700}.mm .primary:hover{background:#d92c25}.mm-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;font-size:13px;color:#b1b7c3}.mm-nav button{padding:8px 14px}.home{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:610px}.home h1{font-size:clamp(38px,4.2vw,60px);line-height:1.12;letter-spacing:-.035em}.home h1 span{color:#ff554b}.home-copy>p{max-width:430px;color:#b1b7c3;font-size:16px;line-height:1.8;margin:24px 0 30px}.home-actions{display:flex;gap:10px}.home-actions .primary{min-width:180px;display:flex;justify-content:space-between}.home-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.home-links button{background:none;border:0;padding:6px 0;color:#c2c7d0;font-size:13px;text-decoration:underline;text-underline-offset:5px}.records{display:flex;gap:30px;margin-top:54px;padding-top:26px;border-top:1px solid #292d36}.records strong{display:block;font:600 25px 'Space Grotesk',sans-serif}.records span{font-size:9px;letter-spacing:.08em;color:#a8afbb}.maze-preview{position:relative;background:#101218;border-radius:16px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 22px 70px #0008}.maze-preview canvas{display:block;width:100%;aspect-ratio:1}.preview-caption{display:flex;justify-content:space-between;padding:16px 20px;color:#b9c0cc;font-size:9px;letter-spacing:.1em;border-top:1px solid #292d36}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0 25px}.section-head h2{font-size:30px}.section-head p{color:#a8afbb;margin-top:8px;font-size:13px}.stage-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.stage-tabs button[aria-selected=true]{background:#ff3b30;border-color:#ff3b30}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.level-grid button{text-align:left;min-height:150px;display:flex;flex-direction:column;gap:6px}.level-grid strong{font:600 30px 'Space Grotesk',sans-serif}.level-grid small{color:#b5bcc7}.stars{color:#ffc568;letter-spacing:5px}.play-layout{display:grid;grid-template-columns:minmax(0,720px) 260px;gap:32px;justify-content:center}.board{background:#101218;border:1px solid #292d36;border-radius:14px;overflow:hidden;align-self:start}.board canvas{display:block;width:100%;max-height:calc(100dvh - 230px);aspect-ratio:1;object-fit:contain;touch-action:none}.toolbar{display:flex;gap:8px}.toolbar button{padding:9px 13px;font-size:12px}.time small{font-size:10px;letter-spacing:.12em;color:#b1b7c3}.time strong{display:block;font:600 46px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.time progress{width:100%;height:5px;accent-color:#ff3b30}.hud{margin:20px 0}.hud>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #292d36;font-size:13px}.hud span{color:#a8afbb}.mm aside>.primary{width:100%}.primary small{font-weight:400;font-size:10px;margin-left:10px}#status{min-height:45px;font-size:12px;color:#c9cfd9;margin:15px 0}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,46px);gap:6px;justify-content:center}.dpad button{padding:0;font-size:23px;touch-action:manipulation}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.control-note{color:#a8afbb;text-align:center;font-size:10px;margin:14px 0}.mm details{font-size:12px;color:#b5bcc7;margin-top:20px}.mm details p{margin-top:10px;line-height:1.8}.mm dialog{background:#14171e;color:#f5f5f2;border:1px solid #343943;border-radius:16px;margin:auto;padding:36px;max-width:500px;width:calc(100% - 32px);box-shadow:0 24px 100px #0009}.mm dialog::backdrop{background:#050609db}.mm dialog h2{font-size:32px;margin-bottom:20px}.mm dialog p{color:#bfc5cf;margin:12px 0;line-height:1.8}.mm dialog .stars{font-size:35px;animation:victory .7s ease-out}.mm #modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.result-stats span{color:#b5bcc7;font-size:12px}.result-stats b{display:block;font-size:22px;color:white}#achievement-list article{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid #292d36;gap:20px}#achievement-list h3{font-size:20px}#achievement-list p{color:#a8afbb;margin-top:8px;font-size:13px}.earned{color:#ffc568}#storage-status{font-size:12px;color:#ffc568;margin-top:20px}@keyframes victory{from{transform:scale(.5);filter:blur(8px)}to{transform:scale(1);filter:blur(0)}}@media(max-width:850px){.mm{padding:18px}.home{gap:25px;min-height:530px}.home h1{font-size:39px}.records{gap:18px}.play-layout{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.level-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.home{grid-template-columns:1fr;gap:35px}.home h1{font-size:43px}.home-copy>p{font-size:14px;margin:20px 0}.records{margin-top:30px}.maze-preview{max-width:430px;transform:none}.home-actions button{padding:12px}.play-layout{grid-template-columns:1fr}.board canvas{max-height:none}.mm aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hud{grid-column:2;grid-row:1 / span 2;margin:0}.mm aside>.primary{align-self:start}.dpad{grid-column:2;grid-row:3 / span 2}.mm aside #status{margin:0}.control-note{grid-column:1}.mm details{grid-column:1 / -1}.section-head{align-items:flex-start}.section-head h2{font-size:23px}.toolbar{flex-wrap:wrap;justify-content:flex-end}.toolbar button{padding:8px;font-size:11px}.level-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stage-tabs button{font-size:11px;padding:10px}.mm dialog{padding:24px}.records strong{font-size:22px}}@media(prefers-reduced-motion:reduce){.mm *{animation:none!important;transition:none!important}}
