.st-demon-range-wrap{margin-top:6px} .st-demon-range-title{margin-bottom:3px;color:#9ca3af;font:700 10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em} .st-demon-range-grid{position:relative;display:grid;grid-template-columns:repeat(5,15px);grid-template-rows:repeat(5,15px);gap:1px;width:max-content;padding:2px;background:#11181e;border:1px solid #344247;overflow:hidden} .st-demon-range-cell{position:relative;width:15px;height:15px;box-sizing:border-box;border:1px solid #344247;background:#182229} .st-demon-range-cell.path{background:#202b32} .st-demon-range-cell.path::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;left:5px;top:5px;background:#9aa6ad;opacity:.75} .st-demon-range-cell.demon{background-color:#7e22ce;border-color:#581c87;background-image:url("assets/units/demon.png");background-repeat:no-repeat;background-position:center;background-size:15px 15px} .st-demon-arrow{position:absolute;z-index:4;width:15px;height:2px;background:#f59e0b;box-shadow:0 0 2px rgba(245,158,11,.55);transform-origin:50% 50%;pointer-events:none} .st-demon-arrow::after{content:"";position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:2px solid #f59e0b;border-right:2px solid #f59e0b;transform:rotate(45deg)} .st-demon-arrow.n{left:34px;top:9px;transform:rotate(-90deg)} .st-demon-arrow.e{left:66px;top:41px;transform:rotate(0deg)} .st-demon-arrow.s{left:34px;top:73px;transform:rotate(90deg)} .st-demon-arrow.w{left:2px;top:41px;transform:rotate(180deg)} #stLoadingScreen{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#0a1015;color:#d7bd82;opacity:1;visibility:visible;transition:opacity .24s ease,visibility .24s ease;} #stLoadingScreen.st-loading-done{opacity:0;visibility:hidden;pointer-events:none} .st-loading-box{width:min(330px,86vw);text-align:center;user-select:none} .st-loading-title{font:700 18px/1.2 Georgia,serif;letter-spacing:2px;text-transform:uppercase;margin-top:14px} .st-loading-sub{font:12px/1.35 Arial,sans-serif;color:#8e9aa5;margin-top:5px;letter-spacing:.5px} .st-loader-stage{position:relative;width:220px;height:82px;margin:0 auto;border-bottom:2px solid #57482f;overflow:visible} .st-loader-catapult{position:absolute;left:25px;bottom:3px;width:72px;height:50px;animation:stCatKick 1.85s infinite ease-in-out;transform-origin:38px 44px} .st-loader-wheel{position:absolute;bottom:0;width:18px;height:18px;border:3px solid #a67c3d;border-radius:50%;background:#182027;box-shadow:inset 0 0 0 2px #0a1015} .st-loader-wheel.a{left:8px}.st-loader-wheel.b{left:44px} .st-loader-bed{position:absolute;left:7px;bottom:17px;width:52px;height:8px;background:#7f5c31;border:2px solid #b18a4f;transform:skewX(-12deg)} .st-loader-post{position:absolute;left:32px;bottom:19px;width:7px;height:25px;background:#6d4d2b;border:2px solid #a67c3d} .st-loader-arm{position:absolute;left:34px;bottom:38px;width:45px;height:6px;background:#9c7138;border:2px solid #c09555;border-radius:4px;transform-origin:3px 3px;animation:stCatArm 1.85s infinite cubic-bezier(.65,0,.35,1)} .st-loader-cup{position:absolute;right:-7px;top:-5px;width:12px;height:12px;border:3px solid #b4894d;border-left-width:2px;border-radius:50% 50% 45% 45%;background:#1a2024} .st-loader-rock{position:absolute;left:84px;bottom:49px;width:11px;height:11px;background:#8d9498;border:2px solid #c2c7c9;border-radius:48% 52% 44% 56%;opacity:0;animation:stRockFlight 1.85s infinite linear} .st-loader-dust{position:absolute;left:164px;bottom:2px;width:4px;height:4px;border-radius:50%;background:#8a7451;opacity:0;box-shadow:8px -2px 0 #6e604a,14px 1px 0 #8a7451;animation:stDust 1.85s infinite linear} @keyframes stCatArm{0%,16%{transform:rotate(-62deg)} 25%,74%{transform:rotate(17deg)} 88%,100%{transform:rotate(-62deg)}} @keyframes stCatKick{0%,19%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}31%{transform:translateX(1px)}38%,100%{transform:translateX(0)}} @keyframes stRockFlight{0%,22%{opacity:0;transform:translate(0,0) rotate(0deg)} 24%{opacity:1;transform:translate(0,0) rotate(0deg)} 43%{opacity:1;transform:translate(43px,-25px) rotate(170deg)} 58%{opacity:1;transform:translate(79px,46px) rotate(310deg)} 66%{opacity:1;transform:translate(96px,25px) rotate(390deg)} 75%{opacity:1;transform:translate(113px,46px) rotate(470deg)} 82%{opacity:1;transform:translate(126px,35px) rotate(520deg)} 89%{opacity:1;transform:translate(138px,46px) rotate(560deg)} 96%,100%{opacity:0;transform:translate(151px,46px) rotate(620deg)}} @keyframes stDust{0%,56%{opacity:0;transform:translate(0,0) scale(.7)} 58%{opacity:.9;transform:translate(0,0) scale(1)} 62%{opacity:0;transform:translate(5px,-3px) scale(.8)} 73%{opacity:0;transform:translate(34px,0) scale(.6)} 75%{opacity:.65;transform:translate(34px,0) scale(.8)} 79%{opacity:0;transform:translate(39px,-2px) scale(.65)} 87%{opacity:0;transform:translate(59px,0) scale(.5)} 89%{opacity:.4;transform:translate(59px,0) scale(.6)} 93%,100%{opacity:0;transform:translate(64px,-1px) scale(.5)}} @media (prefers-reduced-motion:reduce){.st-loader-catapult,.st-loader-arm,.st-loader-rock,.st-loader-dust{animation-duration:3.4s}}