dialog:has(.mm){width:min(1140px,calc(100% - 24px));max-height:96dvh;background:#17162d;border:1px solid #8771b4;border-radius:22px;scrollbar-width:thin}dialog:has(.mm) .close{top:14px;margin:14px 14px -60px 0;width:36px;height:36px;font-size:25px}.mm{padding:22px;color:#fff9ff;font-family:'DM Sans',sans-serif}.mm-header{display:flex;justify-content:space-between;align-items:center;padding:0 50px 17px 3px;gap:15px}.mm-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:#c6b7ed}.mm h2{font:900 clamp(24px,3.5vw,40px)/1 'DM Sans',sans-serif;letter-spacing:-1.8px;margin:7px 0 0;color:#83ffe2}.mm h2 span{color:#ff9bdd}.mm-edition{font-size:12px;letter-spacing:2px;border:1px solid #7c608e;border-radius:30px;padding:9px 14px;white-space:nowrap}.mm-stage{position:relative;aspect-ratio:1.95;overflow:hidden;border-radius:14px;border:1px solid #9184c9;background:#24234a;isolation:isolate}.mm-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.mm-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#15173188,transparent 35%,#20214145);pointer-events:none;z-index:0}.mm canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.mm-hud{position:absolute;inset:14px 17px auto;display:flex;justify-content:space-between;z-index:2;gap:10px;pointer-events:none}.mm-hud>div{background:#191631df;border:1px solid #c8b0ff55;border-radius:10px;padding:8px 14px;min-width:110px}.mm-hud span{display:block;font-size:11px;letter-spacing:1.8px;color:#c8bce2}.mm-hud strong{display:block;font-size:25px;font-variant-numeric:tabular-nums}.mm-hud small{font-size:14px;color:#7bffe0}.mm-hud .mm-song{text-align:center;min-width:200px}.mm-hud .mm-song strong{font-size:20px}.mm-section{position:absolute;top:100px;width:100%;text-align:center;font-size:12px;letter-spacing:2px;font-weight:800;text-shadow:0 2px 6px #131630;z-index:2}.mm-feedback{position:absolute;top:35%;left:0;right:0;text-align:center;font-size:clamp(23px,4vw,48px);font-weight:900;letter-spacing:-1px;text-shadow:0 3px 15px #161838,0 2px 3px #161838;z-index:3;pointer-events:none}.mm-feedback[data-kind=perfect]{color:#95ffe8}.mm-feedback[data-kind=drop]{color:#fff2a5}.mm-feedback[data-kind=count]{font-size:70px}.mm-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#18163485;backdrop-filter:blur(3px);padding:18px}.mm-overlay[hidden]{display:none}.mm-card{text-align:center;width:min(450px,100%);border:1px solid #d7b9ff66;border-radius:20px;background:#1f193cea;padding:23px 30px;box-shadow:0 20px 60px #15123155}.mm-card h3{font-size:clamp(23px,3vw,37px);letter-spacing:-1px;margin:9px 0}.mm-card p{font-size:14px;line-height:1.5;color:#d9cde9;margin:8px 0 15px}.mm-difficulties{display:flex;gap:6px;background:#100e26;padding:5px;border-radius:12px;margin:17px 0}.mm-difficulties button{flex:1;background:transparent;padding:10px 6px;border-radius:8px;font-size:14px;font-weight:700;color:#ddccef}.mm-difficulties button[aria-pressed=true]{background:#c7acff;color:#291d40}.mm-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:15px;background:#86ffe0;color:#142b2c;padding:14px;border-radius:11px;font-size:16px;font-weight:800;box-shadow:0 4px 0 #348d87}.mm-primary span{font-size:13px}.mm-status{font-size:12px!important;margin:12px 0 0!important}.mm-timeline{position:absolute;bottom:0;left:0;right:0;height:4px;background:#252447;z-index:3}.mm-timeline>div{height:100%;width:0;background:linear-gradient(90deg,#79ffde,#ff8bd1)}.mm-controls{display:grid;grid-template-columns:1fr 110px 1fr;gap:15px;max-width:800px;margin:15px auto 0;touch-action:none}.mm-padgroup{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm-pad{background:color-mix(in srgb,var(--pad) 19%,#22213e);border:1px solid color-mix(in srgb,var(--pad) 65%,transparent);color:var(--pad);border-radius:10px;height:64px;box-shadow:0 5px 0 #0f0e25;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;justify-content:center;align-items:center;gap:16px;transition:background .06s,transform .06s}.mm-pad span{font-weight:900;font-size:25px}.mm-pad small{font-size:15px;opacity:.7}.mm-pad.held{background:var(--pad);color:#25213c;transform:translateY(3px);box-shadow:0 2px 0 #0f0e25,0 0 25px color-mix(in srgb,var(--pad) 35%,transparent)}.mm-drop{border:1px solid #e0c68766;border-radius:12px;background:#39304a;color:#e4d6b7;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;user-select:none}.mm-drop span{font-size:18px;font-weight:900}.mm-drop small{font-size:12px;letter-spacing:1px;margin-top:3px}.mm-drop.ready{background:#ffeaa7;color:#302144;box-shadow:0 0 30px #ffe39875;border-color:#fff9d5}.mm-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:18px 0 12px}.mm-instructions{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#bcaecc}.mm-instructions strong{font-variant-numeric:tabular-nums;color:#fff4ff;font-size:14px}.mm-tools{display:flex;gap:6px}.mm-tools button{padding:10px 14px;border:1px solid #82709166;border-radius:8px;background:#30263f;font-size:14px}.mm-settings{font-size:14px;border-top:1px solid #b5a0e026;padding-top:12px;color:#cabbdf}.mm-settings summary{cursor:pointer;width:max-content}.mm-settings>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:10px}.mm-settings label{display:flex;gap:10px;align-items:center}.mm-settings input{width:100px;accent-color:#82f9dd}.mm-settings p{width:100%;font-size:13px;margin:0}.mm-bottom{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1px;color:#a797bb;margin-top:14px}.mm-stars{font-size:35px;letter-spacing:7px;color:#ffe897;line-height:1.1;margin:8px 0}.mm-finalscore{font-size:32px;font-weight:900;color:#90ffe5;font-variant-numeric:tabular-nums}.mm-results{display:flex;justify-content:space-around;gap:12px;margin:12px 0}.mm-results strong{display:block;font-size:23px}.mm-results span{display:block;font-size:12px;color:#c7b7de}.mm-text{padding:12px 15px 0;background:transparent;font-size:14px;text-decoration:underline}.mm-stage.drop-hit{animation:mmDrop .65s ease-out}@keyframes mmDrop{0%{box-shadow:inset 0 0 110px #fff1ba,0 0 40px #fd95ee}100%{box-shadow:inset 0 0 0 transparent}}dialog.mm-expanded{width:calc(100% - 16px);max-width:1600px}.mm-expanded .mm-stage{max-height:65dvh;aspect-ratio:auto;height:65dvh}.mm-expanded .mm-world{object-position:center 50%}
@media(max-width:700px){.mm{padding:14px 12px}.mm-header{padding-right:32px;gap:8px}.mm-edition{display:none}.mm-kicker{font-size:11px;letter-spacing:1.3px}.mm h2{font-size:27px}.mm-stage{aspect-ratio:1.05}.mm-world{object-fit:cover}.mm-hud{inset:9px 9px auto;gap:5px}.mm-hud>div{min-width:0;padding:6px 8px}.mm-hud strong{font-size:20px}.mm-hud span{font-size:10px;letter-spacing:1px}.mm-hud .mm-song{min-width:0}.mm-hud .mm-song strong{font-size:13px}.mm-section{top:73px;font-size:10px}.mm-overlay{padding:12px}.mm-card{padding:17px 16px}.mm-card h3{font-size:27px}.mm-card p{font-size:13px}.mm-difficulties{margin:12px 0}.mm-controls{grid-template-columns:1fr 72px 1fr;gap:8px;margin-top:12px}.mm-padgroup{gap:6px}.mm-pad{height:57px;gap:4px;flex-direction:column}.mm-pad span{font-size:19px}.mm-pad small{font-size:10px}.mm-drop span{font-size:15px}.mm-footer{align-items:flex-start;gap:10px;margin:14px 0}.mm-instructions{font-size:12px;max-width:200px}.mm-tools{flex-wrap:wrap;justify-content:flex-end;max-width:180px}.mm-tools button{font-size:12px;padding:8px 10px}.mm-bottom{font-size:10px;letter-spacing:.4px}.mm-results{margin:8px 0}.mm-stars{font-size:27px}.mm-finalscore{font-size:26px}}
@media(max-height:600px) and (min-width:700px){.mm-header{padding-bottom:8px}.mm-stage{height:56dvh;aspect-ratio:auto}.mm-card{padding:12px 22px}.mm-card h3{font-size:25px;margin:4px 0}.mm-card p{margin:4px 0 8px}.mm-difficulties{margin:8px 0}.mm-primary{padding:10px}.mm-controls{margin-top:8px}.mm-pad{height:48px}.mm-footer{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.mm-stage.drop-hit{animation:none}}