/* Clean illustrations; live loading values and controls. */
.illustrated-loader#boot,.illustrated-loader#race-preparation{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#030815;padding:0;color:#e9f9ff;transition:opacity .35s ease}
.illustrated-loader{--loading-art:url('../public/assets/loading-v3/main-clean.png')}.illustrated-loader.loader-race{--loading-art:url('../public/assets/loading-v3/race-clean.png')}
.illustrated-loader .loader-ambient{position:absolute;inset:-30px;z-index:-1;background:linear-gradient(#03081577,#030815aa),var(--loading-art) center/cover no-repeat;filter:blur(20px);opacity:.72}
.illustrated-loader .loader-scene{position:relative;width:min(100vw,177.6833dvh);aspect-ratio:1672/941;container-type:inline-size;flex:none}
.illustrated-loader .loader-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.illustrated-loader .loader-controls{position:absolute;left:29.3%;top:69.7%;width:41.5%;text-align:center;text-shadow:0 2px 6px #000,0 0 12px #219dffb3}
.illustrated-loader .loader-title{margin:0 0 .55cqw;font-size:1.26cqw;line-height:1.4;letter-spacing:.46cqw;font-weight:700;font-style:normal;color:#e4f8ff;text-indent:.46cqw}
.illustrated-loader .loader-meter-row{display:flex;align-items:center;gap:1.15cqw}
.illustrated-loader .loader-meter{position:relative;flex:1;height:1.7cqw;padding:.23cqw;border:.11cqw solid #a1eeff;border-radius:1.1cqw;background:linear-gradient(#092947,#010710 46%,#08213c);box-shadow:0 0 .2cqw #fff,inset 0 0 .32cqw #20aaff,0 0 .65cqw #009aff,0 0 1.3cqw #008aff80;isolation:isolate}
.illustrated-loader .loader-meter:before{content:'';position:absolute;inset:-.2cqw;border-radius:inherit;border:.06cqw solid #146cff;pointer-events:none}
.illustrated-loader .loader-meter>span{position:relative;display:block;width:100%;height:100%;border-radius:inherit;transform:scaleX(0);transform-origin:left center;background:linear-gradient(0deg,#d82fff,#e3d9ff 46%,#a9ffff 62%,#04bcff);box-shadow:0 0 .3cqw #fff,0 0 .85cqw #0df5ff,inset 0 0 .2cqw #fff;transition:transform .2s ease-out}
.illustrated-loader .loader-meter>span:after{content:'';position:absolute;right:0;top:-22%;height:144%;width:.5cqw;border-radius:50%;background:#fff;box-shadow:0 0 .55cqw .2cqw #ff2af4,0 0 1.2cqw .4cqw #ff42de}
.illustrated-loader .loader-percentage{min-width:3.2cqw;text-align:left;font:700 1.5cqw/1 'Rajdhani','Arial Narrow',sans-serif;font-variant-numeric:tabular-nums;color:#edfaff}
.illustrated-loader .loader-status{margin:.65cqw auto 0;font-size:.78cqw;letter-spacing:.12cqw;line-height:1.35;color:#d1ebff}.illustrated-loader .loader-status>strong{font-weight:600}
.illustrated-loader .loader-status p,.illustrated-loader#boot p{margin:0;font-size:inherit;letter-spacing:inherit;line-height:inherit;color:inherit}.illustrated-loader .loader-status small{display:block;margin-top:.2cqw;font-size:.63cqw;color:#a7c7db;letter-spacing:.04cqw}
.illustrated-loader.loader-race .loader-controls{left:30.3%;top:78.7%;width:40.5%}.illustrated-loader.loader-race .loader-title{margin:1.05cqw 0 .45cqw;letter-spacing:.4cqw;font-size:1.3cqw}
.illustrated-loader .loader-destination{font-size:.72cqw;letter-spacing:.15cqw;color:#b9e7ff}.illustrated-loader .loader-destination i{font-style:normal;color:#f56cdb;margin:0 .35cqw}
.illustrated-loader.loader-race .loader-status{margin-top:.5cqw;font-size:.65cqw;letter-spacing:.035cqw}.illustrated-loader.loader-race .loader-status p{font-size:.62cqw;margin-top:.1cqw;color:#b5cdda}
.illustrated-loader .loader-sr{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0;margin:-1px}
.illustrated-loader .preparation-actions{display:flex;gap:12px;justify-content:center;margin-top:14px}.illustrated-loader .preparation-actions:has(button:not([hidden])){padding-bottom:10px}
.illustrated-loader .loader-button,.illustrated-loader .boot-error button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;min-width:170px;border:1px solid #6eeaff;border-radius:3px;background:linear-gradient(120deg,#063d54,#07253d 55%,#0b5980);color:#e8fbff;box-shadow:inset 0 0 10px #299cce66,0 0 14px #009dff44;font-size:14px;font-weight:800;letter-spacing:1px;padding:10px 18px;cursor:pointer}.illustrated-loader .loader-button.secondary{background:#071826;border-color:#668eac;color:#bad7ea}
.illustrated-loader[data-state="failed"] .loader-controls{top:auto;bottom:5%;left:22%;width:56%;padding:18px 22px;background:#030e20ed;border:1px solid #ff67ac88;border-radius:5px;box-shadow:0 0 40px #000b;max-height:90%;overflow:auto}
.illustrated-loader[data-state="failed"] .loader-title{font-size:clamp(16px,1.4cqw,24px);letter-spacing:3px;margin:16px 0 10px}.illustrated-loader[data-state="failed"] .loader-status{font-size:13px;letter-spacing:.3px;line-height:1.5}.illustrated-loader[data-state="failed"] .loader-status p{font-size:12px}.illustrated-loader .boot-error{display:block;max-width:none;line-height:1.6}.illustrated-loader .boot-error button{display:flex;margin:16px auto 0}
@media(orientation:portrait){
 .illustrated-loader .loader-scene{position:static;width:100%;height:100%;aspect-ratio:auto;container-type:normal}.illustrated-loader .loader-art{top:12%;left:-25%;width:150%;height:auto;aspect-ratio:1672/941;object-fit:contain;filter:drop-shadow(0 15px 35px #020715)}.illustrated-loader .loader-ambient{filter:blur(12px);opacity:.65}
 .illustrated-loader .loader-controls,.illustrated-loader.loader-race .loader-controls{left:7%;width:86%;top:auto;bottom:max(12%,calc(env(safe-area-inset-bottom) + 24px));padding:18px 0;background:radial-gradient(ellipse,#030b1ccc,transparent 72%)}
 .illustrated-loader .loader-title,.illustrated-loader.loader-race .loader-title{font-size:20px;letter-spacing:5px;text-indent:5px;margin:0 0 18px}.illustrated-loader.loader-race .loader-title{margin:22px 0 14px}
 .illustrated-loader .loader-meter-row{gap:12px}.illustrated-loader .loader-meter{height:18px;padding:3px;border-width:1.5px;border-radius:12px;box-shadow:0 0 3px #fff,inset 0 0 6px #20aaff,0 0 10px #009aff,0 0 22px #008aff80}.illustrated-loader .loader-meter:before{inset:-3px;border-width:1px}.illustrated-loader .loader-meter>span{box-shadow:0 0 4px #fff,0 0 12px #0df5ff}.illustrated-loader .loader-meter>span:after{width:5px;box-shadow:0 0 7px 2px #ff2af4,0 0 15px 4px #ff42de}.illustrated-loader .loader-percentage{font-size:22px;min-width:42px}
 .illustrated-loader .loader-status,.illustrated-loader.loader-race .loader-status{font-size:13px;letter-spacing:.6px;line-height:1.55;margin-top:18px}.illustrated-loader .loader-status small,.illustrated-loader.loader-race .loader-status p{font-size:11px;margin-top:5px;letter-spacing:.2px}.illustrated-loader .loader-destination{font-size:12px;letter-spacing:1px}.illustrated-loader .loader-destination i{margin:0 6px}
 .illustrated-loader[data-state="failed"] .loader-controls{left:5%;width:90%;bottom:max(3%,env(safe-area-inset-bottom));padding:18px;background:#030e20f5}.illustrated-loader .preparation-actions{flex-wrap:wrap;gap:8px}
}
@media(orientation:landscape) and (max-height:500px){.illustrated-loader[data-state="failed"] .loader-controls{width:66%;left:17%;bottom:4%;padding:12px 18px}.illustrated-loader[data-state="failed"] .loader-destination{display:none}.illustrated-loader[data-state="failed"] .loader-title{margin:10px 0 6px}.illustrated-loader[data-state="failed"] .preparation-actions{margin-top:8px}}
@media(orientation:portrait) and (max-height:700px){.illustrated-loader .loader-art{top:4%;left:-17.5%;width:135%}.illustrated-loader .loader-controls,.illustrated-loader.loader-race .loader-controls{bottom:max(5%,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.illustrated-loader#boot,.illustrated-loader .loader-meter>span{transition:none}}.illustrated-loader[data-reduced="true"] .loader-meter>span{transition:none}