.booting>.game,.booting>.desktop-note{visibility:hidden}
#loading-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#173f43;transition:opacity .3s ease;overflow:hidden}
.loading-frame{position:relative;width:min(100%,480px);height:100%;height:100svh;overflow:hidden;background:linear-gradient(#55c9e4,#b1e9c4 60%,#569f44);isolation:isolate}
.loading-illustration{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.loading-frame:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#064b6110,transparent 45%,#17462b08 65%,#143c2bbf)}
.loading-logo{position:absolute;top:max(7%,env(safe-area-inset-top));left:0;width:100%;text-align:center;color:#fff8dd;font:900 clamp(38px,11vw,54px)/.95 system-ui,sans-serif;letter-spacing:-2px;text-shadow:0 3px 0 #34765f,0 6px 16px #24647a66;transform:rotate(-3deg)}
.loading-logo span{display:block;font-size:.6em;line-height:1.5;color:#ffde6b;letter-spacing:1px}
.loading-bottom{position:absolute;bottom:max(6%,calc(env(safe-area-inset-bottom) + 24px));left:9%;right:9%;text-align:center;color:#fff9e8;font:700 14px/1.5 system-ui,sans-serif}
.loading-caption{display:flex;justify-content:space-between;align-items:center;margin:0 5px 10px;text-shadow:0 2px 5px #163f2c}
.loading-bar{height:24px;padding:4px;border-radius:30px;background:#163f3dcc;border:2px solid #fff3cd;box-shadow:0 3px 0 #133d3d66,0 8px 20px #173f2b33;overflow:hidden}
.loading-fill{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;border-radius:20px;background:linear-gradient(#ffe78d,#ffcf48 50%,#ffa82c);box-shadow:inset 0 2px 0 #fff5ce;position:relative;overflow:hidden}
.loading-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff8bc88 45%,transparent 70%);animation:loading-shine 2.3s linear infinite}
.loading-tagline{margin:12px 0 0;font-weight:500;font-size:12px;opacity:.85;letter-spacing:.3px}
#loading-retry{margin-top:14px;border:0;border-radius:16px;padding:12px 22px;color:#24452b;background:#ffdc73;font:800 15px system-ui;cursor:pointer}
#loading-retry[hidden]{display:none}
#loading-screen.loading-done{opacity:0;pointer-events:none}
@keyframes loading-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.loading-fill:after{animation:none}#loading-screen{transition:none}}