.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:13000!important;overflow:hidden;color:#f4fbff;background:linear-gradient(115deg,rgba(4,15,31,.86),rgba(8,34,54,.72)),url(/img/hdr/beach_vr.png) 50% /cover no-repeat}.loading-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 42%,rgba(3,19,33,0) 0,rgba(3,19,33,.28) 55%,rgba(3,19,33,.78) 100%);pointer-events:none}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particles{position:relative;width:100%;height:100%}.particle{position:absolute;width:5px;height:5px;background:rgba(141,224,231,.48);box-shadow:0 0 14px rgba(93,207,219,.56);border-radius:50%;animation:float var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--x);top:var(--y);opacity:0}@keyframes float{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}.loading-content{position:relative;z-index:10;text-align:center;justify-content:center}.loading-content,.loading-panel{display:flex;flex-direction:column;align-items:center}.loading-panel{gap:1.6rem;padding:clamp(2rem,5vw,3.2rem) clamp(2rem,6vw,4rem);background:rgba(5,20,37,.72);border:1px solid rgba(158,224,232,.24);border-radius:28px;box-shadow:0 36px 100px rgba(0,7,18,.58),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(24px) saturate(1.12);backdrop-filter:blur(24px) saturate(1.12);animation:loading-panel-in .6s ease-out both}@keyframes loading-panel-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-brand{display:flex;align-items:center;justify-content:center}.loading-brand-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,10,24,.4));animation:loading-logo-pulse 2.8s ease-in-out infinite}@keyframes loading-logo-pulse{0%,to{transform:translateY(0);filter:drop-shadow(0 8px 22px rgba(0,10,24,.4))}50%{transform:translateY(-6px);filter:drop-shadow(0 16px 30px rgba(112,211,222,.32))}}.loading-title{margin:0;display:flex;flex-direction:column;align-items:center;gap:.55rem}.title-main{font-size:clamp(1.8rem,5vw,2.3rem);font-weight:700;font-family:Orbitron,monospace;color:#fff;text-align:center;letter-spacing:.14em;line-height:1.1;text-shadow:0 0 18px rgba(112,211,222,.45),0 2px 8px rgba(0,0,0,.6)}.title-sub{font-size:clamp(.9rem,2.4vw,1.05rem);font-weight:400;letter-spacing:.08em;text-align:center;line-height:1.4;color:rgba(231,249,252,.82)}.loading-animation{display:flex;flex-direction:column;align-items:center;gap:.45rem}.progress-text{font-size:.92rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-align:center;color:#8de0e7;text-shadow:0 0 10px rgba(112,211,222,.35)}.progress-percent{font-size:1.4rem;font-weight:750;font-family:Orbitron,monospace;letter-spacing:.04em;color:#fff;text-shadow:0 0 14px rgba(112,211,222,.5)}.loading-screen.fade-out{opacity:0;transition:opacity .5s ease-out}.loading-progress-bar{position:relative;height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(159,190,207,.22);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.loading-progress-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(100deg,#9ee8e9,#6fcbd6);box-shadow:0 0 16px rgba(112,211,222,.6);transition:width .35s ease}.loading-progress-bar.is-indeterminate .loading-progress-fill{width:42%;transition:none;animation:loading-indeterminate 1.4s ease-in-out infinite}@keyframes loading-indeterminate{0%{transform:translateX(-120%)}to{transform:translateX(280%)}}@media (max-width:768px){.loading-panel{gap:1.2rem;border-radius:22px}.loading-brand-logo{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.loading-brand-logo,.loading-panel,.loading-progress-bar.is-indeterminate .loading-progress-fill,.particle{animation:none}}