.preloader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;box-sizing:border-box;overflow:hidden;padding:70px 24px 40px;background:radial-gradient(ellipse at 50% 39%,#173f29 0,#0b2118 43%,#030d08 100%);color:#ffe8ab;isolation:isolate;opacity:1;transition:opacity .24s ease;touch-action:manipulation}
.preloader[hidden]{display:none!important}.preloader::before{content:"";position:absolute;inset:-18px;z-index:-2;background:url('../assets/reference-scene.png?v=70ac0c6e3e7e') center/cover;opacity:.1;filter:blur(8px) saturate(.65);pointer-events:none}.preloader::after{content:"";position:absolute;inset:16px;border:1px solid #c49e4933;border-radius:16px;box-shadow:inset 0 0 80px #02090488;z-index:-1;pointer-events:none}
.preloader-content{width:min(100%,590px);display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}/* Preserve the responsive optical offset, with the requested 10px left correction. */
.preloader-logo{--preloader-logo-height:30svh;display:block;width:100%;max-width:540px;height:auto;max-height:var(--preloader-logo-height);object-fit:contain;transform:translateX(calc(min(1.5%,calc(var(--preloader-logo-height) * .0292742)) - 10px));filter:drop-shadow(0 9px 18px #0008);margin-bottom:8px}.preloader-wheel{position:relative;width:clamp(190px,26svh,260px);aspect-ratio:1;margin:8px 0 19px;filter:drop-shadow(0 12px 15px #0006)}.preloader-wheel-art{display:block;width:100%;height:100%;overflow:visible}
.preloader-shell{fill:#0c1d11;stroke:url(#preloader-gold);stroke-width:8}.preloader-shell-inner{fill:none;stroke:#725222;stroke-width:1}.preloader-ticks{stroke:#e7c475;stroke-width:2;opacity:.65}.preloader-ring-track{fill:none;stroke:#463c1d;stroke-width:19}.preloader-ring-fill{fill:none;stroke:url(#preloader-yellow);stroke-width:19;transform:rotate(-90deg);transform-origin:140px 140px;filter:drop-shadow(0 0 3px #f9d44466)}.preloader-ring-edge{fill:none;stroke:#ba963f66;stroke-width:1}.preloader-hub{fill:url(#preloader-hub);stroke:#a887454d;stroke-width:1}.preloader-compass{fill:none;stroke:#d8b255;stroke-width:1;opacity:.1}.preloader-pointer{fill:url(#preloader-yellow);stroke:#916220;stroke-width:1.2;filter:drop-shadow(0 2px 2px #000)}
.preloader-progress{position:absolute;inset:29%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.preloader-percent{display:block;color:#ffda5c;font:400 clamp(31px,4svh,42px)/1.1 var(--game-font,Heavitas,Georgia,serif);font-variant-numeric:tabular-nums;letter-spacing:-1.5px;text-shadow:0 2px #674216,0 0 20px #ffce4322}.preloader-loaded-label{color:#b9bda0;font:600 9px/1.3 system-ui,sans-serif;letter-spacing:2.5px}
.preloader-status{margin:0;max-width:380px;color:#d9d5b5;font:400 11px/1.7 var(--game-font,Heavitas,sans-serif);letter-spacing:.8px}.preloader-rule{display:flex;align-items:center;justify-content:center;gap:10px;width:180px;margin-top:17px;color:#b18c46;font:15px/1 Georgia,serif}.preloader-rule::before,.preloader-rule::after{content:"";width:65px;height:1px;background:linear-gradient(90deg,transparent,#b89448)}.preloader-rule::after{transform:rotate(180deg)}
.preloader-mute{position:absolute;top:max(30px,env(safe-area-inset-top));right:max(34px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #ba985253;border-radius:22px;background:#071a1299;color:#e6d8ad;font:600 10px/1 system-ui,sans-serif;letter-spacing:.6px;box-shadow:none;cursor:pointer}.preloader-mute svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.preloader-mute .preloader-sound-off{display:none}.preloader-mute[data-muted="true"] .preloader-sound-on{display:none}.preloader-mute[data-muted="true"] .preloader-sound-off{display:block}.preloader-mute:hover{background:#263e2399;transform:none;filter:none}.preloader-mute:active{transform:none}.preloader-mute:focus-visible,.preloader-retry:focus-visible{outline:3px solid #ffda6a;outline-offset:4px}
.preloader-retry{margin-top:22px;min-height:46px;padding:12px 24px;border:1px solid #efcc72;border-radius:6px;background:linear-gradient(#ffeaa3,#daa847 50%,#ab741f 51%,#e3b659);box-shadow:inset 0 0 0 2px #ffe8a244,0 5px 15px #0006;color:#30200b;font:400 13px/1.4 var(--game-font,Heavitas,sans-serif);cursor:pointer}.preloader-retry[hidden]{display:none}.preloader[data-phase="error"] .preloader-status{color:#f1c59b}.preloader.is-complete{opacity:0;pointer-events:none}
@media(max-width:600px){.preloader{padding:82px 22px 40px}.preloader::after{inset:10px;border-radius:12px}.preloader-logo{--preloader-logo-height:25svh;width:100%;margin-bottom:16px}.preloader-wheel{width:clamp(180px,29svh,230px);margin-top:0}.preloader-status{font-size:10px;letter-spacing:.4px;max-width:280px}.preloader-mute{top:max(22px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));min-height:38px}.preloader-percent{font-size:37px}}
@media(max-height:500px){.preloader{padding:50px 16px 14px}.preloader-logo{--preloader-logo-height:23svh;margin-bottom:3px}.preloader-wheel{width:40svh;max-width:180px;margin:4px 0 8px}.preloader-status{font-size:9px;line-height:1.4}.preloader-rule{display:none}.preloader-percent{font-size:29px}.preloader-retry{margin-top:9px;min-height:36px;padding:7px 20px}.preloader-mute{top:max(14px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));min-height:32px}}
@media(prefers-reduced-motion:reduce){.preloader{transition:none}}
.preloader[data-reduced="true"],body.reduced-motion .preloader{transition:none}

.preloader-error-detail{margin:10px 0 0;max-width:380px;font:12px/1.4 system-ui,sans-serif;color:#d5cdb1;overflow-wrap:anywhere}.preloader-error-detail[hidden]{display:none}