/* A single cinematic entrance, framed with the existing native MU materials. */
.cinematic-entry{--entry-glow:157,89,47;height:420px;border-bottom:0;background:#080b0c}
.cinematic-entry[data-entry-realm=Battlewars]{--entry-glow:121,58,45}
.cinematic-entry[data-entry-realm=Nostalgia]{--entry-glow:63,118,140}
.cinematic-entry .world-scene{background:#080b0c}
.cinematic-entry .world-scene img{opacity:1;object-position:center bottom;filter:saturate(.7) brightness(.67);transform:none;transform-origin:center bottom}
.cinematic-entry .world-scene video{object-position:50% 40%;filter:saturate(.9) brightness(.95);opacity:.88;mask-image:linear-gradient(90deg,transparent 8%,#000 48%,#000 94%,#000b);-webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 48%,#000 94%,#000b)}
body .cinematic-entry::after{background:linear-gradient(90deg,#030607a6,transparent 48%,#03060718),linear-gradient(0deg,#040708c9 0%,transparent 28%,#04070822 100%)}
.entry-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 29% 48%,rgba(var(--entry-glow),.22),transparent 43%);transition:background 1s}
.entry-brand{position:absolute;top:24px;left:8%;width:440px;text-align:center}
.entry-overline{font:8px/1.5 Tahoma,sans-serif;letter-spacing:4px;color:#c3b293;text-shadow:0 2px 5px #000}
.entry-brand h1{margin:-17px 0 -38px;font-size:0}
.entry-logo{display:block;width:390px;height:auto;max-width:100%;margin:auto;filter:drop-shadow(0 7px 9px #000) drop-shadow(0 0 22px rgba(var(--entry-glow),.20))}
.entry-motto{font:italic 17px/1.4 LegacyBalgruf,Georgia,serif;color:#e4d4b5;text-shadow:0 2px 7px #000}
.entry-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}
.entry-actions .game-button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:42px;padding:10px 19px;font:13px/1.2 LegacyBalgruf,Georgia;box-shadow:0 4px 14px #0009,inset 0 0 0 2px #0006;border-color:#7a7464;background:linear-gradient(#3e4443,#1c2223 48%,#14191a 51%,#272c2b);color:#e5d5b4;text-shadow:0 2px #000}
.entry-actions .entry-start{border-color:#b79a60;background:linear-gradient(#5e4930,#3b2a1e 48%,#251a14 51%,#433023);box-shadow:0 0 24px #c4842720,inset 0 0 0 2px #0008}
.entry-actions .game-button:hover{filter:brightness(1.25);transform:translateY(-1px)}
.entry-actions .game-button:active{transform:translateY(1px)}
.entry-start span{font:22px/12px Georgia;color:#d3b575}
.entry-realm-caption{position:absolute;left:62%;top:44%;max-width:32%;text-shadow:0 2px 8px #000}
.entry-realm-caption>span:not(.entry-realm-rule){display:block;font:9px/1.5 Tahoma;letter-spacing:4px;color:#cfb584;margin:18px 0 4px}
.entry-realm-caption strong{display:block;font:36px/1.3 LegacyBalgruf,Georgia;color:#efe0c1;letter-spacing:.5px}
.entry-realm-caption p{font:italic 13px/1.5 LegacyBalgruf,Georgia;color:#c3c3b5;margin-top:9px}
.entry-realm-rule{display:block;width:100px;height:1px;background:linear-gradient(90deg,#d3b884,transparent);position:relative}
.entry-realm-rule::before{content:'◆';font-size:8px;color:#d3b884;position:absolute;top:-7px;left:0}
.entry-bottom-ornament{position:absolute;bottom:0;left:0;right:0;height:15px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(0deg,#050708,transparent)}
.entry-bottom-ornament::before,.entry-bottom-ornament::after{content:'';width:32%;height:1px;background:linear-gradient(90deg,transparent,#9e8f7044)}
.entry-bottom-ornament::after{transform:scaleX(-1)}
.entry-bottom-ornament span{color:#a99978;font-size:10px;text-shadow:0 0 8px #e3b47c70}
.entry-motion{position:absolute;right:21px;bottom:22px;width:28px;height:28px;border:1px solid #afa18555;background:#060a0bb3;color:#cdbd9f;font-size:13px}
.entry-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.entry-sparks i{position:absolute;left:24%;bottom:24%;width:2px;height:2px;background:#dfba7c;border-radius:50%;box-shadow:0 0 7px #ffb85e;opacity:0;animation:arcana-ember 9s linear infinite}
.entry-sparks i:nth-child(2){left:35%;animation-delay:-2s}.entry-sparks i:nth-child(3){left:18%;animation-delay:-5s}.entry-sparks i:nth-child(4){left:48%;animation-delay:-3s}.entry-sparks i:nth-child(5){left:70%;animation-delay:-7s}.entry-sparks i:nth-child(6){left:80%;animation-delay:-1s}
@keyframes arcana-ember{0%{transform:translate(0,0);opacity:0}20%{opacity:.65}80%{opacity:.2}100%{transform:translate(26px,-190px);opacity:0}}
.motion-paused .entry-sparks i{animation-play-state:paused}
body .legacy-nav{position:relative;min-height:76px;padding:11px 24px;gap:14px;border-top:1px solid #aaa393;border-bottom:1px solid #5c5b50;box-shadow:inset 0 2px #0a0d0e,inset 0 4px #555a5755,inset 0 -2px #050808,0 5px 16px #0009;background:linear-gradient(#393d3cbb,#101618ed 36%,#090e10f5 66%,#272c2a),url('assets/ui/Back.png')}
.legacy-nav::before,.legacy-nav::after{content:'';position:absolute;top:-3px;width:30px;height:34px;background:url('assets/ui/Frame_TL.png') left top/30px 34px no-repeat;pointer-events:none;z-index:1}
.legacy-nav::before{left:0}.legacy-nav::after{right:0;transform:scaleX(-1)}
body .legacy-nav>div:first-child{align-self:stretch;gap:4px}
body .legacy-nav>div>a{position:relative;display:flex;align-items:center;justify-content:center;min-width:90px;padding:12px 18px;border:0;font:14px/1.3 LegacyBalgruf,Georgia;color:#c4bba5;transition:color .2s,background .2s}
.legacy-nav>div>a::after{content:'';position:absolute;right:-2px;top:24%;height:52%;width:1px;background:linear-gradient(transparent,#afb29e30,transparent)}
body .legacy-nav>div>a.current{color:#f4dfac;background:radial-gradient(ellipse at 50% 110%,#b28b3b38,transparent 70%);text-shadow:0 0 16px #bd9b5f88,0 2px #000}
body .legacy-nav>div>a.current::before{content:'';position:absolute;bottom:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,transparent,#c9ad77,transparent);box-shadow:0 0 9px #d5a74d55}
body .legacy-nav>div>a:hover{color:#ffe1a5;background-color:#fff4d008}
body .legacy-nav .mu-selector-control{margin-left:auto}
@media(min-width:1700px){.cinematic-entry{height:450px}.entry-brand{top:35px}}
@media(max-width:1150px){.entry-brand{left:3%;width:410px}.entry-realm-caption{left:62%}body .legacy-nav>div>a{min-width:0;padding-inline:15px;font-size:13px}}
@media(max-width:950px){.cinematic-entry{height:390px}.entry-brand{top:19px;left:3%;width:380px}.entry-logo{width:350px}.entry-brand h1{margin-bottom:-33px}.entry-actions{margin-top:17px;gap:8px}.entry-actions .game-button{padding:10px 14px;font-size:12px}.entry-realm-caption{left:63%;top:43%;max-width:33%}.entry-realm-caption strong{font-size:28px}.entry-realm-caption p{font-size:12px}body .legacy-nav{padding:10px 16px;flex-wrap:wrap;gap:8px}body .legacy-nav>div:first-child{flex:1;justify-content:space-between}body .legacy-nav>div>a{padding:10px 12px;font-size:12px}.legacy-nav .mu-selector-control{flex-shrink:0}}
@media(max-width:650px){.cinematic-entry{height:390px}.entry-brand{left:50%;top:16px;transform:translateX(-50%);width:min(380px,94%)}.entry-logo{width:330px}.entry-overline{font-size:7px;letter-spacing:3px}.entry-brand h1{margin-top:-13px;margin-bottom:-29px}.entry-motto{font-size:15px}.entry-actions{margin-top:16px}.entry-actions .game-button{min-height:42px;font-size:12px}.entry-realm-caption{left:0;top:auto;bottom:35px;width:100%;max-width:none;display:flex;align-items:center;justify-content:center;gap:12px}.entry-realm-caption .entry-realm-rule,.entry-realm-caption p{display:none}.entry-realm-caption>span:not(.entry-realm-rule){font-size:7px;letter-spacing:2px;margin:0;padding-right:12px;border-right:1px solid #aa987b66}.entry-realm-caption strong{font-size:18px}.entry-motion{right:12px;bottom:25px;width:26px;height:26px}.cinematic-entry .world-scene video{mask-image:none;-webkit-mask-image:none;opacity:.72}body .legacy-nav{padding:12px 14px;gap:12px}body .legacy-nav>div:first-child{flex-basis:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}body .legacy-nav>div>a{min-height:38px;font-size:13px;padding:7px 10px}body .legacy-nav .mu-selector-control{width:100%;margin:0;justify-content:center}body .legacy-nav .mu-server-trigger{width:100%;max-width:none}.entry-bottom-ornament::before,.entry-bottom-ornament::after{width:30%}}
@media(prefers-reduced-motion:reduce){.entry-sparks{display:none}.entry-actions .game-button,body .legacy-nav>div>a{transition:none}.entry-motion{display:none}}

/* Wide scenery on both sides, with gameplay feathered into the middle. */
.cinematic-entry .world-scene img{transform:none;object-position:center bottom}
.cinematic-entry .world-scene video{
 left:11%;right:auto;width:78%;height:100%;object-position:center 40%;opacity:.95;
 mask-image:radial-gradient(ellipse 50% 72% at 50% 50%,#000 47%,#000e 66%,transparent 100%);
 -webkit-mask-image:radial-gradient(ellipse 50% 72% at 50% 50%,#000 47%,#000e 66%,transparent 100%);
}
@media(max-width:950px){.cinematic-entry .world-scene img{transform:scale(1.08)}.cinematic-entry .world-scene video{left:5%;width:90%}}
@media(max-width:650px){.cinematic-entry .world-scene img{object-position:55% bottom}.cinematic-entry .world-scene video{left:0;width:100%;opacity:.8}}
/* Complete the navigation with the same continuous eight-part frame as Top 5. */
body .legacy-nav{--mu-scale:.65;isolation:isolate;border:0;min-height:86px;padding:15px 25px 13px;box-shadow:0 5px 16px #0009,inset 0 0 0 3px #080d0e}
.legacy-nav::before,.legacy-nav::after{display:none}
.legacy-nav>.navigation-frame{display:block;z-index:1}
.legacy-nav>div{position:relative;z-index:2}
@media(max-width:650px){body .legacy-nav{--mu-scale:.6;padding:20px 15px 16px}}
/* Navigation labels sit directly on the shared metal bar, without square fills. */
body .legacy-nav>div>a,
body .legacy-nav>div>a.current,
body .legacy-nav>div>a:hover{background:transparent;box-shadow:none}
body .legacy-nav>div>a.current::before{left:28%;right:28%;height:1px;bottom:4px;box-shadow:0 0 8px #caa55b55}
/* Corner textures include a dark panel backing: retain only the L-shaped border. */
.navigation-frame .corner-tl,.navigation-frame .corner-tr{
 clip-path:polygon(0 0,100% 0,100% 51.56%,36.21% 51.56%,36.21% 100%,0 100%);
}
.navigation-frame .corner-bl{
 clip-path:polygon(0 0,42% 0,42% 77.78%,100% 77.78%,100% 100%,0 100%);
}
.navigation-frame .corner-br{
 clip-path:polygon(58% 0,100% 0,100% 100%,0 100%,0 77.78%,58% 77.78%);
}
/* Move the two content groups toward the edges to clear the central footage. */
@media(min-width:951px){
 .entry-brand{left:1.5%}
 .entry-realm-caption{left:auto;right:3%;max-width:27%}
}
@media(min-width:651px) and (max-width:950px){
 .entry-brand{left:1%}
 .entry-realm-caption{left:auto;right:3%;max-width:32%}
}
/* Keep the server selector clear of both horizontal frame rails. */
@media(min-width:651px){body .legacy-nav{padding-top:24px;padding-bottom:16px}}