/* The opening is a photographic title sequence. The original emblem has real alpha. */
.opening-active{overflow:hidden}
.site-opening{isolation:isolate;position:fixed;inset:0;z-index:10000;box-sizing:border-box;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#f2ecdf;background:#0d100e;overflow:auto;font-family:var(--ui-font);color-scheme:dark}
.site-opening:not([open]){display:none}
.site-opening[open]{display:flex;flex-direction:column;justify-content:space-between}
.site-opening::backdrop{background:#0d100e}
.site-opening::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/images/archive/mast-west.webp') 60% 8%/cover no-repeat;filter:grayscale(.45) brightness(.42)}
.site-opening::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d100ef0 0%,#0d100e75 70%),linear-gradient(0deg,#0d100ee6,transparent 50%,#0d100e75);pointer-events:none}
.opening-topline,.opening-bottomline{display:flex;flex:none;position:relative;justify-content:space-between;align-items:center;gap:20px;margin:0 clamp(24px,5vw,80px);padding:27px 0;font-size:11px;letter-spacing:.12em;color:#c4c4b8;line-height:1.7}
.opening-topline{border-bottom:1px solid #eee6d329}
.opening-topline>span:first-child{color:#eee6d3}
.opening-center{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:9%;width:min(1040px,85vw);margin:auto;padding:35px 0;animation:opening-arrive 1.1s ease-out both}
.opening-emblem{display:block;width:100%;max-width:430px;height:auto;margin:0 auto;mix-blend-mode:normal;background:transparent}
.opening-story{text-align:left}
.site-opening .opening-caption{font:11px/1.7 var(--ui-font);letter-spacing:.14em;color:#c1bfae;margin:0 0 27px}
.opening-center h2{font:500 clamp(44px,5.9vw,79px)/1.08 var(--display-font);letter-spacing:-.02em;color:#f1ece1;margin:0 0 25px}
.opening-center h2 em{font-style:normal;color:#b5afa1}
.opening-center #openingMessage{font-size:16px;line-height:1.7;color:#c2bdaf;margin:0;max-width:250px}
.opening-line{width:100%;max-width:270px;height:1px;background:#eee6d32e;margin:30px 0 0;overflow:hidden}
.opening-line i{display:block;width:100%;height:100%;background:#ef5547;transform-origin:left;animation:opening-tune 3.9s linear both}
.opening-bottomline{border-top:1px solid #eee6d329;padding-bottom:max(27px,env(safe-area-inset-bottom))}
.opening-bottomline form{margin:0}
.opening-bottomline button{display:flex;align-items:center;gap:45px;border:0;border-bottom:1px solid #e0d9c55c;background:transparent;color:#f2eadc;min-height:48px;padding:12px 0;font:16px var(--ui-font);cursor:pointer;letter-spacing:0}
.opening-bottomline button:hover{color:#fff;border-color:#fff}
.opening-bottomline button span{font-size:22px}
.site-opening.leaving{opacity:0;transition:opacity .45s ease}
#game .startup{background:#0d100e;color:#f1ece1;isolation:isolate;color-scheme:dark}
#game .startup::before{content:"";display:block;position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0d100ee0,#0d100e60),linear-gradient(0deg,#0d100e,transparent 65%),url('/images/archive/mast-west.webp') center 8%/cover no-repeat;filter:saturate(.4) brightness(.65)}
#game .startup .signal-haze,#game .startup .signal-orbit{display:none}
#game .startup-emblem{width:min(360px,67vw,42vh);width:min(360px,67vw,42dvh);border-radius:0;mix-blend-mode:normal;background:transparent;animation:opening-arrive 1.1s ease-out both}
#game .startup-title{font:500 clamp(23px,3vw,32px)/1.2 var(--display-font);color:#f1ece1;letter-spacing:.12em;text-shadow:none}
#game .startup-title span{color:#ea6556;font:inherit;margin-left:10px}
#game .boot-header,#game .boot-footer{color:#c5c0b3}
#game .boot-live{color:#ed8370}
#game .boot-atmosphere{font:17px/1.5 var(--ui-font);color:#cbc4b4;margin:0 0 20px}
#game .boot-footer small,#game .boot-loading{color:#c5c0b3}
#game .startup-rule{height:1px;background:#d8d6ce40}
#game .startup-rule i{background:#ed6554;box-shadow:none}
#game .startup #skipStartup{background:transparent;color:#f1ece1;border:1px solid #d1c7ae66;border-radius:0}
@keyframes opening-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes opening-tune{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:680px){.opening-topline,.opening-bottomline{font-size:9px;margin-inline:24px;padding-block:20px;letter-spacing:.08em}.opening-bottomline{padding-bottom:max(20px,env(safe-area-inset-bottom))}.opening-center{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 24px;text-align:center}.opening-emblem{width:min(255px,57vw,31dvh);margin:0 auto}.opening-story{text-align:center}.site-opening .opening-caption{font-size:9px;margin-bottom:15px;letter-spacing:.1em}.opening-center h2{font-size:clamp(40px,10vw,56px);line-height:1.08;margin-bottom:17px}.opening-center #openingMessage{font-size:14px;max-width:245px;margin:auto}.opening-line{width:120px;margin:22px auto 0}.opening-bottomline button{font-size:14px;gap:25px}.opening-topline>span:last-child{text-align:right}.site-opening::before{background-position:56% 16%;filter:grayscale(.45) brightness(.34)}}
@media(max-height:670px) and (max-width:680px){.opening-center{gap:10px;padding-block:12px}.opening-emblem{width:145px}.site-opening .opening-caption{margin-bottom:10px;font-size:8px}.opening-center h2{font-size:35px;margin-bottom:12px}.opening-center #openingMessage{font-size:12px}.opening-line{margin-top:15px}.opening-topline,.opening-bottomline{padding-block:13px}}
@media(max-height:540px) and (min-width:681px){.opening-center{width:min(800px,75vw);padding-block:15px;gap:10%;grid-template-columns:.7fr 1fr}.opening-emblem{max-width:240px;max-height:65dvh;width:auto}.site-opening .opening-caption{margin-bottom:16px}.opening-center h2{font-size:44px;margin-bottom:15px}.opening-center #openingMessage{font-size:13px}.opening-line{margin-top:19px}.opening-topline,.opening-bottomline{padding-block:14px}}
@media(max-height:540px){#game .startup-emblem{width:110px;margin-bottom:10px}#game .boot-atmosphere{display:none}#game .boot-header,#game .boot-footer{padding-block:12px}#game .startup-rule{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.site-opening,.site-opening *,#game .startup,#game .startup *{animation:none!important;transition:none!important}}
.reduced-motion .startup,.reduced-motion .startup *{animation:none!important;transition:none!important}