.loader{background:radial-gradient(ellipse at 15% 5%,#f3fbff 0,transparent 58%),radial-gradient(ellipse at 90% 100%,#b1d8e6 0,transparent 56%),#d8ebf2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:32px;color:#2c4e60;text-align:left;isolation:isolate;transition:opacity .4s ease,visibility .4s ease}
.loader::before,.loader::after{content:"";position:absolute;border:1px solid #90bfce50;border-radius:50%;width:290px;height:290px;pointer-events:none;z-index:-1}
.loader::before{left:-165px;top:12%}.loader::after{right:-115px;bottom:-155px;width:360px;height:360px}
.loader.hidden{display:flex;opacity:0;visibility:hidden;pointer-events:none}
.departure-card{display:grid;grid-template-columns:1.04fr 1fr;width:min(940px,100%);min-height:470px;background:#fffefa;border:2px solid #93bccb;border-radius:23px;box-shadow:0 5px 0 #afd0dd,0 18px 55px #365d7320;overflow:hidden}
.departure-art{position:relative;min-height:470px;background:#839eab;overflow:hidden}
.departure-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#18384e26 0,transparent 34%,#102d426b 68%,#123247e0 100%);pointer-events:none}
.departure-scene{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:0% 50%}
.mode-pill{position:absolute;z-index:1;top:24px;left:24px;border:1px solid #ffffffa0;background:#eef8fcdd;color:#3c667a;padding:7px 12px;border-radius:7px;font-size:11px;font-weight:650;letter-spacing:.08em}
.departure-heading{position:absolute;z-index:1;left:28px;right:22px;bottom:76px;display:flex;gap:14px;align-items:center;color:#fff}
.mascot{display:block;flex:0 0 54px;height:54px;background:url('images/hud_health_run.png') 0 0/864px 54px no-repeat;opacity:.95}
.brand-kicker{font-size:9px;letter-spacing:.18em;color:#d6e9f1;font-weight:600}
.departure-heading h1{font-size:37px;line-height:1.1;letter-spacing:.04em;margin:8px 0 0;color:#fff;text-shadow:0 2px 8px #102d4240}
.departure-heading h1 span{display:block;font-size:15px;margin:9px 0 0;letter-spacing:.29em;color:#d7eaf1;font-weight:450}
.scene-caption{position:absolute;z-index:1;left:29px;right:27px;bottom:25px;display:flex;gap:8px;align-items:center;border-top:1px solid #d6edf12e;padding-top:16px;color:#e8f4f8;font-size:12px}
.scene-caption>span:last-child{margin-left:auto;color:#bfd6e0;font-size:10px}.scene-marker{width:5px;height:5px;border-radius:50%;background:#bddfea;box-shadow:0 0 0 3px #bddfea1c}
.departure-info{padding:32px 33px 23px;display:flex;flex-direction:column;justify-content:center}
.departure-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.tiny-label{font-size:10px;letter-spacing:.1em;color:#8ba5af}.chapter-mark{font-size:10px;letter-spacing:.12em;color:#9cb4bd;font-variant-numeric:tabular-nums}
.departure-info h2{font-size:27px;font-weight:750;letter-spacing:.02em;margin:0 0 8px;color:#294b5e}
.departure-info>#description{font-size:12px;line-height:1.7;color:#7f99a6;margin:0 0 25px}
.load-stages{list-style:none;display:flex;margin:0 0 27px;padding:0;justify-content:space-between;gap:9px;position:relative}.load-stages::before{content:"";height:1px;background:#e2edf1;position:absolute;left:18px;right:18px;top:11px}
.load-stages li{position:relative;z-index:1;display:flex;align-items:center;gap:6px;font-size:10px;color:#a2b5bd;background:#fffefa;padding-right:4px;white-space:nowrap}.stage-dot{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;border:1px solid #d5e4e9;background:#fffefa;color:#a1b7c0;font-size:10px;font-variant-numeric:tabular-nums}
.load-stages li.current{color:#3e7a93}.load-stages li.current .stage-dot{background:#e6f3f8;border-color:#80b6ca;color:#447f95;box-shadow:0 0 0 3px #b4d9e71c}.load-stages li.complete{color:#759caa}.load-stages li.complete .stage-dot{background:#eaf4f6;border-color:#c1dbe4;color:#5d8d9f}
.progress-heading{display:flex;align-items:center;justify-content:space-between;color:#7896a4;font-size:11px;gap:12px}.progress-heading strong{color:#3a7089;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}
.departure-info progress{appearance:none;-webkit-appearance:none;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#e6f0f4;margin:11px 0 9px;color:#81b7cc}.departure-info progress::-webkit-progress-bar{background:#e6f0f4;border-radius:10px}.departure-info progress::-webkit-progress-value{background:linear-gradient(90deg,#80b1c6,#acd3e1);border-radius:10px;transition:width .2s}.departure-info progress::-moz-progress-bar{background:#8ebfd2;border-radius:10px}
.departure-info .load-note{font-size:10px!important;line-height:1.8;color:#91a7b1;margin:0}.departure-info #status{min-height:19px;margin-bottom:17px}
.depart-button{display:flex;align-items:center;justify-content:center;gap:27px;width:100%;min-height:45px;padding:11px 18px;border:1px solid #6697ae;border-radius:10px;background:#5689a0;color:#fff;font:600 13px system-ui,"Microsoft YaHei",sans-serif;letter-spacing:.08em;box-shadow:0 3px 0 #c8dfe8;cursor:pointer;transition:background .16s,transform .16s}
.depart-button:hover:not(:disabled){background:#467c96;transform:translateY(-1px)}.depart-button:focus-visible,.loading-home:focus-visible{outline:3px solid #91bdcf;outline-offset:4px}.depart-button:disabled{cursor:default;background:#b0c8d2;border-color:#a2becb;box-shadow:none}.button-arrow{font-size:18px;line-height:1}
.departure-help{display:flex;align-items:flex-start;gap:8px;margin-top:23px;border-top:1px solid #e9eff2;padding-top:15px}.help-mark{flex:0 0 13px;height:13px;display:grid;place-items:center;border:1px solid #adc6d0;color:#91b1bf;font-size:9px;border-radius:50%;margin-top:3px}.departure-help .load-note{line-height:1.9;color:#91a6b1;font-size:10px!important}
.loading-home{margin-top:15px;font-size:10px;color:#91aab7;text-decoration:none;align-self:flex-start}.loading-home:hover{color:#427c96}.loading-footnote{margin:0;font-size:10px;letter-spacing:.18em;color:#7f9fad}.departure-info .failure{color:#aa6260;font-size:11px;line-height:1.8;background:#faf0ed;border:1px solid #efd9d3;border-radius:8px;padding:10px 12px;margin-top:12px;overflow-wrap:anywhere}
.loader[data-state="loading"] .button-arrow,.loader[data-state="preparing"] .button-arrow{display:none}.loader[data-state="preparing"] progress{opacity:.75}.player:not(.playing) .utility{display:none}
@media(max-width:780px) and (orientation:landscape){.loader{padding:18px;gap:13px}.departure-card{width:min(840px,100%);min-height:0;grid-template-columns:.85fr 1fr;border-radius:17px}.departure-art{min-height:0}.departure-info{padding:19px 25px 15px}.departure-top{margin-bottom:11px}.departure-info h2{font-size:23px}.departure-info>#description{margin-bottom:16px}.load-stages{margin-bottom:18px}.departure-help{margin-top:15px;padding-top:10px}.departure-heading{left:20px;bottom:67px;gap:6px}.departure-heading h1{font-size:30px}.scene-caption{left:22px;right:20px;bottom:22px}.scene-caption>span:last-child{display:none}.mode-pill{top:18px;left:18px}.loading-footnote{font-size:9px}.loading-home{margin-top:9px}.departure-info #status{margin-bottom:12px}}
@media(max-width:560px) and (orientation:portrait){.loader{padding:24px 20px;overflow-y:auto;justify-content:flex-start;gap:18px}.departure-card{display:block;max-width:410px;min-height:0;border-radius:19px;flex-shrink:0}.departure-art{height:180px;min-height:180px}.departure-heading{left:21px;bottom:27px}.departure-heading h1{font-size:29px}.departure-heading h1 span{font-size:11px;margin-top:7px}.departure-heading .mascot{width:44px;flex-basis:44px;height:44px;background-size:704px 44px}.brand-kicker{font-size:8px}.mode-pill{top:16px;left:19px;font-size:10px}.scene-caption{display:none}.departure-info{padding:25px}.departure-top{margin-bottom:14px}.departure-info>#description{margin-bottom:22px}.departure-help{margin-top:21px}.load-stages{margin-bottom:24px}.loading-footnote{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.loader,.depart-button,.departure-info progress::-webkit-progress-value{transition:none}}
@media(orientation:landscape) and (max-height:500px){
 .loader{padding:12px;gap:0}.departure-card{grid-template-columns:.82fr 1fr;min-height:0;border-radius:17px}.departure-art{min-height:0}
 .departure-top,.departure-help,.loading-footnote{display:none}.departure-info{padding:18px 24px 14px}
 .departure-info h2{font-size:22px;line-height:1.2;margin:0 0 6px}.departure-info>#description{font-size:11px;line-height:1.4;margin:0 0 12px}
 .load-stages{margin:0 0 12px}.progress-heading{line-height:16px}.progress-heading strong{line-height:16px}
 .departure-info progress{height:7px;margin:8px 0}.departure-info #status{min-height:17px;line-height:17px;margin:0 0 10px}
 .depart-button{min-height:40px;padding:9px 18px;font-size:12px}.loading-home{margin-top:10px;line-height:12px}
 .departure-heading{left:21px;bottom:68px;gap:8px}.departure-heading h1{font-size:31px}.mode-pill{top:17px;left:20px}
 .scene-caption{left:23px;right:22px;bottom:22px}
}
@media(orientation:landscape) and (max-height:370px){
 .departure-info{padding:13px 20px 11px}.departure-info>#description{display:none}.departure-info h2{font-size:21px;line-height:1.15;margin-bottom:12px}
 .load-stages{margin-bottom:10px}.departure-info #status{margin-bottom:7px}.depart-button{min-height:36px;padding:7px 16px}.loading-home{margin-top:7px}
 .scene-caption>span:last-child{display:none}.departure-heading h1{font-size:27px}.brand-kicker{font-size:8px}
}