/* MMH BUILDS — LEGENDARY CINEMATIC INTRO V3. Scoped to the isolated intro preview. */
.mmh-legendary-v3{background:#050816;color:#e8edf8}
.mmh-legendary-v3::after{content:none;display:none}
.mmh-legendary-v3>.mmh-intro-video{opacity:.92;filter:brightness(.72) saturate(1.12);object-position:center 48%;transform:scale(1.025);animation:none;will-change:auto}
.mmh-legendary-v3 .mmh-intro-vignette{background:radial-gradient(ellipse at 50% 43%,#05081602 0%,#05081618 42%,#05081652 100%),linear-gradient(180deg,#05081648 0%,transparent 25%,#05081610 55%,#050816c9 100%)}
.mmh-legendary-v3 .mmh-intro-vignette:after{opacity:.18;filter:blur(22px)}
.mmh-v3-depth{position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 25%,#0508161f 67%,#05081670 100%),linear-gradient(180deg,#05081630,transparent 22%,transparent 58%,#0508169c)}
.mmh-v3-stage{position:absolute;z-index:4;inset:0;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;justify-items:center;gap:clamp(8px,1.55vh,16px);padding:max(env(safe-area-inset-top),clamp(18px,3.5vh,38px)) max(env(safe-area-inset-right),clamp(20px,5vw,78px)) max(env(safe-area-inset-bottom),clamp(15px,2.5vh,26px)) max(env(safe-area-inset-left),clamp(20px,5vw,78px));pointer-events:none}
.mmh-v3-header{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:20px;color:#e1eaf9;font-size:10px;font-weight:500;letter-spacing:.38em;text-align:center;opacity:0;animation:mmh-v3-fade-up .75s ease .15s forwards}
.mmh-v3-header p{margin:0}.mmh-v3-header-line{display:block;width:clamp(34px,5vw,78px);height:1px;background:linear-gradient(90deg,transparent,#008cffb8,#00d9ff);box-shadow:0 0 8px #008cff66}.mmh-v3-header-line:last-child{transform:rotate(180deg)}
.mmh-v3-side-note{position:absolute;top:max(env(safe-area-inset-top),clamp(18px,3.5vh,38px));right:max(env(safe-area-inset-right),clamp(20px,5vw,78px));display:grid;gap:6px;padding-right:10px;border-right:1px solid #38aaff88;color:#aebfe0;font-size:8px;letter-spacing:.22em;opacity:0;animation:mmh-v3-fade-up .7s ease .35s forwards}
.mmh-v3-center{position:relative;display:flex;width:min(860px,100%);min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,1.25vh,13px);padding:4px 0;isolation:isolate}
.mmh-v3-logo-aura{position:absolute;z-index:-1;top:41%;left:50%;width:min(440px,62vw);aspect-ratio:1.8;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#008cff30 0%,#8b5cf622 37%,#d946ef0c 56%,transparent 74%);filter:blur(22px);opacity:.62;animation:mmh-v3-aura-breathe 8s ease-in-out 1.2s infinite alternate}
.mmh-v3-logo-frame{position:relative;display:grid;place-items:center;width:min(260px,25vw);max-height:29vh;aspect-ratio:910/765;opacity:0;transform:translateY(13px) scale(.94);filter:drop-shadow(0 12px 25px #020817ae) drop-shadow(0 0 15px #008cff25);animation:mmh-v3-logo-enter 1s cubic-bezier(.2,.72,.22,1) .34s forwards}
.mmh-legendary-v3 img.mmh-intro-wordmark{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;opacity:1;filter:drop-shadow(0 1px #f8fbff20);animation:none;pointer-events:none}
.mmh-v3-logo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 40%,#fff0 46%,#e8f7ff66 50%,#65c9ff35 53%,transparent 60%);background-size:240% 100%;background-position:-140% 0;opacity:0;pointer-events:none;animation:mmh-v3-logo-sheen 1.1s ease-out 1.55s 1 both;-webkit-mask-image:url("./assets/mmh-builds-intro-wordmark.png");mask-image:url("./assets/mmh-builds-intro-wordmark.png");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.mmh-v3-beam{display:block;width:44px;height:2px;border-radius:50%;background:linear-gradient(90deg,#008cff,#00d9ff 55%,#8b5cf6);box-shadow:0 0 11px #008cff88,0 0 20px #8b5cf644;opacity:0;transform:scaleX(.45);animation:mmh-v3-beam-enter .5s ease 1s forwards}
.mmh-v3-tagline{margin:0;color:#e8edf8;font-size:clamp(11px,.95vw,14px);font-weight:500;letter-spacing:.34em;text-align:center;text-shadow:0 2px 15px #020817d9;opacity:0;transform:translateY(6px);animation:mmh-v3-fade-up .7s ease .95s forwards}
.mmh-v3-services{display:flex;align-items:center;justify-content:center;gap:clamp(13px,2.2vw,30px);margin-top:clamp(2px,.5vh,7px);opacity:0;transform:translateY(6px);animation:mmh-v3-fade-up .7s ease 1.32s forwards}
.mmh-v3-service{display:flex;align-items:center;gap:9px;color:#d8e7fb;font-size:clamp(8px,.72vw,10px);font-weight:550;letter-spacing:.22em;white-space:nowrap}
.mmh-v3-service svg,.mmh-v3-sound-icon{display:block;width:19px;height:19px;fill:none;stroke:#008cff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #008cff60)}.mmh-v3-service-violet svg{stroke:#9b64ff;filter:drop-shadow(0 0 6px #8b5cf666)}.mmh-v3-service-magenta svg{stroke:#bf62ff;filter:drop-shadow(0 0 6px #d946ef55)}
.mmh-v3-services>i,.mmh-v3-values>i{display:block;width:1px;height:24px;background:linear-gradient(180deg,transparent,#85a9d366,transparent)}
.mmh-v3-load-panel{position:relative;box-sizing:border-box;width:min(600px,calc(100vw - 38px));padding:clamp(14px,1.9vh,20px) clamp(17px,2.2vw,27px) 12px;border:1px solid #68aaff43;border-radius:21px;background:linear-gradient(145deg,#071221d9,#050a16df);box-shadow:0 18px 55px #020612a8,inset 0 1px #ffffff13;backdrop-filter:blur(12px) saturate(1.16);-webkit-backdrop-filter:blur(12px) saturate(1.16);opacity:0;transform:translateY(11px);animation:mmh-v3-panel-enter .75s cubic-bezier(.2,.7,.22,1) 1.66s forwards;pointer-events:auto}
.mmh-v3-load-panel:before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(125deg,#00d9ff8c,#008cff30 34%,#8b5cf644 67%,#d946ef62);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.66}
.mmh-v3-panel-heading{display:flex;min-height:15px;align-items:center;gap:10px;margin-bottom:12px;color:#d4e1f4;font-size:9px;font-weight:600;letter-spacing:.25em}.mmh-v3-status-orb{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#00d9ff;box-shadow:0 0 8px #00d9ff,0 0 16px #008cff88;animation:mmh-v3-orb 2.8s ease-in-out infinite alternate}.mmh-v3-panel-heading strong{margin-left:auto;color:#f5f7ff;font-size:10px;letter-spacing:.03em;font-variant-numeric:tabular-nums}
.mmh-v3-load-panel .mmh-loader-progress-track{height:4px;border:0;border-radius:6px;background:#ffffff17;box-shadow:none}.mmh-v3-load-panel .mmh-loader-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#00d9ff,#008cff 52%,#8b5cf6 82%,#d946ef);box-shadow:0 0 13px #008cff70;transition:width .08s linear}.mmh-v3-load-panel .mmh-loader-progress-track span.is-indeterminate{animation:mmh-intro-progress-indeterminate 1.55s ease-in-out infinite alternate}
.mmh-v3-load-panel .mmh-intro-control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.mmh-v3-load-panel .mmh-intro-sound,.mmh-v3-load-panel .mmh-intro-skip{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #75b9ff35;border-radius:11px;background:#ffffff08;color:#e8edf8;font:inherit;font-size:10px;letter-spacing:.02em;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.mmh-v3-load-panel .mmh-intro-sound svg{width:17px;height:17px;fill:none;stroke:#c7eaff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mmh-v3-load-panel .mmh-intro-sound:hover,.mmh-v3-load-panel .mmh-intro-sound:focus-visible,.mmh-v3-load-panel .mmh-intro-skip:hover,.mmh-v3-load-panel .mmh-intro-skip:focus-visible{border-color:#00d9ff88;background:#008cff18;box-shadow:0 0 16px #008cff24;outline:2px solid #00d9ff50;outline-offset:2px}.mmh-v3-load-panel .mmh-intro-skip{border-color:transparent;background:transparent}.mmh-v3-load-panel .mmh-intro-skip span{padding-left:3px;color:#69caff;font-size:16px}
.mmh-v3-values{display:flex;align-items:center;justify-content:center;gap:clamp(17px,3vw,44px);width:min(560px,100%);padding:5px 4px 2px;opacity:0;transform:translateY(7px);animation:mmh-v3-fade-up .7s ease 1.95s forwards}.mmh-v3-value{display:flex;min-width:0;align-items:center;gap:10px;color:#05baff}.mmh-v3-value svg{display:block;width:23px;height:23px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}.mmh-v3-value-blue{color:#399bff}.mmh-v3-value-purple{color:#a267ff}.mmh-v3-value div{display:grid;gap:3px}.mmh-v3-value strong{color:#dce8fa;font-size:8px;font-weight:600;letter-spacing:.22em;white-space:nowrap}.mmh-v3-value span{color:#9aacc7;font-size:9px;letter-spacing:.04em}.mmh-v3-values>i{height:30px}
.mmh-legendary-v3.is-done .mmh-v3-stage{opacity:0;transition:opacity .48s ease}.mmh-legendary-v3.is-webgl-fallback .mmh-intro-fallback{display:none}
@keyframes mmh-v3-fade-up{to{opacity:.94;transform:translateY(0)}}@keyframes mmh-v3-logo-enter{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mmh-v3-logo-sheen{0%{opacity:0;background-position:-140% 0}20%{opacity:.7}100%{opacity:0;background-position:140% 0}}@keyframes mmh-v3-beam-enter{to{opacity:.95;transform:scaleX(1)}}@keyframes mmh-v3-panel-enter{to{opacity:1;transform:translateY(0)}}@keyframes mmh-v3-aura-breathe{from{opacity:.48;transform:translate(-50%,-50%) scale(.96)}to{opacity:.68;transform:translate(-50%,-50%) scale(1.04)}}@keyframes mmh-v3-orb{from{opacity:.65;box-shadow:0 0 6px #00d9ff}to{opacity:1;box-shadow:0 0 11px #00d9ff,0 0 20px #8b5cf666}}
@media(min-width:601px) and (max-width:900px){.mmh-v3-header{font-size:9px}.mmh-v3-logo-frame{width:220px}.mmh-v3-side-note{display:none}.mmh-v3-services{gap:18px}.mmh-v3-value span{font-size:8px}}
@media(max-width:600px){.mmh-v3-stage{gap:clamp(7px,1.35vh,12px);padding-right:max(env(safe-area-inset-right),16px);padding-left:max(env(safe-area-inset-left),16px)}.mmh-v3-header{gap:9px;font-size:8px;letter-spacing:.24em}.mmh-v3-header-line{width:25px}.mmh-v3-side-note{display:none}.mmh-v3-center{gap:clamp(6px,1.1vh,10px)}.mmh-v3-logo-frame{width:min(180px,48vw);max-height:25vh}.mmh-v3-logo-aura{width:min(300px,82vw);filter:blur(19px)}.mmh-v3-beam{width:34px;height:1.5px}.mmh-v3-tagline{font-size:clamp(9px,2.8vw,11px);letter-spacing:.2em}.mmh-v3-services{width:100%;justify-content:center;gap:clamp(7px,2.2vw,13px);margin-top:2px}.mmh-v3-service{gap:5px;font-size:clamp(6px,1.9vw,8px);letter-spacing:.1em}.mmh-v3-service svg{width:15px;height:15px}.mmh-v3-services>i{height:18px}.mmh-v3-load-panel{width:calc(100vw - 30px);padding:13px 14px 9px;border-radius:16px}.mmh-v3-panel-heading{gap:8px;margin-bottom:10px;font-size:8px;letter-spacing:.17em}.mmh-v3-load-panel .mmh-intro-control-row{margin-top:9px}.mmh-v3-load-panel .mmh-intro-sound,.mmh-v3-load-panel .mmh-intro-skip{min-height:36px;padding:0 9px;font-size:9px}.mmh-v3-values{gap:12px;width:100%;justify-content:space-around}.mmh-v3-value{gap:6px}.mmh-v3-value svg{width:18px;height:18px}.mmh-v3-value strong{font-size:7px;letter-spacing:.13em}.mmh-v3-value span{font-size:8px}.mmh-v3-values>i{height:24px}}
@media(max-width:390px){.mmh-v3-stage{gap:7px;padding-top:max(env(safe-area-inset-top),13px);padding-bottom:max(env(safe-area-inset-bottom),12px)}.mmh-v3-header{font-size:7px;letter-spacing:.2em}.mmh-v3-header-line{width:16px}.mmh-v3-center{gap:5px}.mmh-v3-logo-frame{width:min(165px,47vw);max-height:23vh}.mmh-v3-tagline{font-size:8px;letter-spacing:.16em}.mmh-v3-services{gap:6px}.mmh-v3-service{gap:4px;font-size:6px;letter-spacing:.06em}.mmh-v3-service svg{width:13px;height:13px}.mmh-v3-load-panel{padding:11px 12px 8px}.mmh-v3-values{display:none}}
@media(max-height:650px){.mmh-v3-stage{gap:7px;padding-top:max(env(safe-area-inset-top),10px);padding-bottom:max(env(safe-area-inset-bottom),10px)}.mmh-v3-center{gap:5px}.mmh-v3-logo-frame{width:min(210px,29vh,24vw);max-height:25vh}.mmh-v3-tagline{font-size:9px}.mmh-v3-services{margin-top:0}.mmh-v3-values{display:none}.mmh-v3-load-panel{padding-top:10px;padding-bottom:8px}.mmh-v3-load-panel .mmh-intro-control-row{margin-top:8px}}
@media(orientation:landscape) and (max-height:520px){.mmh-v3-stage{grid-template-columns:minmax(0,1fr) minmax(270px,470px);grid-template-rows:auto minmax(0,1fr);gap:6px 28px;padding:10px 28px}.mmh-v3-header{grid-column:1/-1;grid-row:1;align-self:start}.mmh-v3-header-line{width:46px}.mmh-v3-center{grid-column:1;grid-row:2}.mmh-v3-logo-frame{width:min(175px,35vh)}.mmh-v3-load-panel{grid-column:2;grid-row:2;width:100%}.mmh-v3-values{display:none}}
@media(prefers-reduced-motion:reduce){.mmh-legendary-v3,.mmh-legendary-v3:before,.mmh-legendary-v3:after,.mmh-legendary-v3 .mmh-intro-video,.mmh-legendary-v3 .mmh-intro-vignette:after,.mmh-v3-header,.mmh-v3-side-note,.mmh-v3-logo-aura,.mmh-v3-logo-frame,.mmh-v3-logo-frame:after,.mmh-v3-beam,.mmh-v3-tagline,.mmh-v3-services,.mmh-v3-load-panel,.mmh-v3-status-orb,.mmh-v3-values{animation:none!important;transition:none!important}.mmh-v3-header,.mmh-v3-side-note,.mmh-v3-logo-frame,.mmh-v3-beam,.mmh-v3-tagline,.mmh-v3-services,.mmh-v3-load-panel,.mmh-v3-values{opacity:1;transform:none}.mmh-legendary-v3 .mmh-intro-video{display:none;transform:none}.mmh-v3-logo-frame:after{display:none}}