.compass{left:var(--hud-gap);bottom:calc(var(--hud-gap) + 22px);color:#9aa2ae;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:9px;font-weight:700;display:flex;position:absolute}.compass-directions{width:100%;height:100%;position:relative}.compass-direction{position:absolute;left:50%;transform:translate(-50%)}.compass-direction.north{color:#ff8a80;top:3px}.compass-direction.south{bottom:3px}.compass-direction.east{top:50%;left:auto;right:3px;transform:translateY(-50%)}.compass-direction.west{top:50%;left:3px;transform:translateY(-50%)}.compass-wind{color:#c9ced6;opacity:.85;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%}.game-shell[data-variant=sheet] .compass{bottom:calc(var(--sheet-h,0px) + var(--hud-gap) + 22px)}