.st-dragon-range-wrap{margin-top:6px} .st-dragon-range-title{margin-bottom:3px;color:#9ca3af;font:700 10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em} .st-dragon-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-dragon-range-cell{position:relative;width:15px;height:15px;box-sizing:border-box;border:1px solid #344247;background:#182229} .st-dragon-range-cell.path{background:#202b32} .st-dragon-range-cell.path::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;left:5px;top:5px;background:#9aa6ad;opacity:.75} .st-dragon-range-cell.dragon{background-color:#7f1d1d;border-color:#581313;background-image:url("assets/units/dragon.png");background-repeat:no-repeat;background-position:center;background-size:15px 15px} .st-dragon-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-dragon-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-dragon-arrow.ne{left:66px;top:9px;transform:rotate(-45deg)} .st-dragon-arrow.se{left:66px;top:73px;transform:rotate(45deg)} .st-dragon-arrow.sw{left:2px;top:73px;transform:rotate(135deg)} .st-dragon-arrow.nw{left:2px;top:9px;transform:rotate(225deg)}