/* The public site stays light; game interfaces keep their native appearance. */
:root{--mh-muted:#737079}
.mh-eyebrow{font-family:inherit;font-size:10px;font-weight:600;letter-spacing:1.1px}
.mh-hero{grid-template-columns:1.3fr 1fr;gap:80px;min-height:720px;padding:52px 0 100px}
.mh-hero-copy{padding:15px 0 25px}
.mh-hero h1{font-size:clamp(60px,5.7vw,88px);letter-spacing:-4.8px;font-weight:650}
.mh-hero h1>span{display:inline-block}
.mh-hero h1 em{color:#827c92;position:relative}
.mh-hero h1 em:after{content:"";position:absolute;bottom:1px;left:2px;right:0;height:4px;border-radius:3px;background:linear-gradient(90deg,#b8b2d4,#d9d5e4);transform-origin:left}
.mh-hero-copy>p{max-width:460px}
.mh-hero-notes{flex-wrap:wrap;gap:15px}
.mh-hero-bottom>span:last-child{font-family:inherit;font-size:9px;letter-spacing:.7px}
.mh-explore-index{padding:25px 0 0;align-self:center}
.mh-explore-index>header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.mh-live-dot{display:flex;gap:7px;align-items:center;font-size:10px;color:#77727f}
.mh-live-dot:before,.mh-demo-toolbar>span>i{content:"";height:6px;width:6px;background:#9a91b4;border-radius:50%;display:inline-block}
.mh-explore-index h2{font-size:24px;line-height:1.4;letter-spacing:-1px;font-weight:600;margin:27px 0}
.mh-explore-index nav{border-top:1px solid var(--mh-line)}
.mh-explore-index nav>a{display:grid;grid-template-columns:22px 110px 1fr 20px;align-items:center;gap:10px;padding:17px 2px;border-bottom:1px solid var(--mh-line);position:relative;transition:padding .25s,background .25s}
.mh-explore-index nav>a>span{font-size:9px;color:#98929e}
.mh-explore-index nav>a>b{font-size:13px;font-weight:650}
.mh-explore-index nav>a>small{font-size:10px;color:#8a848f}
.mh-explore-index nav>a>i{font-style:normal;font-size:20px;color:#8a8199;transition:transform .25s}
.mh-explore-index nav>a:hover{padding-inline:8px;background:#eae7f030}
.mh-explore-index nav>a:hover>i{transform:translate(2px,-2px)}
.mh-explore-index>footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;line-height:1.7;color:#928a99;padding-top:20px}
.mh-explore-index>footer>span{font-size:18px}
.mh-showcase{background:#ecebe7;color:var(--mh-ink);padding:82px 0 52px;scroll-margin-top:24px}
.mh-showcase .mh-eyebrow{color:#7c7589}
.mh-showcase .mh-section-head>p{max-width:390px}
.mh-showcase-nav{grid-template-columns:repeat(6,minmax(0,1fr));border-top-color:#17171920}
.mh-showcase-nav button{padding:23px 8px;color:#88818e}
.mh-showcase-nav button:hover{color:#28222f;background:#fff3}
.mh-showcase-nav button[aria-selected=true]{color:#201b27;border-bottom-color:#9686b0}
.mh-showcase-nav button span{margin-left:12px;font-size:12px}
.mh-demo-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fcfbf9;border:1px solid #dcd9df;border-radius:12px 12px 0 0;padding:13px 18px;color:#49434e}
.mh-demo-toolbar>span{display:flex;gap:9px;align-items:center;font-size:11px}
.mh-demo-toolbar b{font-weight:600}
.mh-demo-toolbar small{font-size:10px;color:#8d8695}
.mh-demo-toolbar>div{display:flex;gap:8px}
.mh-demo-toolbar button{padding:7px 10px;border:1px solid #e4e0e7;border-radius:6px;background:transparent;color:#60596a;font-size:12px}
.mh-demo-toolbar button>span{font-size:10px;margin-left:5px}
.mh-demo-toolbar button:hover{background:#ece8f3}
.mh-theater{display:block;height:auto;padding:0;border:1px solid #dcd9df;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 22px 40px -25px #19122235;background:#111722;aspect-ratio:16/9;overflow:hidden}
.mh-demo-viewport{width:100%;height:100%;position:relative;overflow:hidden;background:#111722}
.mh-demo-viewport iframe{display:block;position:absolute;inset:0 auto auto 0;width:1280px;height:720px;border:0;transform-origin:top left;max-width:none;color-scheme:dark}
.mh-demo-loading{position:absolute;inset:0;display:grid;place-items:center;color:#c8c4d2;font-size:12px}
.mh-stage-caption{color:#7b7385;align-items:flex-start;font-size:11px;padding-top:19px}
.mh-stage-caption small{font-family:inherit;letter-spacing:0;font-size:10px;line-height:1.8;text-align:right;white-space:normal}
.mh-demo-dialog{border:1px solid #dedbe4;border-radius:12px;padding:0;width:min(1680px,calc(100vw - 32px));max-width:none;max-height:96dvh;overflow:auto;background:#121723;color:#292331}
.mh-demo-dialog::backdrop{background:#101016b0;backdrop-filter:blur(9px)}
.mh-demo-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#f7f6f9;font-size:12px}
.mh-demo-dialog>header button{font:inherit;border:1px solid #d9d5e0;background:white;border-radius:6px;padding:8px 13px}
.mh-demo-dialog .mh-demo-viewport{aspect-ratio:16/9}
.mh-showcase-server{display:grid;grid-template-columns:1fr 1fr;gap:60px;border:1px solid #d9d3e2;border-radius:18px;padding:44px 48px;margin-top:60px;background:linear-gradient(115deg,#efecf4,#f8f7f5)}
.mh-showcase-server h2{font-size:36px;font-weight:600;letter-spacing:-1.7px;margin:18px 0}
.mh-showcase-server p{color:#7f778a;font-size:12px;line-height:1.8;max-width:350px}
.mh-server-connect{align-self:center;border-left:1px solid #ddd6e6;padding-left:45px}
.mh-server-label{font-size:9px;letter-spacing:1px;color:#92859f}
.mh-server-connect h3{font-size:22px;letter-spacing:-.6px;margin:13px 0 20px;overflow-wrap:anywhere}
.mh-server-connect>div{display:flex;gap:15px;flex-wrap:wrap;align-items:center}
.mh-server-connect>small{display:block;font-size:10px;color:#81758e;margin-top:14px;overflow-wrap:anywhere}
.mh-server-connect [role=status]{font-size:11px}
.mh-copy-address{border:0;background:none;font-size:11px;color:#776a87;padding:9px 0}
.mh-journey{background:transparent;border-block:1px solid var(--mh-line)}
.mh-journey article{position:relative}
.mh-journey article>span{font-family:inherit;font-weight:500}
.mh-prices{gap:20px}
.mh-price,.mh-price.featured{background:#faf9f6;color:var(--mh-ink);border:1px solid #dcd8df;padding:30px;border-radius:14px;transition:box-shadow .3s,translate .3s}
.mh-price.featured{background:linear-gradient(165deg,#efebf5,#faf9f7 65%);border-color:#b4a6cb}
.mh-price:hover{box-shadow:0 20px 35px -27px #3a264d65;translate:0 -4px}
.mh-price>header{margin-bottom:20px}
.mh-price h3{font-size:20px}
.mh-price header>span{color:#77628b;background:#e8e1f0;border-color:#d7ccE3;font:8px inherit;padding:5px 8px;font-size:8px;font-weight:600;letter-spacing:.2px}
.mh-price>p{min-height:32px;color:#827989;margin:0}
.mh-price-value{margin:18px 0 4px;font-size:55px;font-weight:600;letter-spacing:-3px}
.mh-price>small{font-size:10px;min-height:20px;margin-bottom:20px}
.mh-price .mh-plan-detail{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dcd6e3;padding:19px 0;color:#8d8297;font-size:10px;line-height:1.8}
.mh-price .mh-plan-detail>b{font-weight:600;color:#736282}
.mh-price>.mh-button{background:#eeebeF;color:#292331!important;border:1px solid #ded7e5;font-size:11px}
.mh-price.featured>.mh-button{background:#27202f;color:white!important}
.mh-price>.mh-button:hover{background:#e5dfea;transform:none}
.mh-price.featured>.mh-button:hover{background:#44374e}
.mh-pricing-note>span{display:flex;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap}
.mh-pricing-note{margin-top:27px}
.mh-video [data-video]{aspect-ratio:16/9;background:#141419;border-radius:16px}
.mh-video button.mh-video-cover{width:100%;height:100%;position:relative;display:block;padding:0;overflow:hidden}
.mh-video button.mh-video-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}
.mh-video button.mh-video-cover:hover>img{transform:scale(1.025);filter:brightness(.85)}
.mh-video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#09090f99)}
.mh-video-cover .mh-youtube-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:55px;border-radius:15px;background:#f03;display:grid;place-items:center;color:white;font-size:25px;padding-left:4px;box-shadow:0 6px 35px #0005}
.mh-video-cover .mh-video-caption{position:absolute;bottom:25px;left:30px;right:30px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;text-align:left}
.mh-video-caption b{font-size:17px;letter-spacing:-.4px}
.mh-video-caption small{font-size:10px;color:#e0dce5}
.mh-review-actions{display:flex;align-items:center;gap:23px}
.mh-review-actions>button{background:transparent;border:1px solid #d9d3df;border-radius:7px;padding:8px 12px;font-size:10px;color:#81758f}
.mh-review-window{overflow:auto;scrollbar-width:thin}
.mh-reviews [data-review-list]{overflow:visible;scroll-snap-type:none;gap:0;width:max-content;align-items:stretch}
.mh-review-group{display:flex;gap:20px;padding-right:20px}
.mh-review{background:#faf9f7;flex:0 0 330px;width:330px;border-color:#ded9e3;padding:26px}
.mh-review blockquote{color:#6a6175;max-height:190px}
.mh-review>span{color:#9d85ba;letter-spacing:2px}
.mh-review-window.is-moving{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.mh-review-window.is-moving [data-review-list]{animation:mh-review-drift var(--review-duration,60s) linear infinite}
.mh-review-window:is(:hover,:focus-within,.is-paused) [data-review-list]{animation-play-state:paused}
.mh-finale{background:#e9e5ed;color:#302839}
.mh-finale img{filter:brightness(0);opacity:.8;width:45px;height:54px;margin-bottom:18px}
.mh-finale .mh-button{background:#27212f;color:white!important;border-color:#27212f}
.mh-finale h2{font-size:clamp(45px,5.2vw,74px)}
.mh-order-summary{background:linear-gradient(160deg,#2a2533,#17161b 70%)}
.mh-order-brand{border-bottom-color:#ffffff1c}
.mh-order-saving{border-left:2px solid var(--mh-accent)}
.mh-order-progress>div i.done{background:#7f75a3}
.mh-order .mh-button:hover{transform:none}
.mh-reveal{transition:opacity .75s,transform .75s;transition-delay:var(--reveal-delay,0ms)}
.mh-reveal.is-pending{opacity:0;transform:translateY(22px)}
.mh-home.has-motion .mh-hero h1>span{animation:mh-title-arrive .95s both cubic-bezier(.2,.7,.2,1)}
.mh-home.has-motion .mh-hero h1>span:last-child{animation-delay:.13s}
.mh-home.has-motion .mh-hero h1 em:after{animation:mh-line-arrive 1.2s .35s both}
.mh-home.has-motion .mh-explore-index nav>a{animation:mh-title-arrive .65s both;animation-delay:calc(.15s + var(--index,0)*.06s)}
@keyframes mh-title-arrive{from{opacity:0;transform:translateY(16px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes mh-line-arrive{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mh-review-drift{to{transform:translateX(-50%)}}
@media(min-width:1600px){.mh-hero{min-height:760px}}
@media(max-width:1100px){.mh-hero{gap:40px;grid-template-columns:1.2fr 1fr}.mh-hero h1{font-size:64px;letter-spacing:-3.5px}.mh-actions{gap:18px;flex-wrap:wrap}.mh-explore-index nav>a{grid-template-columns:18px 100px 1fr 16px;gap:5px}.mh-explore-index nav>a>small{font-size:9px}.mh-showcase-server{padding:35px;gap:35px}.mh-server-connect{padding-left:30px}}
@media(max-width:760px){
 .mh-hero{display:block;padding-top:35px;padding-bottom:80px;min-height:0}.mh-hero-copy{padding:15px 0 25px}
 .mh-hero h1{font-size:clamp(52px,11.5vw,76px);letter-spacing:-3.4px}.mh-hero-notes{font-size:9px}
 .mh-explore-index{margin:12px 0 30px;padding:22px 20px;border:1px solid #ddd8e2;border-radius:12px;background:#f9f8f6}
 .mh-explore-index h2{font-size:22px;margin:20px 0}.mh-explore-index nav>a{grid-template-columns:18px 100px 1fr 15px;padding-block:14px}
 .mh-explore-index nav>a>b{font-size:12px}.mh-explore-index>header .mh-eyebrow{font-size:9px}.mh-live-dot{font-size:8px}
 .mh-showcase{padding:55px 0 30px}.mh-showcase-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 .mh-showcase-nav button{display:flex;align-items:center;padding:15px 7px;font-size:9px;border-bottom:1px solid #d3ccdE}
 .mh-showcase-nav button span{font-size:11px;margin:0 0 0 8px}.mh-showcase-nav button[aria-selected=true]{background:#e1dbea;border-bottom-color:#9c8bae}
 .mh-demo-toolbar{margin-top:12px;padding:10px 12px}.mh-demo-toolbar small{display:none}.mh-demo-toolbar button>span{font-size:9px}
 .mh-demo-toolbar button{padding:7px}.mh-demo-toolbar>div{gap:5px}
 .mh-theater{height:auto;padding:0;aspect-ratio:16/9}.mh-stage-caption{font-size:10px}.mh-stage-caption small{text-align:left;margin-top:8px}
 .mh-demo-dialog{width:calc(100vw - 12px)}.mh-demo-dialog>header{padding:10px;font-size:11px}
 .mh-showcase-server{display:block;padding:26px;margin-top:35px}.mh-showcase-server h2{font-size:30px}
 .mh-server-connect{border-left:0;border-top:1px solid #ddd6e6;padding:24px 0 0;margin-top:25px}
 .mh-prices{gap:16px}.mh-price,.mh-price.featured{padding:25px}.mh-price>p{min-height:0}.mh-price-value{font-size:52px}
 .mh-price>header{margin-bottom:12px}.mh-price>small{margin-bottom:10px}.mh-price .mh-plan-detail{padding:14px 0}
 .mh-video-cover .mh-youtube-play{width:58px;height:42px;border-radius:11px;font-size:20px}.mh-video-cover .mh-video-caption{bottom:15px;left:18px;right:18px}.mh-video-caption b{font-size:12px}.mh-video-caption small{display:none}
 .mh-review-actions{margin-top:22px;gap:20px}.mh-review{width:280px;flex-basis:280px;padding:22px}.mh-review-group{gap:14px;padding-right:14px}
 .mh-finale img{width:40px;height:48px}
}
@media(prefers-reduced-motion:reduce){
 html:root{scroll-behavior:auto}.mh-home *, .mh-home *:before,.mh-home *:after{animation:none!important;transition:none!important}
 .mh-reveal.is-pending{opacity:1;transform:none}.mh-review-window.is-moving{overflow:auto;mask-image:none}
 .mh-review-group[aria-hidden]{display:none}
}
.mh-home.no-motion *,.mh-home.no-motion *:before,.mh-home.no-motion *:after{animation:none!important;transition:none!important}
.mh-home.no-motion .mh-reveal.is-pending{opacity:1;transform:none}
.mh-home.no-motion .mh-review-window{overflow:auto;mask-image:none}
.mh-home.no-motion .mh-review-group[aria-hidden]{display:none}