.tactics-loading-page{height:100dvh;color:var(--st-text);background:var(--st-bg-deep);overflow:hidden}.tactics-loading-topbar{border-bottom:1px solid var(--st-line);background:var(--st-bg-deep);align-items:center;gap:28px;height:72px;padding:0 24px;display:flex}.tactics-loading-brand{align-items:center;gap:10px;display:flex}.tactics-loading-brand>i{background:linear-gradient(105deg,var(--st-brand) 0 43%,transparent 44% 56%,var(--st-brand) 57%);clip-path:polygon(17% 0,100% 0,82% 100%,0 100%);width:30px;height:34px;display:block}.tactics-loading-brand>b{font-size:18px}.tactics-loading-topbar nav{gap:38px;margin:auto;display:flex}.tactics-loading-topbar nav i{background:var(--st-surface-raised);border-radius:3px;width:48px;height:10px}.tactics-loading-account{border:1px solid var(--st-line);background:var(--st-surface);border-radius:7px;width:92px;height:38px}.tactics-loading-workspace{grid-template-columns:190px minmax(0,1fr) 245px;height:calc(100dvh - 72px);display:grid}.tactics-loading-tools,.tactics-loading-steps{border-right:1px solid var(--st-line);background:var(--st-bg-deep);align-content:start;gap:9px;padding:14px;display:grid}.tactics-loading-steps{border-right:0;border-left:1px solid var(--st-line)}.tactics-loading-tools>span,.tactics-loading-tools>i,.tactics-loading-steps>span,.tactics-loading-steps i{background:var(--st-surface);border-radius:5px;height:36px}.tactics-loading-tools>.wide,.tactics-loading-steps>.wide{height:52px}.tactics-loading-tools>i{width:calc(50% - 5px)}.tactics-loading-tools>i:nth-of-type(2n){margin-top:-45px;margin-left:auto}.tactics-loading-steps>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tactics-loading-steps>div i{height:38px}.tactics-loading-canvas{background:var(--st-bg-deep);flex-direction:column;min-width:0;display:flex}.tactics-loading-canvas>header{border-bottom:1px solid var(--st-line);align-items:center;gap:6px;height:52px;padding:6px 10px;display:flex}.tactics-loading-canvas>header span{background:var(--st-surface);border-radius:5px;width:42px;height:36px}.tactics-loading-canvas>header span:nth-child(3){background:var(--st-surface-raised);width:68px;margin-left:auto}.tactics-loading-map{background:var(--st-bg-deep);flex:1;place-content:center;justify-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.tactics-loading-map:before{content:"";opacity:.28;background:linear-gradient(90deg,transparent,var(--st-surface-hover),transparent);animation:1.35s cubic-bezier(.2,0,0,1) infinite tactics-loading-scan;position:absolute;inset:0;transform:translate(-100%)}.tactics-loading-map-outline{aspect-ratio:1;opacity:.42;border:1px solid var(--st-line-strong);clip-path:polygon(28% 4%,63% 4%,63% 17%,84% 17%,84% 39%,96% 39%,96% 67%,73% 67%,73% 94%,41% 94%,41% 79%,15% 79%,15% 58%,4% 58%,4% 31%,28% 31%);background:var(--st-surface);width:min(48vw,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tactics-loading-map-outline i{border:1px solid var(--st-line-strong);background:var(--st-surface-raised);width:16%;height:10%;position:absolute}.tactics-loading-map-outline i:first-child{top:22%;left:14%}.tactics-loading-map-outline i:nth-child(2){top:30%;right:13%}.tactics-loading-map-outline i:nth-child(3){bottom:17%;left:32%}.tactics-loading-map-outline i:nth-child(4){bottom:31%;right:28%}.tactics-loading-map p,.tactics-loading-map small{z-index:1;text-shadow:0 2px 18px #000;margin:0;position:relative}.tactics-loading-map p{align-items:center;gap:9px;font-size:13px;font-weight:750;display:flex}.tactics-loading-map p span{background:var(--st-brand);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite tactics-loading-pulse;box-shadow:0 0 0 5px #ff46551a}.tactics-loading-map small{color:var(--st-text-muted);margin-top:8px;font-size:12px}.tactics-loading-canvas>footer{border-top:1px solid var(--st-line);background:var(--st-bg-deep);grid-template-columns:repeat(7,1fr);gap:7px;height:104px;padding:10px;display:grid}.tactics-loading-canvas>footer i{background:var(--st-surface);border-radius:5px}.tactics-loading-page :is(.tactics-loading-topbar nav i,.tactics-loading-account,.tactics-loading-tools>span,.tactics-loading-tools>i,.tactics-loading-steps>span,.tactics-loading-steps i,.tactics-loading-canvas>header span,.tactics-loading-canvas>footer i){animation:1.4s ease-in-out infinite alternate tactics-loading-breathe}.tactics-loading-page :is(.tactics-loading-tools>i,.tactics-loading-steps>span,.tactics-loading-canvas>footer i):nth-child(2n){animation-delay:-.65s}@keyframes tactics-loading-breathe{to{background-color:var(--st-surface-raised)}}@keyframes tactics-loading-pulse{50%{opacity:.45;transform:scale(.82)}}@keyframes tactics-loading-scan{55%,to{transform:translate(100%)}}@media (width>=901px) and (width<=1100px){.tactics-loading-topbar{height:54px;padding:0 16px}.tactics-loading-topbar nav{display:none}.tactics-loading-account{margin-left:auto}.tactics-loading-workspace{grid-template-columns:168px minmax(0,1fr) 224px;height:calc(100dvh - 54px)}.tactics-loading-tools,.tactics-loading-steps{padding:10px}.tactics-loading-canvas>header{grid-template-columns:repeat(4,1fr);align-content:center;height:96px;display:grid}.tactics-loading-canvas>header span,.tactics-loading-canvas>header span:nth-child(3){width:100%;height:38px;margin:0}.tactics-loading-canvas>footer{height:108px}}@media (width<=900px){.tactics-loading-topbar{height:54px;padding:0 16px}.tactics-loading-topbar nav{display:none}.tactics-loading-account{width:38px;margin-left:auto}.tactics-loading-workspace{grid-template-columns:1fr;height:calc(100dvh - 54px)}.tactics-loading-tools,.tactics-loading-steps{display:none}.tactics-loading-canvas>header{grid-template-columns:repeat(4,1fr);align-content:center;height:100px;display:grid}.tactics-loading-canvas>header span,.tactics-loading-canvas>header span:nth-child(3){width:100%;height:40px;margin:0}.tactics-loading-map-outline{width:min(84vw,480px)}.tactics-loading-canvas>footer{grid-template-columns:repeat(6,1fr);height:178px}}@media (prefers-reduced-motion:reduce){.tactics-loading-page *{animation:none!important}}