.map-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at center,#283125f5,#0a100bf9 75%);color:#edddb6;touch-action:none;cursor:wait;opacity:1;transition:opacity 180ms ease}
.map-transition[hidden]{display:none}.map-transition[data-phase=leaving]{opacity:0}
.map-transition-card{text-align:center;max-width:80vw;padding:22px 36px;border-block:1px solid #95805275;background:linear-gradient(90deg,transparent,#51433330,transparent);text-shadow:0 2px 4px #000}
.map-transition-card strong{display:block;font:600 clamp(20px,3vw,30px)/1.6 var(--font-title);letter-spacing:.12em;color:#edd59b}
.map-transition-card p{margin:10px 0 0;font:13px/1.6 var(--font);letter-spacing:.06em;color:#c8bc9b}
.map-transition-mark{display:block;width:36px;height:36px;margin:0 auto 12px;border:1px solid #a98d52;border-radius:50%;box-shadow:inset 0 0 10px #c9ab5430,0 0 20px #c9ab5418;background:url('/assets/ui/rail-9-0-full.png') center/contain no-repeat}
.map-transition button{margin-top:14px;padding:7px 18px;background:#3a3826;color:#edddb6;border:1px solid #958052;border-radius:3px}
@media(prefers-reduced-motion:reduce){.map-transition{transition:none}}
/* 2026-10-14（使用者：轉移畫面換成 Asgard LOGO、背景不要透明）：圓形圖示改成開場的 Asgard 標誌，底色不透明。 */
.map-transition{background:radial-gradient(ellipse at center,#283125,#0a100b 75%)!important}
.map-transition-mark{width:220px!important;height:80px!important;margin:0 auto 10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:url('/assets/video/opening-wood-poster.jpg') -66px -84px/352px auto no-repeat!important;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at center,#000 78%,transparent 100%)}