.pixel-loader{position:absolute;inset:0;z-index:21;display:grid;place-items:center;overflow:hidden;background:linear-gradient(#cdb4e8 0%,#ecc8e2 60%,#ffe0d9 100%);color:#68495f;font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;image-rendering:pixelated}
.pixel-loader[hidden]{display:none!important}
.pixel-loader::before,.pixel-loader::after{content:'';position:absolute;pointer-events:none}
.pixel-loader::before{width:48px;height:9px;top:19%;left:15%;background:#fff7ee;box-shadow:10px -9px #fff7ee,24px -9px #fff7ee,37px 0 #fff7ee,60vw 55px #fff7ee,calc(60vw + 10px) 46px #fff7ee,calc(60vw + 25px) 55px #fff7ee;opacity:.8}
.pixel-loader::after{left:0;right:0;bottom:0;height:16%;border-top:9px solid #79a66d;background:repeating-linear-gradient(90deg,#95b97d 0 16px,#9fc186 16px 32px)}
.pixel-loader-scene{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;width:min(82%,340px);padding:25px 16px;background:#fff6e8;border:4px solid #7d5874;box-shadow:7px 7px 0 #b78da9}
.pixel-loader-heart{display:block;width:64px;height:58px;overflow:visible;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #8a5d79);animation:pixel-heart-bob 1.1s steps(2,end) infinite}
.pixel-loader-title{max-width:100%;letter-spacing:1.8px}
.pixel-loader-dots{display:flex;gap:8px;min-height:8px}
.pixel-loader-dots i{display:block;width:8px;height:8px;background:#d37fa7;animation:pixel-dot 1s steps(1,end) infinite}
.pixel-loader-dots i:nth-child(2){animation-delay:.2s;background:#a683c0}
.pixel-loader-dots i:nth-child(3){animation-delay:.4s;background:#e8b96e}
.game-pixel-loader{position:fixed;z-index:1000}
@keyframes pixel-heart-bob{50%{transform:translateY(-7px)}}
@keyframes pixel-dot{50%{opacity:.25;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.pixel-loader-heart,.pixel-loader-dots i{animation:none}}