.loading-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 38%,#2b4434 0,#15271f 47%,#0b1714 100%);color:#f3edd8;text-align:center}
.loading-screen[hidden]{display:none}
.loading-screen::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#9bbf8b 1px,transparent 1px),linear-gradient(90deg,#9bbf8b 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.loading-screen.is-ready{opacity:0;pointer-events:none;transition:opacity .35s ease}
.loading-card{position:relative;width:min(420px,100%);padding:38px 34px 32px;border:1px solid #bfc79080;background:#1b2f25ed;box-shadow:0 24px 80px #020c0a9c, inset 0 0 0 4px #15251d;border-radius:4px}
.loading-emblem{width:54px;height:54px;margin:0 auto 18px;display:grid;place-items:center;background:#d3ba75;color:#243627;font-size:28px;clip-path:polygon(50% 0,62% 35%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 35%);animation:loading-breathe 2s ease-in-out infinite}
.loading-kicker{color:#d9c984;font-size:10px;font-weight:700;letter-spacing:.28em}
.loading-card h1{margin:14px 0 10px;color:#f4efd9;font:600 34px/1.1 Georgia,serif}
.loading-card p{min-height:20px;margin:0 0 23px;color:#c3d1be;font-size:13px}
.loading-track{height:10px;overflow:hidden;border:1px solid #b7c6936b;border-radius:2px;background:#0d1e19}
.loading-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#7eae79,#d6c17a);transition:width .2s ease}
.loading-card small{display:block;margin-top:12px;color:#a8bba6;font-size:10px;letter-spacing:.08em}
.loading-card button{margin-top:20px;padding:9px 16px;border:1px solid #d7c6888c;border-radius:3px;background:#344837;color:#fff3d5;cursor:pointer}
@keyframes loading-breathe{50%{transform:scale(.85);opacity:.75}}
@media (prefers-reduced-motion:reduce){.loading-emblem{animation:none}.loading-track span,.loading-screen.is-ready{transition:none}}