body.intro-playing>:not(#world):not(#muxx-intro):not(audio):not(script):not(style){visibility:hidden!important}
#muxx-intro{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#f8f7ef;overflow:hidden;box-sizing:border-box;text-align:left}
#muxx-intro::backdrop{background:transparent;backdrop-filter:none}
#muxx-intro *{box-sizing:border-box}
.intro-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 36%,#02050770 100%);pointer-events:none}
.intro-letterbox{position:absolute;left:0;right:0;height:7vh;background:#050708;pointer-events:none}.intro-letterbox.top{top:0}.intro-letterbox.bottom{bottom:0}
.intro-cut{position:absolute;inset:0;background:#050708;pointer-events:none}
.intro-heading{position:absolute;left:max(5vw,env(safe-area-inset-left));top:max(28px,env(safe-area-inset-top));display:flex;gap:24px;align-items:center;font-size:11px;letter-spacing:.25em}.intro-heading small{color:#b3b9ba;font-size:9px;letter-spacing:.16em}
.intro-shot{position:absolute;left:6vw;bottom:18vh;max-width:62%;text-shadow:0 2px 14px #000}.intro-shot-index{font-size:10px;letter-spacing:.35em;color:#dbc38d}.intro-shot p{font-size:clamp(17px,2.1vw,30px);letter-spacing:.08em;margin:16px 0 0}
.intro-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none;opacity:0;text-align:center;background:#050708d9;padding:7vw}
.intro-brand img{width:min(530px,70vw);height:auto;object-fit:contain;filter:drop-shadow(0 3px 20px #0005)}
#muxx-intro .intro-brand h1{font-size:clamp(12px,1.6vw,22px);font-weight:400;letter-spacing:.5em;margin:24px 0 30px;padding-left:.5em;color:#d9c291}
.intro-brand p{font-size:clamp(13px,1.2vw,18px);letter-spacing:.12em;color:#dde1de;margin:0;line-height:1.6}
.intro-brand>span{font-size:9px;letter-spacing:.38em;margin-top:28px;color:#89918f}
.intro-actions{position:absolute;right:max(5vw,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:flex;gap:12px;z-index:2}
#muxx-intro .intro-actions button{min-height:44px;padding:10px 20px;margin:0;background:#071015ad;border:1px solid #ffffff4d;border-radius:2px;color:#f1f2ec;font:inherit;font-size:12px;letter-spacing:.06em;cursor:pointer;backdrop-filter:blur(12px);box-shadow:none}
#muxx-intro .intro-actions .intro-skip{border-color:#dbc38d99;color:#efdfbd}.intro-skip span{margin-left:18px}
#muxx-intro .intro-actions button:hover,#muxx-intro .intro-actions button:focus-visible{background:#d3b57933;outline:2px solid #ebcf92;outline-offset:3px}
.intro-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff16}.intro-progress i{display:block;height:100%;background:#d5b675;transform-origin:left;transform:scaleX(0)}
@media(max-width:600px){.intro-heading{left:6vw;right:6vw;top:max(24px,env(safe-area-inset-top));justify-content:space-between;font-size:9px;letter-spacing:.12em;gap:8px}.intro-heading small{font-size:8px}.intro-letterbox{height:11vh}.intro-shot{bottom:23vh;max-width:88%}.intro-actions{left:max(6vw,env(safe-area-inset-left));right:max(6vw,env(safe-area-inset-right));bottom:max(32px,calc(env(safe-area-inset-bottom) + 16px));justify-content:space-between;gap:8px}#muxx-intro .intro-actions button{padding:10px 13px;font-size:11px}.intro-skip span{margin-left:8px}#muxx-intro .intro-brand h1{letter-spacing:.28em;margin:18px 0 28px}.intro-brand img{width:82vw}.intro-brand>span{font-size:8px;letter-spacing:.22em}}
@media(max-height:500px) and (orientation:landscape){.intro-heading{top:max(12px,env(safe-area-inset-top))}.intro-actions{bottom:max(12px,env(safe-area-inset-bottom))}.intro-shot{bottom:22vh}.intro-brand img{width:34vw}#muxx-intro .intro-brand h1{margin:12px 0 14px}.intro-brand>span{margin-top:14px}.intro-letterbox{height:10vh}}
@media(prefers-reduced-motion:reduce){.intro-brand{transform:none!important}}