.modeLoadState{min-height:45dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#e2d2ad;font:14px system-ui;text-align:center;padding:20px}.modeLoadState p{font-size:14px;margin:0}.modeLoadState>div{display:flex;gap:10px}.modeLoadState button{min-height:44px;padding:8px 18px;border:1px solid #ad956766;border-radius:9px;background:#10232f;color:#e2d2ad;cursor:pointer}.modeLoadRing{width:28px;height:28px;border:2px solid #9b89594d;border-top-color:#d9be87;border-radius:50%;animation:modeLoadSpin .8s linear infinite}.modeLoadRing[hidden]{display:none}.liveLoadError{position:absolute;inset:35% 10% auto;z-index:35;display:grid;justify-items:center;gap:10px;background:#0c1928ed;border-radius:12px;padding:18px;font:13px system-ui}.liveLoadError button{min-height:44px;padding:8px 14px}@keyframes modeLoadSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.modeLoadRing{animation:none}}