/* Shared splash layout; each slot keeps its own art, palette and ambient effect. */
@font-face{font-family:'DD Splash Pixel';src:url(../assets/fonts/Silkscreen-Bold.woff2) format('woff2');font-weight:700;font-display:swap;}
.sl-loader{--load-accent:#73e6ff;--load-rgb:115,230,255;--load-second:#ffd876;position:absolute;inset:0;z-index:30;isolation:isolate;container-type:inline-size;display:grid;place-items:center;padding:66px 32px;overflow:hidden;background:#080f20;color:#f4f7ff;font-family:Inter,system-ui,sans-serif;transition:opacity .35s ease,visibility 0s;}
.sl-loader:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 30% 45%,rgba(var(--load-rgb),.15),transparent 58%),radial-gradient(ellipse at 100% 100%,rgba(var(--load-rgb),.055),transparent 55%);}
.sl-loader:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(var(--load-rgb),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--load-rgb),.055) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent 5%,#0008 70%,transparent);}
.sl-loader--deepmine{--load-accent:#76e5ff;--load-rgb:118,229,255;--load-second:#ffd76b;}
.sl-loader--mobvault{--load-accent:#be9bff;--load-rgb:172,128,255;--load-second:#94f06b;}
.sl-loader--divide{--load-accent:#ff94ca;--load-rgb:255,128,190;--load-second:#b4a0ff;}
.sl-loader--raid{--load-accent:#ffac6c;--load-rgb:255,139,70;--load-second:#69e1f6;}
.sl-loader--beacon{--load-accent:#79eaff;--load-rgb:79,213,255;--load-second:#cbfaff;}
.sl-loader--slimefeast{--load-accent:#94f088;--load-rgb:112,231,124;--load-second:#e7d97c;}
.sl-loader.off{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s .35s;}
.sl-loader-brand,.sl-loader-label,.sl-loader-foot{position:absolute;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.18em;color:#91a1b8;}
.sl-loader-brand{left:26px;top:22px;display:flex;gap:11px;align-items:center;color:#c2cddb;}
.sl-loader-brand i{height:3px;width:3px;background:var(--load-accent);}
.sl-loader-label{right:26px;top:22px;display:flex;align-items:center;gap:8px;color:var(--load-accent);}
.sl-loader-label i{width:5px;height:5px;background:currentColor;box-shadow:0 0 12px rgba(var(--load-rgb),.8);animation:slLoadBlink 1.5s ease-in-out infinite;}
.sl-loader-foot{bottom:23px;left:20px;right:20px;text-align:center;font-size:9px;letter-spacing:.24em;color:#7e8ea7;}
.sl-loader-content{width:min(100%,680px);display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:55px;position:relative;}
.sl-loader-art{position:relative;isolation:isolate;width:220px;aspect-ratio:4/5;animation:slLoadFloat 3.8s ease-in-out infinite;}
.sl-loader-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 25px 55px #0009,0 0 0 1px rgba(var(--load-rgb),.25);}
.sl-loader-aura{position:absolute;inset:-35px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--load-rgb),.22),transparent 70%);}
.sl-loader-corners{position:absolute;inset:-9px;border:1px solid rgba(var(--load-rgb),.26);border-radius:21px;}
.sl-loader-corners:before,.sl-loader-corners:after{content:"";position:absolute;width:22px;height:22px;border-color:var(--load-accent);border-style:solid;}
.sl-loader-corners:before{left:-1px;top:-1px;border-width:2px 0 0 2px;border-radius:20px 0 0 0;}
.sl-loader-corners:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0;border-radius:0 0 20px 0;}
.sl-loader-eyebrow{display:block;color:var(--load-accent);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;margin-bottom:17px;}
.sl-loader-copy h2{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font:700 clamp(23px,3.5vw,34px)/1.05 'DD Splash Pixel',monospace;letter-spacing:-.045em;text-shadow:0 3px #0008;}
.sl-loader-copy h2 span{color:var(--load-accent);}
.sl-loader-copy h2 strong{font:inherit;color:#f4f7ff;font-size:.72em;letter-spacing:.01em;}
.sl-loader-copy p{margin:19px 0 31px;color:#acb9cd;font-size:13px;line-height:1.7;max-width:260px;}
.sl-loader-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:11px;line-height:1.5;color:#acb9cd;}
.sl-loader-meta b{color:var(--load-accent);font-weight:700;font-variant-numeric:tabular-nums;}
.sl-loader-track{height:10px;padding:2px;background:#050a16;border:1px solid rgba(var(--load-rgb),.22);border-radius:3px;box-shadow:0 1px 0 #ffffff08;}
.sl-loader-track i{position:relative;display:block;height:100%;width:0;max-width:100%;border-radius:1px;background:linear-gradient(90deg,var(--load-accent),var(--load-second));box-shadow:0 0 13px rgba(var(--load-rgb),.3);transition:width .2s ease;}
.sl-loader-track i:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 10px,#080f2038 10px 13px);}
.sl-loader-pixels{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
.sl-loader-pixels i{position:absolute;left:calc(7% + var(--n) * 9%);top:calc(18% + mod(var(--n), 4) * 19%);width:5px;height:5px;background:var(--load-accent);opacity:.22;animation:slLoadPixel calc(3s + var(--n) * .25s) ease-in-out infinite alternate;animation-delay:calc(var(--n) * -.45s);}
.sl-loader-pixels i:nth-child(3n){background:var(--load-second);width:8px;height:8px;}
.sl-loader--deepmine .sl-loader-pixels i{rotate:45deg;box-shadow:0 0 12px rgba(var(--load-rgb),.35);}
.sl-loader--mobvault .sl-loader-aura{inset:-25px;border:1px dashed rgba(var(--load-rgb),.24);border-radius:50%;}
.sl-loader--divide .sl-loader-pixels i{width:4px;height:11px;rotate:30deg;}
.sl-loader--raid .sl-loader-pixels i{box-shadow:0 0 14px rgba(var(--load-rgb),.65);animation-name:slLoadEmber;}
.sl-loader--beacon .sl-loader-aura{top:-190px;bottom:-190px;left:33%;right:33%;border-radius:0;background:linear-gradient(90deg,transparent,rgba(var(--load-rgb),.3),transparent);box-shadow:0 0 70px rgba(var(--load-rgb),.1);}
.sl-loader--slimefeast .sl-loader-pixels i{width:12px;height:12px;border-radius:3px;border:1px solid var(--load-accent);background:rgba(var(--load-rgb),.12);}
.sl-loader--slimefeast .sl-loader-art{animation-name:slLoadSlime;transform-origin:50% 100%;}
.sl-loader.off *{animation-play-state:paused;}
@keyframes slLoadFloat{0%,100%{transform:translateY(3px)}50%{transform:translateY(-6px)}}
@keyframes slLoadSlime{0%,100%{transform:translateY(2px) scale(1)}50%{transform:translateY(-7px) scale(1.015,.985)}}
@keyframes slLoadPixel{from{transform:translateY(10px);opacity:.1}to{transform:translateY(-15px);opacity:.55}}
@keyframes slLoadEmber{from{transform:translateY(25px);opacity:.1}to{transform:translateY(-45px);opacity:.65}}
@keyframes slLoadBlink{0%,100%{opacity:.35}50%{opacity:1}}
@container (max-width:600px){
  .sl-loader-content{grid-template-columns:1fr;justify-items:center;gap:27px;width:min(100%,310px);}
  .sl-loader-art{width:145px;}
  .sl-loader-copy{width:100%;text-align:center;}
  .sl-loader-copy h2{align-items:center;font-size:25px;gap:5px;}
  .sl-loader-eyebrow{margin-bottom:9px;font-size:9px;}
  .sl-loader-copy p{margin:12px auto 22px;font-size:11px;max-width:none;}
  .sl-loader-brand{left:17px;top:18px;font-size:8px;gap:8px;}
  .sl-loader-label{right:17px;top:18px;font-size:8px;}
  .sl-loader-foot{font-size:7px;bottom:17px;}
}
@media (prefers-reduced-motion:reduce){.sl-loader,.sl-loader.off,.sl-loader-track i{transition:none}.sl-loader *{animation:none!important}}
@media (max-height:700px){
  .sl-loader{padding:48px 24px;}
  @container (max-width:600px){
    .sl-loader-art{width:105px;}
    .sl-loader-content{gap:20px;}
    .sl-loader-copy h2{font-size:22px;}
    .sl-loader-copy p{margin:10px auto 15px;}
  }
}