body #bootStatus{display:block;overflow:auto;background:radial-gradient(ellipse at 80% 0,#48687c,#253f53 70%);color:#e8f6fd;font:14px/1.6 "Segoe UI","Microsoft YaHei",sans-serif;text-align:left;scrollbar-width:thin}body #bootStatus[hidden]{display:none}#bootStatus *{box-sizing:border-box}#bootStatus h1,#bootStatus p{margin:0;border:0;background:none;padding:0}#bootStatus button{font-family:inherit;cursor:pointer;margin:0;border-radius:0}#bootStatus button:focus-visible{outline:2px solid #bdfff4;outline-offset:4px}.boot-top{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #b5d7e626;background:#1b374733}.boot-brand{font-size:25px;font-weight:600;letter-spacing:6px;line-height:1.1}.boot-brand>span{display:block;font-size:8px;letter-spacing:3px;color:#9ab8c8;margin-top:6px}.boot-top>span{font-size:10px;letter-spacing:2px;color:#a9c5d5}.boot-top b{font-weight:400;margin:0 12px;color:#6c91a6}.boot-inner{width:min(1130px,90%);margin:24px auto 0}.boot-section-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:3px;color:#a3c4d4;margin-bottom:13px}.boot-slide{display:none}.boot-slide.is-active{display:block;animation:bootPosterIn .6s ease}.boot-poster-image{position:relative;overflow:hidden;height:clamp(210px,40dvh,440px);border:1px solid #afcddf5c;background:#2b4c60}.boot-poster-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 13%;display:block}.boot-slide[data-boot-poster="0"] img{object-position:50% 18%}.boot-poster-shade{position:absolute;inset:0;background:linear-gradient(90deg,#13344c36,transparent 70%),linear-gradient(0deg,#19364d7d,transparent 50%);box-shadow:inset 0 0 60px #20384c33}.boot-poster-state{position:absolute;left:25px;top:22px;font-size:10px;letter-spacing:2px;padding:6px 10px;color:#c9eee9;border:1px solid #c4e7e763;background:#23465380;backdrop-filter:blur(8px)}.boot-poster-index{position:absolute;bottom:13px;right:24px;font:300 66px/1.1 "Segoe UI",sans-serif;color:#e2f3fc9c;letter-spacing:4px}.boot-caption{display:grid;grid-template-columns:34% 66%;padding:24px 0 16px;align-items:center;gap:15px;min-height:122px}.boot-caption>div:first-child>small{font-size:8px;color:#9cc3d4;letter-spacing:3px}#bootStatus .boot-caption h1{font-size:30px;line-height:1.4;font-weight:600;color:#eefaff;letter-spacing:3px;margin-top:6px}.boot-mode-description{border-left:1px solid #92b7c839;padding-left:25px}.boot-mode-description p{font-size:12px;line-height:1.95;color:#b3cad8}.boot-carousel-controls{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bad8e62b;padding:5px 0 16px}.boot-dots{display:flex;align-items:center;gap:13px}#bootStatus .boot-dots button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:5px 0;color:#81a8bd;font-size:8px;letter-spacing:1px}.boot-dots i{height:2px;width:30px;background:#66899e;transition:width .25s,background .25s}.boot-dots button[aria-pressed="true"] i{width:62px;background:#b0f4e8}.boot-dots button[aria-pressed="true"] span{color:#d2f8ef}#bootStatus #bootPause{padding:5px 0;background:none;border:0;color:#91b4c7;font-size:9px;letter-spacing:1px}.boot-ready-panel{display:flex;align-items:center;gap:35px;padding:20px 0 12px}.boot-progress-copy{position:relative;flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px 10px}.boot-progress-copy #bootMessage{font-size:11px;color:#c1d8e5}.boot-progress-copy #bootPhase{font:8px "Segoe UI",sans-serif;letter-spacing:2px;color:#88b8bf}.boot-progress{height:2px;grid-column:1/-1;position:relative;overflow:hidden;background:#698c9e44}.boot-progress>i{position:absolute;height:100%;left:0;width:30%;background:#b3f2e5;animation:bootResourceScan 1.7s linear infinite}.boot-progress-copy>small{grid-column:1/-1;font-size:9px;color:#7f9fb3}.is-ready .boot-progress>i{animation:none;width:100%}.is-error .boot-progress>i,#bootStatus:has(#bootRetry:not([hidden])) .boot-progress>i{animation:none;background:#c1a78b}.is-error #bootPhase{color:#d4bfa1}#bootStatus #bootContinue{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:218px;padding:15px 22px;border:1px solid #afede1;background:linear-gradient(110deg,#b9eee2,#90cccd);color:#214450;font-size:15px;letter-spacing:2px;font-weight:600}#bootStatus #bootContinue>span{font-size:21px;line-height:1}#bootStatus #bootContinue:disabled{background:#48647730;border-color:#8db3c33d;color:#7d9eb0;cursor:wait}#bootStatus #bootContinue:not(:disabled):hover{background:#c0ffed}#bootStatus #bootRetry{background:#4e5962;border:1px solid #c7b9a566;color:#ecddc6;font-size:11px;padding:13px 18px}#bootStatus #bootRetry[hidden]{display:none}.boot-footer{width:90%;margin:15px auto 19px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#7d9bb0}@keyframes bootPosterIn{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes bootResourceScan{from{transform:translateX(-110%)}to{transform:translateX(440%)}}
@media(max-width:720px){.boot-top{height:72px;padding:0 22px}.boot-brand{font-size:22px}.boot-brand>span{font-size:7px}.boot-top>span{font-size:7px;letter-spacing:1px;max-width:145px;text-align:right}.boot-top b{margin:0 5px}.boot-inner{width:calc(100% - 40px);margin-top:22px}.boot-poster-image{height:280px}.boot-poster-index{font-size:48px;right:15px}.boot-poster-state{left:17px;top:17px}.boot-caption{grid-template-columns:1fr;gap:14px;padding-top:20px;min-height:0}.boot-caption>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-direction:row-reverse}#bootStatus .boot-caption h1{font-size:25px;letter-spacing:1px;margin:0}.boot-caption>div:first-child>small{font-size:7px;letter-spacing:1px}.boot-mode-description{padding-left:13px}.boot-mode-description p{font-size:10px;line-height:1.9}.boot-carousel-controls{padding-top:0;padding-bottom:13px}.boot-ready-panel{flex-wrap:wrap;gap:16px;padding-top:17px}.boot-progress-copy{flex-basis:100%}.boot-progress-copy #bootMessage{font-size:10px}.boot-progress-copy #bootPhase{font-size:7px;letter-spacing:1px}#bootStatus #bootContinue{width:100%;min-width:0;justify-content:center;gap:30px;padding:13px 22px}.boot-footer{font-size:7px;letter-spacing:0;width:calc(100% - 40px);margin-top:8px}.boot-progress-copy>small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.boot-slide.is-active{animation:none}.boot-progress>i{animation-duration:4s}.boot-dots i{transition:none}}

/* A short battlefield shot becomes a full black frame, then reveals Home underneath. */
.entrance-cinematic,.entrance-blackout{position:fixed;inset:0;pointer-events:none}
.entrance-cinematic{visibility:hidden;overflow:hidden;background:#142732;opacity:0}
.entrance-battlefield{position:absolute;inset:-5%;will-change:transform}
.entrance-battlefield img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;filter:saturate(.72) brightness(.92)}
.entrance-scene-grade{position:absolute;inset:0;background:linear-gradient(90deg,#071c2a99,transparent 60%),linear-gradient(0deg,#07131fe8,transparent 55%,#13293666)}
#entranceEffects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.entrance-letterbox{position:absolute;inset:0;border-block:8vh solid #060b10;box-shadow:inset 0 0 120px #0714207a}
.entrance-scene-title{position:absolute;left:8%;bottom:18%;display:flex;flex-direction:column;gap:12px;opacity:0}
.entrance-scene-title>span{font:9px/1.5 "Segoe UI",sans-serif;letter-spacing:4px;color:#afcbd8}
.entrance-scene-title>strong{font:500 clamp(35px,5vw,72px)/1.3 "Microsoft YaHei",sans-serif;letter-spacing:14px;color:#eef6f7;text-shadow:0 5px 40px #07151f}
.entrance-scene-title>small{font-size:11px;letter-spacing:6px;color:#bacfd9}
.entrance-smoke{position:absolute;pointer-events:none;opacity:0;filter:blur(22px);mix-blend-mode:normal;will-change:transform,opacity}
.entrance-smoke-near{inset:15% -30% -55%;background:radial-gradient(ellipse at 25% 60%,#172b38 0,transparent 55%),radial-gradient(ellipse at 68% 55%,#435661e6 0,transparent 49%),radial-gradient(ellipse at 95% 70%,#0a1823 0,transparent 60%)}
.entrance-smoke-far{inset:30% -30% -15%;background:radial-gradient(ellipse at 70% 60%,#8d9a9d88 0,transparent 40%),radial-gradient(ellipse at 30% 65%,#586e78bb 0,transparent 46%)}
.entrance-blackout{z-index:4;background:#000;opacity:0;transition:opacity .48s ease-in}
body #bootStatus.is-transitioning{overflow:hidden;background:#000}
.is-transitioning>.boot-top,.is-transitioning>.boot-inner,.is-transitioning>.boot-footer{visibility:hidden}
.is-transitioning .entrance-cinematic{visibility:visible;opacity:1;animation:entranceSceneIn .45s ease-out both}
.is-transitioning .entrance-battlefield{animation:entranceAdvance 3.6s cubic-bezier(.16,.54,.36,1) both}
.is-transitioning .entrance-scene-title{animation:entranceTitle 2.8s ease both}
.is-transitioning .entrance-smoke-near{animation:entranceSmoke 3.4s .1s ease-in both}
.is-transitioning .entrance-smoke-far{animation:entranceDistantSmoke 3.4s ease-in both}
#bootStatus[data-entrance-phase="blackout"] .entrance-blackout{opacity:1}
body #bootStatus[data-entrance-phase="reveal"]{background:transparent}
#bootStatus[data-entrance-phase="reveal"] .entrance-cinematic{visibility:hidden;animation:none}
#bootStatus[data-entrance-phase="reveal"] .entrance-blackout{animation:entranceReveal 1.1s ease-in-out both;transition:none}
#bootStatus #bootSkip{position:fixed;right:5%;bottom:3%;z-index:5;border:1px solid #9fc4d538;background:#16304166;color:#b3ccd8;display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:2px;padding:9px 13px}
#bootStatus #bootSkip span{font-size:8px;color:#7193a6;border:1px solid #8db4c733;padding:1px 5px;letter-spacing:1px}
#bootStatus #bootSkip[hidden]{display:none}
.entrance-suspended *{animation-play-state:paused!important}
@keyframes entranceSceneIn{from{opacity:0}to{opacity:1}}
@keyframes entranceAdvance{0%{transform:scale(1.03) translate3d(0,1%,0)}45%{transform:scale(1.12) translate3d(-1%,0,0)}55%{transform:scale(1.15) translate3d(-1.2%,.35%,0)}100%{transform:scale(1.24) translate3d(-2%,-2%,0)}}
@keyframes entranceTitle{0%,8%{opacity:0;transform:translateY(16px)}28%,65%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-7px)}}
@keyframes entranceSmoke{0%{opacity:0;transform:translate3d(12%,25%,0) scale(.8)}35%{opacity:.4}100%{opacity:1;transform:translate3d(-8%,-15%,0) scale(1.4)}}
@keyframes entranceDistantSmoke{from{opacity:.15;transform:translate3d(-8%,10%,0) scale(.9)}to{opacity:.7;transform:translate3d(8%,-10%,0) scale(1.2)}}
@keyframes entranceReveal{0%,12%{opacity:1}100%{opacity:0}}
@media(max-width:720px){.entrance-battlefield img{object-position:45% 60%}.entrance-scene-title{left:8%;bottom:22%;gap:15px}.entrance-scene-title>span{font-size:7px;letter-spacing:2px}.entrance-scene-title>strong{font-size:38px;letter-spacing:8px}.entrance-scene-title>small{font-size:9px;letter-spacing:3px}.entrance-letterbox{border-block-width:7vh}.entrance-smoke{filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.is-transitioning .entrance-battlefield,.is-transitioning .entrance-smoke,.is-transitioning .entrance-scene-title{animation:none}.entrance-cinematic{display:none}}
