@font-face{font-family:Audiowide;src:url('Loading/Audiowide.ttf') format('truetype');font-display:swap}
@font-face{font-family:Montserrat;src:url('Loading/Montserrat.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080510;color:#fff}
body{font-family:Montserrat,Arial,sans-serif}
#unity-canvas{display:block;visibility:hidden;width:100%;height:100%;outline:none}
#unity-canvas.is-ready{visibility:visible}
#loading-screen{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow:auto;padding:36px 24px;background:#080510;opacity:1;transition:opacity .25s ease}
#loading-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,3,14,.55),rgba(5,3,14,.78) 64%,rgba(5,3,14,.3)),url('Loading/background.webp') center/cover no-repeat;pointer-events:none}
#loading-screen.is-complete{opacity:0;pointer-events:none}
#loading-screen[hidden]{display:none}
.loading-content{position:relative;z-index:1;width:min(1200px,100%);text-align:center}
.eyebrow{margin:0 0 35px;color:#93aeba;font-size:11px;letter-spacing:.3em;font-weight:bold}
.game-title{position:relative;width:fit-content;margin:0 auto}
h1{position:relative;z-index:1;margin:0;font-family:Audiowide,Arial,sans-serif;font-weight:400;font-size:clamp(28px,5.1vw,84px);line-height:1.2;letter-spacing:.035em;text-shadow:0 2px 22px #000}
.invader{position:absolute;width:clamp(55px,8vw,110px);height:auto;top:-55px;filter:drop-shadow(0 0 18px #000);opacity:.95}
.invader-money{left:-10px;transform:rotate(-16deg)}
.invader-tax{right:-12px;transform:rotate(17deg)}
.tagline{font-family:Audiowide,Arial,sans-serif;color:#00d5f4;font-size:clamp(14px,2vw,25px);line-height:1.5;margin:24px 0 48px}
.loading-panel{width:min(540px,100%);margin:auto;padding:24px 28px;background:linear-gradient(135deg,rgba(2,22,33,.75),rgba(3,11,23,.8));border:1px solid rgba(0,208,241,.25);box-shadow:0 0 45px rgba(0,186,232,.07)}
.progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:15px;text-align:left}
#loading-text{font-size:13px;font-weight:bold;line-height:1.5;color:#e8f9ff}
#loading-percent{font-family:Audiowide,Arial,sans-serif;font-size:23px;color:#00d5f4;min-width:68px;text-align:right;font-variant-numeric:tabular-nums}
#progress-bar-container{height:15px;background:#071521;border:1px solid #17647c;transform:skewX( -18deg);overflow:hidden}
#progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#046581,#00d6f7);box-shadow:0 0 16px #00c9ee;transition:width .16s linear}
.loading-note{font-size:11px;line-height:1.7;color:#9bb0bf;min-height:38px;margin:16px 0 0}
.mission{margin:30px 0 0;font-size:13px;color:#cbd3df;line-height:1.6}
.retry-button{border:1px solid #00d5f4;background:linear-gradient(#092231,#007da1);color:#fff;padding:12px 28px;font:14px Audiowide,Arial,sans-serif;margin-top:16px;cursor:pointer}
.retry-button:hover,.retry-button:focus-visible{background:#007da1;outline:2px solid #fff;outline-offset:4px}
.retry-button[hidden]{display:none}
#loading-screen.has-error #loading-text{color:#ffb7b7}
#loading-screen.has-error #progress-bar{background:#b64150}
@media(max-width:600px){#loading-screen{padding:32px 22px}.eyebrow{font-size:9px;margin-bottom:45px}h1{font-size:clamp(28px,8vw,45px);max-width:480px}.invader{top:-38px;width:60px}.invader-money{left:0}.invader-tax{right:0}.tagline{margin:20px 0 28px}.loading-panel{padding:20px}.mission{font-size:11px;max-width:280px;margin:24px auto 0}}
@media(max-height:500px) and (min-width:601px){#loading-screen{padding:24px}.eyebrow{margin-bottom:15px}.invader{width:55px;top:-26px}h1{font-size:38px}.tagline{font-size:15px;margin:12px 0 20px}.loading-panel{padding:15px 24px}.mission{margin-top:14px;font-size:11px}.loading-note{margin-top:10px;min-height:0}}
@media(prefers-reduced-motion:reduce){#loading-screen,#progress-bar{transition:none}}