.loading-scene{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:#100e17 url('./assets/title-scene.png') center/cover no-repeat;pointer-events:auto;touch-action:manipulation;color:#f5e9d6}
.loading-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--loading-focus,50% 38%);opacity:0;transform:scale(1.015);transition:opacity .45s ease;animation:loading-illustration-drift 16s ease-in-out infinite alternate}
.art-ready .loading-art{opacity:1}
.loading-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c0b13f7 0%,#0c0b13d9 12%,#0c0b1359 35%,transparent 65%,#0c0b1359 100%),linear-gradient(90deg,#100d1933,transparent 55%,#100d192b);pointer-events:none}
.loading-top{position:absolute;left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;gap:20px}
.loading-top .wordmark{font-size:13px;letter-spacing:.22em;text-shadow:0 2px 10px #000}
.loading-top .btn-secondary{min-height:44px;padding:10px 18px;background:#100d17a6;border-color:#ddc9a848;color:#ebdfcd;font-size:13px}
.loading-copy{position:absolute;bottom:max(35px,calc(env(safe-area-inset-bottom) + 22px));left:50%;transform:translateX(-50%);width:min(1080px,calc(100% - 72px));text-shadow:0 2px 20px #000}
.loading-copy>.eyebrow{font-size:12px;color:#dfc392;letter-spacing:.24em}
.loading-copy h1{font-size:clamp(27px,3.3vw,43px);font-weight:500;line-height:1.4;letter-spacing:.08em;margin:12px 0}
.loading-tip{font-size:14px;line-height:1.8;color:#d5c9d1;max-width:610px;margin:0;word-break:keep-all}
.loading-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:22px;border-top:1px solid #dfc69c33}
.loading-status{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6;color:#c3b49e}
.loading-spark{font-size:23px;color:#e5c588;animation:loading-glow 2.4s ease-in-out infinite}
.loading-footer .btn-primary{min-width:205px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;letter-spacing:.03em;padding:15px 22px;text-shadow:none;white-space:nowrap}
.loading-embers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.loading-embers i{position:absolute;left:28%;bottom:12%;width:2px;height:2px;background:#edc486;opacity:0;animation:loading-ember 7s linear infinite}
.loading-embers i:nth-child(2){left:44%;animation-delay:-4s;animation-duration:9s}.loading-embers i:nth-child(3){left:71%;animation-delay:-2s}.loading-embers i:nth-child(4){left:16%;animation-delay:-6s;animation-duration:10s}.loading-embers i:nth-child(5){left:82%;animation-delay:-3s;animation-duration:8s}
.loading-paused *{animation-play-state:paused!important}
@keyframes loading-illustration-drift{from{transform:scale(1.015)}to{transform:scale(1.065) translateY(-.4%)}}
@keyframes loading-glow{0%,100%{opacity:.4}50%{opacity:.95}}
@keyframes loading-ember{0%{transform:translate(0,0);opacity:0}18%{opacity:.5}80%{opacity:.25}100%{transform:translate(18px,-180px);opacity:0}}
@media(max-width:650px){
 .loading-top{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top))}
 .loading-top .wordmark{font-size:12px;letter-spacing:.14em}.loading-top .btn-secondary{font-size:14px;padding:9px 12px}
 .loading-copy{width:calc(100% - 42px);bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px))}
 .loading-copy>.eyebrow{font-size:12px;letter-spacing:.18em}.loading-copy h1{font-size:27px;margin:10px 0}
 .loading-tip{font-size:14px;line-height:1.75;max-width:360px}
 .loading-footer{display:grid;grid-template-columns:1fr;gap:13px;margin-top:20px;padding-top:16px}
 .loading-footer .btn-primary{width:100%;min-width:0;padding:15px 20px}.loading-status{font-size:12px}
 .loading-shade{background:linear-gradient(0deg,#0c0b13fa,#0c0b13dd 19%,#0c0b1333 46%,transparent 67%,#0c0b1380)}
}
@media(max-height:570px) and (max-width:650px){
 .loading-copy{bottom:16px}.loading-copy h1{font-size:23px}.loading-footer{gap:8px;margin-top:12px;padding-top:10px}.loading-footer .btn-primary{padding:11px 18px;min-height:44px}
}
@media(max-height:500px) and (orientation:landscape){
 .loading-top{top:max(14px,env(safe-area-inset-top))}.loading-copy{bottom:max(17px,env(safe-area-inset-bottom))}.loading-copy h1{font-size:26px;margin:7px 0}.loading-tip{font-size:14px;max-width:80%}.loading-footer{display:flex;margin-top:12px;padding-top:12px;gap:16px}.loading-footer .btn-primary{width:auto;min-width:170px;padding:11px 18px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.loading-scene *{animation:none!important;transition:none!important}}