.mm-root{--mm-ink:#293a40;--mm-paper:#fbf2dd;--mm-line:#a3987e;height:100%;min-height:0;color:var(--mm-ink);background:#ebe0c4;font:15px/1.4 ui-rounded,SF Pro Rounded,system-ui,sans-serif;position:relative;overflow:hidden}.mm-root *,.mm-root :before,.mm-root :after{box-sizing:border-box}.mm-root [hidden]{display:none}.mm-root button,.mm-root input,.mm-root select{font:inherit}.mm-root :focus-visible{outline-offset:2px;outline:3px solid #246a86}.mm-root h2,.mm-root h3,.mm-root h4{margin:0 0 .55rem;line-height:1.2}.mm-root h2{font-size:1.45rem}.mm-root p{margin:.6rem 0}.mm-button{color:#293a40;cursor:pointer;text-align:center;background:#fff8e8;border:1px solid #8e8064;border-radius:9px;min-height:48px;padding:9px 13px}.mm-button:hover:not(:disabled){background:#e8d8b4}.mm-button:active:not(:disabled){transform:translateY(1px)}.mm-button:disabled{cursor:default;opacity:.6}.mm-primary,.mm-button[aria-pressed=true]{color:#fff8e8;background:#305e55;border-color:#305e55}.mm-primary:hover:not(:disabled),.mm-button[aria-pressed=true]:hover:not(:disabled){background:#234a43}.mm-screen{position:absolute;inset:0}.mm-sheet{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.mm-sheet>header{border-bottom:1px solid var(--mm-line);background:#f8eed5;padding:18px 82px 10px 20px}.mm-sheet-body{overscroll-behavior:contain;padding:16px 20px;overflow:auto}.mm-actions{border-top:1px solid var(--mm-line);background:#f8eed5;flex-wrap:wrap;gap:8px;max-height:min(180px,40vh);padding:10px 20px;display:flex;overflow:auto}.mm-cards{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px;margin:14px 0;display:grid}.mm-cards button{text-align:left}.mm-bank{background:#f5d79a;border-radius:6px;padding:7px 12px;display:inline-block}.mm-upgrades{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0;display:grid}.mm-upgrades section{border:1px solid var(--mm-line);background:#f9efd7;border-radius:10px;padding:12px}.mm-upgrades small{margin:8px 0;display:block}.mm-sumi{background:#e2e8ce;border:1px solid #72916a;border-radius:10px;align-items:center;gap:15px;padding:12px;display:flex}.mm-sumi-portrait{background:#6b8169;border:3px solid #a26c42;border-radius:22px 22px 10px 10px;flex:0 0 54px;place-content:center;width:54px;height:62px;font-size:28px;display:grid}.mm-warning{background:#f4dcb5;border:2px solid #9b5734;border-radius:8px;padding:14px}.mm-score{font-variant-numeric:tabular-nums;font-size:1.2rem}.mm-play{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.mm-hud{z-index:2;font-variant-numeric:tabular-nums;background:#fbf2dd;border-bottom:2px solid #877353;flex-wrap:wrap;gap:4px 18px;padding:7px 76px 6px 12px;display:flex}.mm-targets{flex-wrap:wrap;flex:0 0 100%;gap:3px 10px;font-size:12px;display:flex}.mm-targets span{white-space:nowrap;border-radius:3px;padding:1px 3px}.mm-met{color:#244937;background:#d7e7c9}.mm-view{touch-action:none;background:#98a781;min-height:0;position:relative;overflow:hidden}.mm-canvas,.mm-labels{pointer-events:none;position:absolute;inset:0}.mm-canvas canvas{display:block}.mm-labels{overflow:hidden}.mm-station{text-align:center;background:#fff8e8;border:1px solid #8e8064;border-radius:4px;width:max-content;max-width:88px;padding:2px 4px;font-size:11px;font-weight:650;line-height:1.15;position:absolute;transform:translate(-50%)}.mm-in-reach{color:#15475f;border:2px solid #246a86}.mm-locked{background:#d3c7ac}.mm-footer{z-index:2;background:#fbf2dd;border-top:1px solid #8e8064;grid-template-columns:1fr auto;gap:2px 12px;padding:5px 12px;font-size:12px;display:grid}.mm-footer>span{grid-column:1}.mm-footer>span:first-child{font-weight:700}.mm-footer>button{grid-area:1/2/4;align-self:center;max-width:120px;padding:5px 8px;font-size:12px}.mm-joystick{touch-action:none;user-select:none;z-index:3;cursor:grab;background:#fcf4debb;border:2px solid #354f55;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:absolute;bottom:8px;left:10px}.mm-joystick[data-side=right]{left:auto;right:10px}.mm-stick{pointer-events:none;background:#efcc8e;border:2px solid #8a673c;border-radius:50%;place-content:center;width:49px;height:49px;font-size:12px;font-weight:700;display:grid}.mm-bin,.mm-lesson{z-index:5;background:#fff8e8;border:2px solid #70593f;border-radius:12px;max-height:calc(100% - 76px);padding:16px;position:absolute;overflow:auto;box-shadow:0 10px 24px #293a4033}.mm-bin{width:min(380px,100% - 24px);top:70px;right:12px}.mm-bin-products{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mm-bin>button{margin:4px}.mm-lesson{width:min(480px,100% - 24px);top:72px;left:50%;transform:translate(-50%)}.mm-lesson>button{margin-top:8px;margin-right:8px}.mm-modal{z-index:6;background:#293a406b;place-items:center;padding:16px 78px 16px 16px;display:grid;position:absolute;inset:0}.mm-dialog{background:#fff8e8;border:2px solid #70593f;border-radius:12px;width:min(650px,100%);max-height:100%;padding:22px;overflow:auto}.mm-dialog>button{margin:5px}.mm-dialog h2 small{margin-top:12px;font-size:14px;display:block}.mm-setting{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.mm-setting input[type=checkbox]{flex:0 0 24px;width:24px;height:24px}.mm-setting input[type=range]{width:45%;min-height:48px}.mm-setting select{color:#293a40;background:#fff;border:1px solid #8e8064;max-width:60%;min-height:48px;padding:5px}.mm-high-contrast{--mm-line:#293a40}.mm-high-contrast .mm-station,.mm-high-contrast .mm-button{border-width:2px}.mm-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=560px){.mm-root{font-size:14px}.mm-sheet>header{padding-left:12px}.mm-sheet-body,.mm-actions{padding:10px 12px}.mm-root h2{font-size:1.15rem}.mm-cards{grid-template-columns:1fr}.mm-modal{padding:72px 8px 8px}.mm-dialog{padding:14px}.mm-hud{gap:3px;font-size:12px}.mm-targets{gap:2px 5px}.mm-targets span{font-size:11px}.mm-footer{gap:2px 6px;padding:5px 8px;font-size:11px}}@media (height<=500px) and (width>=561px){.mm-sheet>header{padding:9px 78px 5px 12px}.mm-root h2{font-size:1.2rem}.mm-sheet-body{padding:10px 12px}.mm-actions{padding:6px 12px}.mm-hud{padding-top:4px;padding-bottom:3px;font-size:12px}.mm-targets,.mm-footer{font-size:11px}.mm-joystick{width:88px;height:88px}.mm-station{max-width:72px;padding:1px 3px}.mm-bin,.mm-lesson{padding:10px;top:66px}.mm-modal{padding-top:8px;padding-bottom:8px}}