.comic-loader{--loader-ink:#17131f;position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 32%,var(--loader-color,#277b9b),#11121d 74%);transition:opacity .35s ease,visibility .35s ease}.comic-loader.done{opacity:0;visibility:hidden;pointer-events:none}.comic-loader-card{position:relative;width:min(570px,calc(100vw - 34px));padding:clamp(24px,5vw,42px);box-sizing:border-box;text-align:center;color:var(--loader-ink);background:#fff3cf;border:6px solid var(--loader-ink);border-radius:13px 28px 16px 9px;box-shadow:12px 12px 0 var(--loader-ink);transform:rotate(-.5deg);overflow:hidden}.comic-loader-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:radial-gradient(var(--loader-ink) 1px,transparent 1px);background-size:7px 7px}.comic-loader-issue{position:relative;z-index:1;display:inline-block;padding:5px 9px;color:white;background:#ef463a;border:3px solid var(--loader-ink);font:9px "Press Start 2P", "Press Start 2P Local",monospace}.comic-loader h1{position:relative;z-index:1;margin:12px 0 2px;font:clamp(42px,10vw,72px)/.9 "Bangers", "Bangers Local",sans-serif;letter-spacing:2px}.comic-loader-icon{position:relative;z-index:1;margin:12px auto;width:clamp(50px,12vw,82px);height:clamp(50px,12vw,82px);display:block;filter:drop-shadow(4px 4px 0 var(--loader-ink));animation:loaderBob 1.2s ease-in-out infinite alternate}.comic-loader-icon svg{width:100%;height:100%;display:block}.comic-loader-status{position:relative;z-index:1;min-height:22px;margin:12px 0 8px;font-weight:900}.comic-loader-track{position:relative;z-index:1;height:20px;border:4px solid var(--loader-ink);background:white;overflow:hidden;transform:skew(-5deg)}.comic-loader-fill{width:var(--loader-progress,2%);height:100%;background:repeating-linear-gradient(135deg,#ffd342 0 14px,#ef923a 14px 28px);transition:width .2s}.comic-loader-count{position:relative;z-index:1;margin-top:7px;font:10px "Press Start 2P", "Press Start 2P Local",monospace}.comic-loader-skip{position:relative;z-index:1;margin-top:16px;padding:8px 12px;border:3px solid var(--loader-ink);background:#67d7e8;color:var(--loader-ink);font-weight:900;cursor:pointer}.comic-loader-error{color:#a6241d}@keyframes loaderBob{to{transform:translateY(-8px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.comic-loader-icon{animation:none}.comic-loader,.comic-loader-fill{transition:none}}