.status-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:28px 20px;display:flex}.status-art{flex-shrink:0;width:144px;height:144px;position:relative}.status-art img{object-fit:contain;width:100%;height:100%;display:block}.status-art[data-state=loading] img{transform-origin:50% 90%;animation:1.4s ease-in-out infinite soldier-reload}.status-art[data-state=error] img{transform-origin:50% 85%;animation:1.7s ease-in-out 2 soldier-sob}.status-rounds{justify-content:center;gap:4px;display:flex;position:absolute;bottom:-10px;left:20%;right:20%}.status-rounds i{background:var(--accent);border-radius:4px 4px 1px 1px;width:7px;height:12px;animation:1.4s ease-in-out infinite soldier-round;display:block}.status-copy{min-width:0;max-width:380px}.status-copy h2{font:500 17px var(--font-sans);color:var(--ink);margin:0}.status-detail{color:var(--ink-3);font:12px/1.6 var(--font-sans);overflow-wrap:anywhere;margin-top:6px}.status-retry{min-height:36px;margin-top:12px}.compact-state{text-align:left;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 0}.compact-state .status-art{width:54px;height:54px}.compact-state .status-rounds{gap:2px;bottom:-4px}.compact-state .status-rounds i{width:4px;height:6px}.compact-state .status-copy h2{font-size:12px}.compact-state .status-detail{margin-top:3px;font-size:11px}.compact-state .status-retry{margin-top:7px}.status-panel .status-art.rounds-only{justify-content:center;align-items:center;width:52px;height:16px;display:flex}.status-art.rounds-only .status-rounds{gap:4px;position:static}.status-art.rounds-only .status-rounds i{width:6px;height:10px}@keyframes soldier-reload{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(2px)rotate(-1.5deg)}65%{transform:translateY(-2px)rotate(1deg)}}@keyframes soldier-sob{0%,35%,to{transform:rotate(0)}12%,24%{transform:rotate(-1deg)}18%,30%{transform:rotate(1deg)}}@keyframes soldier-round{0%,80%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (width<=760px),(height<=700px){.status-panel:not(.compact-state){gap:10px;padding:16px}.status-panel:not(.compact-state) .status-art:not(.rounds-only){width:106px;height:106px}}@media (prefers-reduced-motion:reduce){.status-art img,.status-rounds i{animation:none!important}}
