.api-loading[hidden]{display:none!important}.api-loading{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:var(--color-paper);color:var(--color-ink);font-family:Pretendard}.api-loading-panel{width:min(620px,100%);max-height:calc(100svh - 36px);overflow:auto;border:3px solid var(--color-ink);background:var(--color-paper);box-shadow:6px 6px 0 var(--color-ink);text-align:center;padding:30px}.api-loading-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;color:var(--color-muted);font-weight:800}.api-loading h2{font-size:36px;line-height:1.2;letter-spacing:-1.5px;margin:25px 0 8px}.api-loading-art{position:relative;width:160px;height:140px;display:grid;place-items:center;margin:5px auto 15px}.api-loading-art:after{content:'';position:absolute;width:95px;height:8px;background:var(--color-subtle);bottom:7px;transform:skewX(-25deg)}.api-loading-art img{position:relative;z-index:1;width:140px;height:120px;object-fit:contain;animation:api-art-float 2s steps(6) infinite}.api-loading-art:before{content:'';position:absolute;top:15px;right:0;width:9px;height:9px;border:2px solid var(--color-ink);background:var(--color-electric);animation:api-art-float 1.5s steps(4) infinite}.api-loading-status{font-size:12px;line-height:1.7;min-height:40px;margin:5px 0 12px;overflow-wrap:anywhere}.api-loading-steps{display:flex;gap:6px;margin:0 0 12px;list-style:none;padding:0;justify-content:center}.api-loading-steps li{flex:1;border-top:4px solid var(--color-subtle);padding-top:8px;font-size:10px;color:var(--color-muted)}.api-loading-steps li.current{border-color:var(--color-electric);color:var(--color-ink);font-weight:800}.api-loading-steps li.complete{border-color:var(--color-ink);color:var(--color-ink)}.api-loading-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.api-loading-slot{border:2px solid var(--color-subtle);padding:10px 5px;min-height:100px;position:relative}.api-loading-slot canvas{width:46px;height:46px;image-rendering:pixelated;display:block;margin:0 auto 7px}.api-loading-slot strong{display:block;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.api-loading-slot small{display:block;font-size:9px;color:var(--color-muted);margin-top:4px}.api-loading-slot.ready{border-color:var(--skill-color)}.api-loading-count{font-size:11px;font-weight:800;margin:13px 0}.api-loading-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:22px}.api-loading-actions button{font:700 12px Pretendard;border:2px solid var(--color-ink);padding:12px 17px;background:var(--color-ink);color:var(--color-paper);cursor:pointer}.api-loading-actions button.secondary{background:var(--color-paper);color:var(--color-muted);border-color:var(--color-metal)}.api-loading button:disabled{opacity:.4;cursor:default}.api-loading button:focus-visible{outline:3px solid var(--color-ink);outline-offset:4px}.api-loading-tip{font-size:10px;line-height:1.7;color:var(--color-muted);margin:17px 0 0}.api-loading[data-error="true"] .api-loading-status{color:var(--color-danger)}@keyframes api-art-float{50%{transform:translateY(-7px) rotate(3deg)}}@media(max-width:540px){.api-loading{padding:0}.api-loading-panel{border:0;box-shadow:none;max-height:100svh;padding:25px 20px}.api-loading h2{font-size:31px}.api-loading-skills{gap:5px}.api-loading-slot strong{font-size:9px}}@media(prefers-reduced-motion:reduce){.api-loading-art img,.api-loading-art:before{animation:none}}